Free Prayer Times Widget for Your Website

Add accurate prayer times to your mosque, Islamic center, or community website for free.

Step 1 — Choose your city

Step 2 — Choose your language

Step 3 — Choose your theme

Step 4 — Copy embed code

<!-- Prayer Times Widget by Hijri.cool -->
<iframe
  src="https://hijri.cool/widget/prayer-times?city=dubai&lang=en&theme=light"
  width="320"
  height="280"
  frameborder="0"
  loading="lazy"
  title="Prayer Times Dubai">
</iframe>

Step 5 — Live preview

How to Add Prayer Times to Your Website

⚙️

Step 1 — Configure Your Widget

Use the configurator above to select your city (e.g. Dubai, London, Karachi), your preferred language, and your color theme (Light, Dark, or Green). The widget preview updates live as you make changes.

📋

Step 2 — Copy the Embed Code

Click the 'Copy Code' button to copy the iframe embed code to your clipboard. The code looks like this:

Example embed code:

<iframe
  src="https://hijri.cool/widget/prayer-times?city=dubai&lang=en&theme=light"
  width="320"
  height="280"
  frameborder="0"
  loading="lazy"
  title="Prayer Times Dubai">
</iframe>

📌

Step 3 — Paste Into Your Website

Paste the code into your website's HTML wherever you want the widget to appear.

Common locations: Sidebar, Homepage, Contact/About page, Header or footer

💻

Step 4 — Platform-specific Instructions

Choose your platform:

1. Go to your WordPress dashboard
2. Navigate to Appearance → Widgets OR use the Block Editor
3. Add a 'Custom HTML' block or widget
4. Paste the embed code
5. Save/Update — done!

✅

Step 5 — You're Done! ✓

The widget will automatically show today's prayer times for your selected city. Times update daily — no maintenance needed.

One request: please keep the 'Powered by Hijri.cool' link visible.

Frequently Asked Questions

Is the Prayer Times Widget free to use?

Yes, the Hijri.cool Prayer Times Widget is completely free to use on any website. No signup, no API key, and no payment required. Simply copy the embed code and paste it into your website.

How do I add prayer times to my mosque website?

Copy the embed code from the configurator above, select your city and language, then paste the iframe code into your website's HTML. The widget will automatically show accurate daily prayer times and update every day.

Which cities are supported by the widget?

The widget supports 119 cities worldwide including major Muslim cities: Dubai, Mecca, Medina, Karachi, Jakarta, Istanbul, Cairo, London, New York, Toronto, Kuala Lumpur, and many more across 40+ countries.

Does the prayer times widget update automatically?

Yes. The widget fetches live prayer times daily. You don't need to manually update anything — prayer times automatically adjust for each day, season, and daylight saving time changes.

What languages does the widget support?

The widget is available in 7 languages: English, Arabic (العربية), Turkish (Türkçe), Indonesian (Bahasa Indonesia), Urdu (اردو), Persian (فارسی), and French (Français). Prayer names are displayed in the selected language.

What calculation methods does the widget use?

The widget automatically uses the most appropriate calculation method for each city's region: ISNA for North America, Umm al-Qura for Saudi Arabia and Gulf countries, MWL for Europe, Karachi method for Pakistan and South Asia, and Egypt method for Arab countries.

Can I customize the widget's appearance?

Yes. The widget supports 3 themes: Light (white background), Dark (dark background with white text), and Green (Hijri.cool green theme). Use the configurator above to preview and choose your preferred theme.

Does the widget work on mobile devices?

Yes. The Prayer Times Widget is fully responsive and works on all devices including smartphones and tablets. It automatically adjusts its size to fit the container it is embedded in.

Do I need to keep the 'Powered by Hijri.cool' link?

Yes. We ask that you keep the 'Powered by Hijri.cool' attribution link visible in the widget footer. This is our only requirement for using the widget for free. The link opens the full prayer times page for your city.

Can I embed the widget on a WordPress website?

Yes. To add the widget to WordPress, go to Appearance → Widgets (or use the Block Editor), add a Custom HTML block or widget, and paste the embed code. You can also add it to any page or post using the Custom HTML block.

Free to Use

This widget is free to use on any website. No signup required. No ads. Just accurate prayer times updated daily. We only ask that you keep the “Powered by Hijri.cool” link visible.

EN AR TR ID UR FA FR