Add prayer times to your website

With one short piece of code, show the prayer times of any city on your own website, with the Azangoo logo. It is free, works in four languages, and its theme and colors can be changed to match your site.

Quick start

Put the code below anywhere in your page. Choose one of the two examples, depending on whether you have a city name or coordinates.

With a city name

<div class="azangoo-widget" data-city="Toronto" data-country="CA" data-lang="en" data-theme="auto"></div>
<script src="https://www.azangoo.com/js/azangoo-widget.js" async></script>

With coordinates

<div class="azangoo-widget" data-lat="43.65" data-lng="-79.38" data-timezone="America/Toronto" data-name="Toronto" data-lang="en"></div>
<script src="https://www.azangoo.com/js/azangoo-widget.js" async></script>

Build your code

City Country code (optional) Latitude Longitude Time zone Widget language Theme Layout Clock Custom colors Accent color Background Corner radius

The English name of the city is usually found best. If you fill in coordinates, the city is used only as the name shown.

Themes

Options

city, country	A city name and a 2-letter country code (e.g. CA). The city is looked up once and remembered in the visitor’s browser.
lat, lng	Coordinates instead of a city name.
timezone	For example Asia/Tehran. Together with lat and lng, no request is sent outside.
name	The name written in the widget.
lang	fa · en · ur · ar
theme	auto · light · night · dark · emerald · ocean · sand · rose
layout	list · grid · row
show	The times to show, comma separated: fajr,sunrise,dhuhr,sunset,maghrib,midnight
clock	24 or 12
digits	native (Persian or Arabic digits) or latin
next	1 or 0: mark the next adhan
width	Maximum width, e.g. 340px
accent, bg, color, radius, font, size	Your own look, with CSS colors and sizes.

Good to know

If you give a city name, the visitor’s browser looks the city up once with Open-Meteo and remembers the result. If you give coordinates together with data-timezone, no request is sent outside at all.

The Azangoo logo and link are always shown in the widget and cannot be removed.

Using the widget is allowed only by loading its file from Azangoo itself. Copying the files, hosting them elsewhere or changing them is prohibited without written permission.

The times are calculated by the Azangoo method and may differ from the offices of the maraji‘ (sources of emulation).

Add an Azangoo link for your city or place on your website

If you do not want the widget and only need a link or a button, these links open the Azangoo home page straight on your city, in your language. Write the city and country names in English.

With city and country names

https://www.azangoo.com/go/?city=Toronto&country=Canada&lang=en

With coordinates

https://www.azangoo.com/go/?lat=43.65&lng=-79.38&lang=en

Example of the link in your page

<a href="https://www.azangoo.com/go/?city=Toronto&country=Canada&lang=en" target="_blank" rel="noopener">Prayer times of Toronto</a>

The lang parameter is one of fa, en, ur or ar. These links are not meant for search engines. A visitor who saved another place in Azangoo still sees your city when using them. To build a link more easily, open the link builder.