- Avelon
- Avelon Support
- How to embed an iFrame on your website
How to embed an iFrame on your website
An iFrame is a piece of code which allows you to host other pages of websites on one of your own pages. It’s a simple and easy way to host forms on your site or give a snippet of someone else’s website on your own. It’s pretty neat.
This guide is designed for Brands/Retailers who want to embed our Branded sign up form into a page. So, here’s how you can embed an iFrame into a page on your website.
- Go to My Affiliates > Branded sign up
- Copy the URL
- Head to an iFrame generator (linked below)
- Paste the link and adjust the iFrame width and height
- Toggle on scroll (if you like)
- Press Generate
You can actually copy the above code and use it on your website, if you like. Just change the website URL to your Branded sign up page and you can host it on your website. We recommend changing the width and height, but aside from that it’s pretty bang on.
Or, visit the below link to our favourite iFrame Generator and you can generate the above code yourself.
Where do I put the code?
Every web platform will be different, but we recommend creating a page on your website, styling it how you like and then pasting the code below it. You’ll need to add a raw HTML block into the page to paste this code. Shopify, WooCommerce, CraftCMS, BigCommerce and all the big platforms all you to do this – just search HTML.