Display Persian, Islamic, and Gregorian dates on your website
After you receive an API key, place this code anywhere in your HTML page:
Every external embed requires `data-key`. Free keys keep the Emrooz footer; Pro keys unlock white-label and server-managed accent color.
<div id="emrooz-widget"></div>
<script src="https://emrooz.app/embed.js"
data-key="emb_your_api_key_here">
</script>Customize the widget via `data-*` attributes and API key settings:
| Attribute | Type | Default | Description |
|---|---|---|---|
| data-theme | "light" | "dark" | "auto" | "auto" | Widget color theme |
| data-locale | "fa" | "en" | "ar" | "fa" | Language and digit system |
| data-target | CSS selector | "#emrooz-widget" | Widget container selector |
| data-key | string | (required) | API key for monthly quota and paid features (white-label, custom accent) |
Dark theme:
<div id="emrooz-widget"></div>
<script src="https://emrooz.app/embed.js"
data-key="emb_your_api_key_here"
data-theme="dark">
</script>English locale:
<div id="emrooz-widget"></div>
<script src="https://emrooz.app/embed.js"
data-key="emb_your_api_key_here"
data-locale="en"
data-theme="light">
</script>Pro key:
<div id="emrooz-widget"></div>
<script src="https://emrooz.app/embed.js"
data-key="emb_your_pro_key_here"
data-theme="auto">
</script>
<!-- White-label + accent color are configured on the API key -->The widget below is loaded live from emrooz.app:
Free plan for personal sites and Pro plan for businesses
Free
Pro
RecommendedUsage with API key:
<div id="emrooz-widget"></div>
<script src="https://emrooz.app/embed.js"
data-key="emb_your_api_key_here"
data-theme="auto">
</script>