Skip to main content

Embed Your Registration Page On Your Website (Iframe)

Hannah avatar
Written by Hannah
Updated this week

Embedding your registration page directly on your website creates a seamless experience for your registrants—keeping them on your site from start to finish and reinforcing your event’s brand every step of the way. It’s a great option for those looking to maintain full control over the user journey.

Just a quick note: not all websites support embedded external content, and there may be some limitations depending on your platform.

Before implementing this method, please review the following disclaimers.

** Make sure your website is secured with a HTTPS SSL certificate. Otherwise, visitors may be concerned that the webpage is not secure and or may get a warning that not all elements on the website are secure.

** Be sure to test your embedded page from a mobile phone. Using iframes may cause difficulty with scrolling or viewing the page on mobile. Especially with making sure the full height of your page is visible.

** The RegFox team cannot help you troubleshoot issues with your own website if this method does not function properly. You'll need to contact your website provider or web developer.

Jump To...

Ensure Your Website Can Accept Custom HTML

Before you begin, make sure your website can accept custom HTML with iframes in the body. Most website builders support custom HTML, but not all. Be sure to first know how and where to add embeddable code on your website.

NOTE: Not all website providers offer iframe implementation. In the case that your website does not allow iframes, an alternative option is to utilize our Button Generator feature.

  • For Squarespace users, use an Embed Block (learn more)

  • For Wix users, use the HTML iframe widget (learn more)

  • For Weebly users, use their embed code element (learn more)

  • For Wordpress, you can use their custom html widget (learn more)


Embed Your Registration Page

  • Copy the following block of HTML Code

    <iframe src="INSERT_YOUR_PAGE_URL_HERE" width="100%" height="2100px" scrolling="yes" frameborder="0" border=“0"></iframe>

  • Customize the block of code with your page URL by inserting your full page in between the quotes right after <iframe src=. Make sure to keep the quotes. Your embed code should look similar to this

    <iframe src="https://awesomeco.regfox.com/sample-page" width="100%" height="2100px" scrolling="yes" frameborder="0" border="0"></iframe>

  • Using your website's defined method for adding custom html code, paste the embed code on your website and save it.

Note: Be sure to test it to make sure you can see all fields and buttons on desktop and on mobile phones.


FAQs

The submit button or part of the page is cut off on my embedded page. How do I fix?

This means your iframe is too short. Using the html code, make the height parameter a larger number like 2500px instead of 2100px.

How do I get an HTTPS on my website?

Contact your hosting provider or your web developer. You need to buy and install an SSL certificate for your website hosting. Note you'll need to renew this every 1-2 years.

Can I iframe a Peer to Peer page?

P2P style pages are not supported with an iframe. We recommend using our Button Generator feature to direct registrants to your Peer to Peer page.

Did this answer your question?