To Embed prayer times on your own website.

To Embed prayer times on your own website.

This article explains how you can embed the prayer times from Ad-Din to your own website.

 Instructions

  1. Login to portal.ad-din.ca

  2. Go Masjid menu click on Prayer Times

  3. If you have Basic Prayer time subscription go to Basic Display tab

  4. image-20260214-210721.png
  5. Scroll down and copy the embed code highlighted in red.

  6. image-20260214-210813.png

     

  7. If you have Premium Prayer time subscription go to Premium display and click on Copy Embed Code.

  8. image-20260214-210436.png

    You can paste this code on your website.

You can adjust the size of the display on your site with small html style modifications.

For Example:

<iframe
src="https://portal.ad-din.ca/public/largedisplayvertical/793" style= "height:450px; width: 265px;">
</iframe>


<iframe
src="https://portal.ad-din.ca/public/NewVerticalDisplay1/793" style="aspect-ratio: 9 / 16; width: 300px;">
</iframe>

 

 Related articles


Ad-Din
The Complete Solution for Masajid and Madrasah Management.