ⓘ This article is for Event Organizers
You've created your Registration Form(s) on Expo Pass. Now what?
Want attendees to register on your website without being redirected? The Lightbox Version of your Expo Pass registration form creates a sleek pop-up experience that keeps users on your site — while capturing all data directly in Expo Pass under Review Transactions and Attendee sections.
💡 What Is a Lightbox?
The Lightbox embed displays your registration form in a popup overlay, dimming the rest of your site in the background. It's a clean and user-friendly option that feels seamless to attendees.
What You’ll Need
A completed Registration Form
A basic ability to copy/paste JavaScript into your website
Your event’s unique Registration Code (provided in Expo Pass)
Option 1: Embed a Single Lightbox Registration Form
Use this option if you only have one registration form for your event.
Log into Expo Pass and select your event.
In the left-hand menu, go to Registration ➜ Share Form
Copy your event’s unique code (only copy the letters and numbers - do not include the "")
Paste that code into the JavaScript snippet below by replacing REGFORM_EMBED_CODE.
Replace CUSTOMIZABLE BUTTON TEXT with your preferred button label.
Copy the entire snippet into your website HTML.
Javascript Code: This is the actual text that you can copy and paste into your website.
<script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)){ return; } js = d.createElement(s); js.id = id; js.onload = function(){ showForm("IframeDivId", "REGFORM_EMBED_CODE"); }; js.src = "https://go.regform.com/_assets/scripts/expo.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'expo_js')); </script> <style> .expo-tickets { font-size: 18px; width: 300px; height: 50px; text-align: center; line-height: 50px; margin: 0px auto; border: 0px solid; border-radius: 25px; background: #7808e0; float:left; color: white; font-weight: bold; cursor: pointer; } </style> <div class="expo-tickets">CUSTOMIZABLE BUTTON TEXT</div>
AFTER REG CODE AND CUSTOM BUTTON TEXT ARE ENTERED
❗ The most important detail of the button div element is that it maintains the class name of “expo-tickets”. If that class is not present on the element then the button will not work.
The script element can be added anywhere on the page.
The style element can be added anywhere on the page. This style makes the button div look like an “expo” button. You are free to adjust the style as you see fit.
The “div” element can be dropped anywhere on the webpage to add a button element.
Please note, depending on the web provider you are using, you may need to work directly with them to execute this step
Option 2: Embed Multiple Lightbox Registration Forms
This is used when you have multiple registration forms that need to be embedded through a button each on your website (Attendee Registration, Exhibitor Registration, Sponsor Registration etc).
Log into Expo Pass and select your event.
In the left-hand menu, go to Registration ➜ Share Form
Copy your event’s unique code (only copy the letters and numbers - do not include the "")
Repeat the steps below for each unique form:
Replace REGFORM_EMBED_CODE in the div (not the script).
Use different button text for each.
Javascript Code: This is the actual text that you can copy and paste into your website.
<script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)){ return; } js = d.createElement(s); js.id = id; js.onload = function(){ showForm("IframeDivId", "REGFORM_EMBED_CODE"); }; js.src = "https://go.regform.com/_assets/scripts/expo.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'expo_js')); </script> <style> .expo-tickets { font-size: 18px; width: 300px; height: 50px; text-align: center; line-height: 50px; margin: 0px auto; border: 0px solid; border-radius: 25px; background: #7808e0; float:center; color: white; font-weight: bold; cursor: pointer; } </style> <div class="expo-tickets" data-expo-regform-code="REGFORM_EMBED_CODE">CUSTOMIZABLE BUTTON TEXT</div>
AFTER REG CODE AND CUSTOM BUTTON TEXT ARE ENTERED
❗The most important element here is the addition of the “data-expo-regform-code” attribute on the button div element. This element is what links a specific event to the specific button.
Every “expo-tickets” button div MUST provide a “data-expo-regform-code” attribute!
The button div element must maintain the class name of “expo-tickets”. If that class is not present on the element then the button will not work.
Note that the REGFORM_EMBED_CODE in the script element will not impact the reg form that is opened when using this embed type.
The script element can be added anywhere on the page.
The style element can be added anywhere on the page. This style makes the button div look like an “expo” button. The client is free to adjust the style as they see fit.
Multiple instances of the “div” element can be dropped anywhere on their page to add a button element.
Multiple buttons can have the same regform code provided on “data-expo-regform-code”.
🔐 Is It Secure?
Yes! The form itself is secure. However, the appearance of "Secure" or "Not Secure" in your attendee’s browser depends on your website.
If your site is not SSL-secured (doesn’t start with
https://
), the browser may still show “Not Secure” — even though the form is safe.To ensure a seamless attendee experience, we recommend adding an SSL certificate to your website.
If you don't have a secure website, you can host your registration form on your Facebook page! Click HERE for step by step instructions.