Skip to main content

Tools & developers

How to Add Prayer Times to Your Website: Free Widget, No Signup

A practical guide to embedding accurate, city-specific prayer times on any site in minutes, with the right calculation method and no registration.

How to Add Prayer Times to Your Website: Free Widget, No Signup

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:

  1. Umm al-Qura for Saudi Arabia and much of the Gulf.
  2. Muslim World League for most of Europe and North Africa.
  3. Egyptian General Authority of Survey for Egypt and neighbouring regions.
  4. 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