एम्बेडेबल बैज जनरेटर

एम्बेडेबल स्टेटस बैज

मूल कॉन्फ़िगरेशन

कार्य समय क्षेत्र

प्रारंभ समय

समाप्ति समय

कार्य दिवस

कार्यरत

विश्राम

दिखावट

पूर्व-निर्धारित थीम

अवकाश अपवर्जन

राष्ट्रीय अवकाश त्वरित आयात करें

मैन्युअल रूप से तिथि जोड़ें

लाइव पूर्वावलोकन

हल्की पृष्ठभूमि

गहरी पृष्ठभूमि

सीधा लिंक (URL)

http://localhost/badge?timezone=UTC&workStart=09%3A00&workEnd=18%3A00&style=1&workDays=1%2C2%2C3%2C4%2C5&text=%E0%A4%95%E0%A4%BE%E0%A4%B0%E0%A5%8D%E0%A4%AF%E0%A4%B0%E0%A4%A4&unavailableText=%E0%A4%B5%E0%A4%BF%E0%A4%B6%E0%A5%8D%E0%A4%B0%E0%A4%BE%E0%A4%AE&workingBgColor=%2310b981&workingTextColor=%23ffffff&unavailableBgColor=%23ef4444&unavailableTextColor=%23ffffff&fontSize=14&padding=8&borderRadius=4&layout=horizontal&textAlign=center&showLocalTime=true&showStatusIndicator=true&workingIndicatorColor=%23ffffff&unavailableIndicatorColor=%23ffffff&boxShadow=none

HTML एम्बेड कोड (Iframe)

निर्देश

उत्पन्न iframe कोड को अपनी वेबसाइट के HTML में पेस्ट करें।
React/Vue प्रोजेक्ट्स के लिए, सुनिश्चित करें कि iframe रेंडरिंग की अनुमति है।
यदि आपकी वेबसाइट में CSP (सामग्री सुरक्षा नीति) सक्षम है, तो कृपया जोड़ें frame-src 'self' https://isworkingnow.com/
बैज विज़िटर के सिस्टम समय या पूर्व-निर्धारित समय क्षेत्र के आधार पर स्वचालित रूप से कार्य स्थिति प्रदर्शित करता है।

Frequently Asked Questions

How do I use the embeddable status badge?

1. Basic Configuration: Set your work timezone, working hours, and work days.

2. Customize Style: Choose preset styles or customize colors, layouts, etc.

3. Generate Badge: Click the "Generate Badge" button to get the embed code.

4. Embed in Website: Copy the generated iframe code into your website.

What features does the badge have?

Real-time Status: Automatically displays "Working" or "Offline" status based on your set working hours.

Multiple Styles: Provides 10 preset styles like classic, capsule, square, gradient, etc.

Responsive Design: Automatically adapts to different devices and screen sizes.

Holiday Recognition: Supports setting holidays, automatically displaying offline status during holidays.

Timezone Adaptive: Automatically shows the correct work status based on the visitor's timezone.

When do I need to configure CSP security policies?

When your website has CSP (Content Security Policy) enabled:

• If the badge fails to display or load properly

• If CSP-related error messages appear in the browser console

• If your website has strict security policy requirements

Solution: Add the following configuration to your CSP policy:

frame-src 'self' https://isworkingnow.com/

What technical features does the badge support?

Cross-domain Support: Can be embedded in any website without cross-domain restrictions.

Lightweight: Fast loading speed, does not affect website performance.

Zero Dependencies: Pure HTML/CSS implementation, no extra JavaScript libraries required.

SEO Friendly: Does not affect search engine crawling and indexing.

HTTPS Support: Fully supports HTTPS websites.

What options can be customized?

Time Settings: Working hours, timezone, work days, holidays.

Text Content: Display text for working and offline statuses.

Visual Style: Colors, font size, padding, border radius, layout.

Status Indicator: Optional colored status indicator dots.

Local Time: Option to display current local time.