Skip to main content
All CollectionsWebsites - Integrating your existing Website with ClubZap
Implementing iFrames to embed ClubZap web pages on your 3rd party website
Implementing iFrames to embed ClubZap web pages on your 3rd party website
Declan Murphy avatar
Written by Declan Murphy
Updated over a week ago

An inline frame (iframe) is a HTML element that loads another HTML page within the document. It essentially enables you to put another webpage (e.g: ClubZap products) within the parent page of your existing website.

Example: Bedrock FC


How do I generate the iFrame code for my website?

You can generate your iFrame code using a website like this

Simply put in your ClubZap URL and the code will be generated

Example for the ClubZap lotto page for Bedrock

The output code is as follows:

<iframe src="https://bedrock.clubzap.com/draws" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="1000px" width="600px" allowfullscreen></iframe><div style="overflow: auto; position: absolute; height: 0pt; width: 0pt;"></div><div style="overflow: auto; position: absolute; height: 0pt; width: 0pt;"><a href="https://www.embedista.com/">Iframe Generator</a></div><script type="text/javascript" src="https://www.embedista.com/j/if.js"></script> </div><style>.boxes2{height:212px;width:316px;} #new img{max-width:none!important;background:none!important}#iframe{max-height:none!important;max-width:none!important;background:none!important}</style></div>


How can I hide the ClubZap website page menus from the embedded html?

You will need to append ?iframe=1 onto the end of the domain in your iframe code in order to hide the ClubZap Website menus appearing


What are the domain names for the ClubZap web pages?

The following are the list of ClubZap website extensions

News: /articles

Fixtures: /fixtures

Results: /results

Lotto: /draws

About: /about

History: /history

Contact: /contact

Honours: /honours

Membership: /membership_signup

Shop: /products

Lotto Products: /categories/lotto/products

Merchandise: /categories/merchandise/products

Fees: /categories/fees/products

Camp: /categories/camp/products

Fundraising: /categories/fundraising/products


How to insert iFrame code into a Wordpress Website

In your WordPress admin portal:

  1. Create a new WP page

  2. Add a new Block - Custom HTML

  3. Paste in your iframe code generated above


โ€‹

Did this answer your question?