
Mosques, schools and community sites all need one thing on the homepage: today's accurate prayer times. This guide shows how to place a free, no-registration prayer widget on any website in a few minutes, and how to keep it correct for your city all year.
What the widget shows
The Wesalna widget renders the five daily prayers plus sunrise, highlights the next prayer with a live countdown, and follows the visitor's device language for Arabic or English.
- Times are calculated per coordinates, not per country, so a village and its capital do not share the same minute.
- The layout is responsive, so it fits a sidebar, a footer strip, or a full section.
- Nothing is stored about the visitor and no account is needed.
Step one: get your coordinates
Open the prayer times page and let the page detect your city, or search for it manually. Copy the latitude and longitude it shows; two decimal places are enough for prayer timing.
Step two: copy the embed code
Scroll to the embed section on the same page. Pick your calculation method and language, then copy the generated iframe snippet and paste it where you want the widget to appear in your HTML.
Keep the iframe height at the suggested value. A shorter frame clips the countdown row and pushes the next prayer out of view.
Step three: choose the right calculation method
Prayer timing depends on the twilight angle used for Fajr and Isha, so choose the authority your community already follows:
- Umm al-Qura for Saudi Arabia and much of the Gulf.
- Muslim World League for most of Europe and North Africa.
- Egyptian General Authority of Survey for Egypt and neighbouring regions.
- ISNA for large parts of North America.
If your mosque publishes a printed timetable, match the method that reproduces its Fajr and Isha to the minute.
Common mistakes to avoid
- Hardcoding times as plain text: they drift within days and break trust.
- Using a country capital for every visitor in a large country.
- Hiding the widget behind a tab, which removes the value from the page that actually earns search traffic.
What to add next
Visitors who check prayer times usually need one more thing on the same visit. Add the Qibla direction tool, the Hijri calendar and the Ramadan timetable as clear next steps, all free and account-free.
Data sources
- General Authority for Survey and Geospatial Information: Umm al-Qura calendar
- Muslim World League: prayer time calculation standards
- MDN Web Docs: the iframe element and the loading attribute
Last updated: 2 Sept 2026