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
Note: You must append ?iframe=1 onto the end of your URL
Example:
then the URL for your iframe generation should be
Example for the ClubZap lotto page for Bedrock
The output code is as follows:
<iframe src="https://bedrock.clubzap.com/categories/camp/products?iframe=1" 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:
Create a new WP page
Add a new Block - Custom HTML
Paste in your iframe code generated above