Your mosque's prayer times, live on your website.

Q: Can I remove the Mihrab link?

Yes. Add data-hide="branding" to the snippet, or turn off Show Mihrab link in the app. You can also hide countdown, jummah, week or calendar, separated by commas.

Q: What if my website builder blocks scripts?

Use the plain iframe instead (in the app: Simple iframe instead). It works anywhere you can paste HTML; it just has a fixed height.

Free, and it keeps itself up to date: when your staff change a time in the Mihrab app, your website shows it. No plugin to install, and no account for whoever runs your site.

Get the code See it live

WHAT YOU GET

Website prayer times widget

Azan and jamaat for all five prayers, plus sunrise, as your mosque sets them
Jumuʿah, both jamaats if you hold two, with the khutbah time
A live countdown to the next jamaat, in your mosque's time zone
The week ahead with changed times marked, and a printable monthly timetable
Five languages: English, Arabic, Urdu, Turkish and Hindi, right to left where needed
Fits your site: light, dark or automatic, your brand colour, and it sizes itself so nothing is cut off

LIVE DEMO

Pick a look, copy the code

This is the real widget. Change the style and the code under it changes with it.

LAYOUT

THEME

LANGUAGE

Your own mosque's code is in the app: Settings → Mosque setup → Add to your website.

HOW TO SET IT UP

4 steps

Mosque staffOpen the widget in the app
In Mihrab, open your mosque and tap Settings → Mosque setup → Add to your website.
Don't see it yet? It arrives in the next app update. Until then, contact us and we'll send your mosque's code.
Mosque staffPick a look and copy the code
Choose the Style (Card, Strip, Badge or Month) and the Theme, then tap Copy code. Send it to whoever runs your website if that isn't you.
Whoever runs the websitePaste it into the page
WordPress
1. Edit the page → add a "Custom HTML" block.
2. Paste the code into it.
3. Click Update / Publish.
Wix
1. Edit Site → Add → Embed → Custom Embeds → Embed a Widget.
2. Paste the code and apply.
3. Publish the site.
Squarespace
1. Edit the page → add a Code block.
2. Paste the code into it.
3. Save, then Publish the page.
Any other site
1. Find where you can add custom HTML (often "Embed" or "HTML block").
2. Paste the code into it.
3. Save or publish the page.
NobodyTimes update by themselves
From then on, every change your staff make in the app shows on your website within minutes. Nobody needs to touch the website again.

Want us to build the whole site? We build and run masjid websites.

QUESTIONS

Good to know

Is it free?

Yes. The widget, the times and the hosting are free, and whoever edits your website doesn't need an account.

Does it slow my site down?

No. The loader is about 2 KB and loads in the background, and the times come from a cached service rather than a database call for every visitor.

Can I remove the Mihrab link?

Yes. Add data-hide="branding" to the snippet, or turn off Show Mihrab link in the app. You can also hide countdown, jummah, week or calendar, separated by commas.

What if my website builder blocks scripts?

Use the plain iframe instead (in the app: Simple iframe instead). It works anywhere you can paste HTML; it just has a fixed height.

Who can get the code?

Your mosque staff, in the Mihrab app under Settings → Mosque setup → Add to your website.

Where do the times come from?

From your mosque's own times as your staff set them in Mihrab. If a time hasn't been set, the calculated start time for your mosque's location is shown.

Not on Mihrab yet?

Add your mosque in the app, set your jamaat times, and the website code is ready straight away.

Google Play App Store