Prayer Board App

Prayer Embeds

Use these embed codes to display individual prayer times:
[pba_salah_fajr], [pba_salah_zuhr], [pba_salah_asr], [pba_salah_maghrib], [pba_salah_isha]
These embed codes fetch real-time prayer times from our live API based on your coordinates.

Prayer Time Parameters

Parameter	Accepted Values	Default	Description
`format`	`12`, `24`	`12`	Sets 12-hour or 24-hour time format.
`seconds`	`true`, `false`	`false`	Whether to display seconds.
`period`	`true`, `false`	`true`	Show `AM/PM` (used only with `format="12"`).

Prayer Time Embed Examples

Embed code	Description	Example
`[pba_salah_fajr]`	Default (12-hour, no seconds, with AM/PM)	`5:30 am`
`[pba_salah_fajr format="24"]`	24-hour format	`12:30`
`[pba_salah_fajr format="12" seconds="true"]`	12-hour with seconds	`3:45:00 pm`
`[pba_salah_fajr period="false"]`	12-hour without AM/PM	`5:30`

Note: All prayer time embed codes support the same parameters. Replace 'fajr' with 'zuhr', 'asr', 'maghrib', or 'isha' as needed.

Clock — Analog

[pba_analog_clock]

[pba_analog_clock]

Displays an analog clock. Add optional colour parameters below; omit them for defaults.

[pba_analog_clock] Parameters

Parameter	Accepted Values	Default	Description
`highlight`	Hex colour (e.g. `#ffffff`)	empty	Hands, border, and hour marks.
`accent`	Hex colour (e.g. `#ff0000`)	empty	Second hand, centre dot, and glow.
`instance`	`1`, `2`, …	empty	Only when embedding multiple clocks on one page.

[pba_analog_clock] Embed Examples

Copy	Short-code	Description
	`[pba_analog_clock]`	Default
	`[pba_analog_clock highlight="#ffffff" accent="#ff0000"]`	Custom hand colours
	`[pba_analog_clock instance="1"]`	First of several clocks on one page (use 2, 3, … for the rest)

Clock — Digital

[pba_digital_clock]

[pba_digital_clock]

Displays a digital clock.

[pba_digital_clock] Parameters

Parameter	Accepted Values	Default	Description
`format`	`12`, `24`	`24`	Sets 12-hour or 24-hour time format.
`seconds`	`true`, `false`	`true`	Whether to display seconds.
`period`	`true`, `false`	`true`	Show `AM/PM` (used only with `format="12"`).

[pba_digital_clock] Embed Examples

Short-code	Description	Example
`[pba_digital_clock]`	Default (12-hour, with seconds, no AM/PM)	`6:04:46`
`[pba_digital_clock format="24"]`	24-hour format	`18:04:46`
`[pba_digital_clock format="12" seconds="false" period="false"]`	12-hour, no seconds, hide AM/PM	`6:04`
`[pba_digital_clock seconds="false"]`	Hide seconds (12-hour)	`6:04`
`[pba_digital_clock format="12" period="true"]`	12-hour with AM/PM	`6:04 PM`

Countdown Embed

[pba_countdown]

[pba_countdown]

Displays a live countdown through Athan and Iqamah states for the next prayer.
Updates every second using the browser time in the board location timezone.
After Isha, rolls over to tomorrow’s Fajr automatically.

Iqamah Embeds

Use these embed codes to display iqamah times (prayer start times):
[pba_iqamah_fajr], [pba_iqamah_zuhr], [pba_iqamah_asr], [pba_iqamah_maghrib], [pba_iqamah_isha]
Iqamah times are calculated by adding configurable offsets to prayer times.

Iqamah Time Parameters

Parameter	Accepted Values	Default	Description
`format`	`12`, `24`	`12`	Sets 12-hour or 24-hour time format.
`seconds`	`true`, `false`	`false`	Whether to display seconds.
`period`	`true`, `false`	`true`	Show `AM/PM` (used only with `format="12"`).

Iqamah Time Embed Examples

Embed code	Description	Example
`[pba_iqamah_fajr]`	Default (12-hour, no seconds, with AM/PM)	`5:45 am`
`[pba_iqamah_fajr format="24"]`	24-hour format	`12:45`
`[pba_iqamah_fajr format="12" seconds="true"]`	12-hour with seconds	`6:35:00 pm`
`[pba_iqamah_fajr period="false"]`	12-hour without AM/PM	`5:45`

Note: All iqamah time embed codes support the same parameters. Replace 'fajr' with 'zuhr', 'asr', 'maghrib', or 'isha' as needed.

Date Embeds

[pba_current_date]

[pba_current_date]

Use this embed code to display the current date using a specified format. (It will default to the 'long' format)
Formats (International): small, short, medium, long
Formats (United States): small-us, short-us, medium-us, long-us

[pba_current_date] Parameters

Parameter	Accepted Values	Default	Description
`format`	`small`	`long`	Day/Month/Year (European style)
`format`	`short`	`long`	Day ShortMonth Year
`format`	`medium`	`long`	ShortDay, Day ShortMonth Year
`format`	`long`	`long`	FullDay Day, ShortMonth Year
`format`	`small-us`	`long`	Month/Day/Year (US style)
`format`	`short-us`	`long`	ShortMonth Day Year
`format`	`medium-us`	`long`	ShortDay, ShortMonth Day Year
`format`	`long-us`	`long`	FullDay ShortMonth Day, Year

[pba_current_date] Embed Examples

Embed code	Description	Example
`[pba_current_date format="small"]`	Day/Month/Year (European style)	`15/12/2024`
`[pba_current_date format="short"]`	Day ShortMonth Year	`15 Dec 2024`
`[pba_current_date format="medium"]`	ShortDay, Day ShortMonth Year	`Sun, 15 Dec 2024`
`[pba_current_date format="long"]`	FullDay Day, ShortMonth Year	`Sunday 15 December, 2024`
`[pba_current_date format="small-us"]`	Month/Day/Year (US style)	`12/15/2024`
`[pba_current_date format="short-us"]`	ShortMonth Day Year	`Dec 15 2024`
`[pba_current_date format="medium-us"]`	ShortDay, ShortMonth Day Year	`Sun, Dec 15 2024`
`[pba_current_date format="long-us"]`	FullDay ShortMonth Day, Year	`Sunday December 15, 2024`

[pba_hijri_date]

[pba_hijri_date]

Use this embed code to display the current Hijri date.

Calculation Embeds

[pba_timezone]

[pba_timezone]

Displays the prayer location as a UTC offset (e.g. UTC+10, UTC-5, UTC+0). Uses the timezone set in the Location tab, or falls back to city/API timezone.

[pba_city]

[pba_city]

Displays the prayer location city configured in the Location tab (e.g. Newcastle, Australia).
No parameters. Use [pba_city] on your board to show the current location.

[pba_coordinates]

[pba_coordinates]

Displays the prayer location latitude and longitude from the Location tab.
By default shows both. Use the positioning parameter to show latitude only, longitude only, or both.

[pba_coordinates] Parameters

Parameter	Accepted Values	Default	Description
`positioning`	`both`, `latitude`, `longitude`	`both`	Whether to display both coordinates, latitude only, or longitude only.

[pba_coordinates] Embed Examples

Embed code	Description	Example
`[pba_coordinates]`	Display latitude and longitude	`-33.920313, 151.035160`
`[pba_coordinates positioning="latitude"]`	Display latitude only	`-33.920313`
`[pba_coordinates positioning="longitude"]`	Display longitude only	`151.035160`

[pba_prayer_method]

[pba_prayer_method]

Use this embed code to display the current Prayer Method setting.

[pba_prayer_school]

[pba_prayer_school]

Use this embed code to display the current juristic method setting.

Sunrise Embed

[pba_sunrise]

[pba_sunrise]

Use this embed code to display sunrise time with same parameters as prayer times

[pba_sunrise] Parameters

Parameter	Accepted Values	Default	Description
`format`	`12`, `24`	`12`	Sets 12-hour or 24-hour time format.
`seconds`	`true`, `false`	`false`	Whether to display seconds.
`period`	`true`, `false`	`true`	Show `AM/PM` (used only with `format="12"`).

[pba_sunrise] Embed Examples

Embed code	Description	Example
`[pba_sunrise]`	Default (12-hour, no seconds, with AM/PM)	`6:30 am`
`[pba_sunrise format="24"]`	24-hour format	`6:30`
`[pba_sunrise format="12" seconds="true"]`	12-hour with seconds	`6:30:00 am`
`[pba_sunrise period="false"]`	12-hour without AM/PM	`6:30`

Jummah Embeds

[pba_jummah]

[pba_jummah]

Use this embed code to display the Jummah prayer time.
This embed code supports the same parameters as prayer time embed codes.
The Jummah time is configured in the admin Settings tab.

[pba_jummah] Parameters

Parameter	Accepted Values	Default	Description
`format`	`12`, `24`	`12`	Sets 12-hour or 24-hour time format.
`seconds`	`true`, `false`	`false`	Whether to display seconds.
`period`	`true`, `false`	`true`	Show `AM/PM` (used only with `format="12"`).

[pba_jummah] Embed Examples

Embed code	Description	Example
`[pba_jummah]`	Default (12-hour with AM/PM)	`1:15 pm`
`[pba_jummah format="24"]`	24-hour format	`13:15`
`[pba_jummah format="12" seconds="true"]`	12-hour with seconds	`1:15:00 pm`
`[pba_jummah format="24" seconds="true"]`	24-hour with seconds	`13:15:00`
`[pba_jummah period="false"]`	12-hour without AM/PM	`1:15`

[pba_jummah_duration]

[pba_jummah_duration]

Displays the Jummah prayer duration in minutes (e.g. 30 minutes).
No parameters. The duration is configured in the admin Settings tab (Jummah/Iqamah section).
Default is 30 minutes if not set. Valid range: 0–60 minutes.

Marquee Embeds

Use these embed codes to display scrolling marquee messages on your website.

Select Marquee:

Generated embed code:

[pba_marquee id=1]

Click the copy button to copy the embed code to your clipboard