CodeCanyon

Islam Practice Prayer Schedule for WordPress

A modern prayer timetable plugin for mosques, Islamic centers, and WordPress websites — with Elementor support, Gutenberg block, shortcodes, Iqamah and Jamaah times, location-based calculation, and flexible design controls.

View Layouts Explore Features
🕌 Mosque-friendly design • Elementor-ready • Live shortcode layouts
Prayer Schedule - Makkah
Use My Location
Next Prayer
D Dhuhr
Mon, Jun 29 • 12:24 PM
03:09
left
Cards
Timeline
Fajr
04:14 AM
Tap to preview
Sunrise
05:41 AM
Tap to preview
Dhuhr
12:24 PM
Remaining 03:09
Asr
03:43 PM
Tap to preview
Maghrib
07:07 PM
Tap to preview
Isha
08:37 PM
Tap to preview
Waiting for Dhuhr 12:24 PM

Live Layout Demo

Real plugin outputs shown with live shortcode layouts.

Interactive Cards

Location is used only after permission and only to calculate local prayer times.

Loading prayer times…
Prayer times may vary depending on location, calculation method, and local authority. Please verify with your local mosque or trusted Islamic authority.
Interactive cards layout with countdown and all prayer times.

Modern Cards

Location is used only after permission and only to calculate local prayer times.

Loading prayer times…
Prayer times may vary depending on location, calculation method, and local authority. Please verify with your local mosque or trusted Islamic authority.
Modern card layout designed for clean and simple display.

Horizontal Prayer Strip

Location is used only after permission and only to calculate local prayer times.

Loading prayer times…
Prayer times may vary depending on location, calculation method, and local authority. Please verify with your local mosque or trusted Islamic authority.
Horizontal prayer strip layout, compact and space-saving.

Horizontal Timeline

Location is used only after permission and only to calculate local prayer times.

Loading prayer times…
Prayer times may vary depending on location, calculation method, and local authority. Please verify with your local mosque or trusted Islamic authority.

Horizontal timeline layout with current prayer indicator.

Quick Feature Highlights

▦

Elementor Widget

▣

Gutenberg Block

</>

Shortcodes

▤

5 Layout Styles

👥

Iqamah & Jamaah Times

☷

Manual Time Corrections

⌖

Location-Based Times

🎨

Advanced Color Controls

🕌

Logo / Mosque Branding

📱

Responsive Design

Elementor Widget is selected. Add the prayer schedule directly inside Elementor.

Built for Mosque and Community Websites

Display Adhan, Iqamah, and Jamaah / Congregation times clearly for your community. Each prayer time can be adjusted to match your local mosque schedule.
Prayer Adhan Time Iqamah Time Jamaah / Congregation Time
Fajr 04:13 AM 04:45 AM 05:00 AM
Dhuhr 12:24 PM 01:15 PM 01:30 PM
Asr 03:47 PM 04:00 PM 04:15 PM
Maghrib 06:12 PM 07:03 PM 07:15 PM
Isha 07:32 PM 08:45 PM 09:00 PM
Note: Each prayer time can be adjusted to match your local mosque schedule.
Fajr
Adhan 04:13 AM
Iqamah 04:45 AM
Jamaah 05:00 AM
Dhuhr
Adhan 12:24 PM
Iqamah 01:15 PM
Jamaah 01:30 PM
Asr
Adhan 03:47 PM
Iqamah 04:00 PM
Jamaah 04:15 PM
Maghrib
Adhan 06:12 PM
Iqamah 07:03 PM
Jamaah 07:15 PM
Isha
Adhan 07:32 PM
Iqamah 08:45 PM
Jamaah 09:00 PM
Note: Each prayer time can be adjusted to match your local mosque schedule.

Customize Every Detail in Elementor

Style colors, typography, spacing, and every element visually — no coding required.

Edit Prayer Schedule

  • Main Colors
  • Surface & Text
  • Interactive Cards
  • Classic Table
  • Horizontal Strip
  • Horizontal Timeline
  • Button
  • Typography

Fully Optimized and Clean Interface

Just Click and Play with your imagination — no coding required.

Edit Prayer Schedule

Grouped controls for colors, cards, countdown, table, strip, timeline, buttons, spacing, and typography.

Header Title Prayer Schedule
Location Header
Default Location Makkah
Use My Location
Show Countdown
Show Sunrise
Palette
Primary #0B6B3F
Background Soft White
Contrast
68%
Card Radius
16px
Current Prayer Highlight
Countdown
Marker Style Rounded
Header Background Green
Mobile Stacking
Compact Mode
Active Marker Dhuhr
Button Radius 999px
Spacing
58%
Heading Font Georgia
Body Font Inter
Interactive controls Tabs, dropdowns, toggles, swatches, and sliders work inside the HTML widget.
View Layouts

Works With the WordPress Tools You Already Use

E

Elementor Widget

▣

Gutenberg Block

</>

Shortcodes

📱

Responsive Layouts

🌐

Translation Ready

✓

PHPCS/WPCS Clean

✦

Clean Interface

🛡

Secure & Optimized Code

📘

Documentation Included

Elementor Widget is selected. Add the prayer schedule visually with the Elementor widget.

Shortcode Examples

Copy and paste these shortcodes into any post, page, or widget area.

[islampractice_prayer_schedule_pro]
[islampractice_prayer_schedule_cards]
[islampractice_prayer_schedule_strip]
[islampractice_prayer_schedule_timeline]

Location-Based Prayer Times

Default Location Makkah, Saudi Arabia
Country Code SA
Latitude / Longitude 21.4225, 39.8262
Calculation Method Muslim World League
Time Format 12 Hour (AM/PM)
Auto Method by Location On
Manual Corrections Configure
Default Location is selected for this preview.

API & Privacy

Prayer times are calculated using the AlAdhan API. External API requests can be enabled or disabled from plugin settings. Location permission is requested only when the visitor clicks the location button, and the plugin does not store visitor location.

☁

AlAdhan API

Prayer times are fetched through a calculation API.

⏻

API Control

External requests can be controlled from settings.

⌖

Location Permission

Permission is requested only after visitor action.

◇

Privacy Focused

Visitor location is not stored by the plugin.

AlAdhan API is selected for this preview.

Admin Settings Preview

Powerful and easy-to-use settings inside WordPress.

Islam Practice Prayer Schedule Settings
Saved

Overview

Quick summary of plugin status, location, prayer time, date, and shortcode availability.

Plugin Status

The prayer schedule plugin is active and ready to display prayer times on your website.

Clear Documentation Included

📄

Installation Guide

</>

Shortcode Guide

▦

Elementor Widget Guide

▣

Gutenberg Block Guide

☷

Layout Guide

🛡

API & Privacy

🛠

Troubleshooting

☑

Changelog

🔗

Third-Party API Credits

Installation Guide is selected. Users can follow the setup steps after downloading the plugin.

Support & Documentation

Need help setting up the prayer schedule, using shortcodes, or adjusting layouts? Use the documentation first, then contact support if needed.

📄

Setup Guide

Follow the installation and setup guide to configure the plugin on your WordPress website.

</>

Shortcode Help

Use shortcode examples to display different prayer schedule layouts across your website.

🛠

Troubleshooting

Check common fixes for display issues, location settings, calculation methods, and layout behavior.

Contact Plugin Support

For plugin-related support, send your question with your website URL, WordPress version, and a short description of the issue.

Email Support

Add a Professional Prayer Schedule to Your WordPress Website

Display prayer times beautifully for mosques, Islamic centers, and Islamic websites with flexible layouts and easy customization.

View Layouts Get Plugin on CodeCanyon