Use this article to decide how to set up lead collection on your 3rd-party website. Once that’s in place, check out How to | Allow Leads to Book their Intro Class to set up your Journey Triggers (automated communication workflows). This ensures that every new lead receives a welcome sequence and the waiver to complete before they ever step through your doors.
Microsite Integrations
Gracie Barra Microsites include powerful built-in tools to make lead management simple:
- Class Calendar: Your live schedule displays automatically on your site.
- Trial Booking: Branded flow lets prospects book their first class online.
- Self-Sign-Up: Enable online registration to streamline onboarding.
🔎 See it in action with GB Caldwell.
👉 Request your microsite integration here.
Related Articles
- How to | Set up Self Sign-Up Registration
- How to | Set your Class Schedule
- How to | Allow Leads to Book their Intro Class
- How to | Automatically Import Facebook (Meta) Leads
Prep your GB Members CRM
Begin with the help article 'How to | Prepare Your CRM for Website Lead Collection' to ensure your CRM is ready for live website integration.
Integrate with iFrame
- Give your lead the option of booking their trial class immediately
- Set your opening date in School Settings if you are a new school.
- Set a Journey trigger to send the waiver once the booking is confirmed.
- Create a QR Code or poster that you can display on the window of your school for people to scan when they walk by, especially when you are closed. Check out this Canva Template to update for your school.
- Allow a lead to become a member on their own from your website
-
- Effective July 2024, we have expanded our Widget feature to allow leads to sign up for memberships directly. This new addition complements our existing functionality.
Regardless of which option you choose, you must first ensure you have properly set up your Class Calendar within GB Members, and have selected to Accept Trial bookings, and set a limit, even if it's 100, you have to enter a numeric value.
Website Integration Instructions
Easily integrate a trial booking widget into your website to streamline new student sign-ups. Ensure you have access to your website's HTML code or content management system (e.g., WordPress, Wix). If you are not open yet, let us know your open date, and we can set it so your leads cannot book until that date or after.
If you don't enable Self Sign-Up Registration it won't be visible within the widget.
Copy the codes provided below and paste them into their designated sections. This code includes jQuery for functionality, CSS for styling, and the widget iframe.
IFRAME WIDGET CODE
(*Within page designer)
<div id="myContainer" class="container">
<iframe id="gbbookatrial"
src="https://services.gbmembers.net/gbcalendar-2.0/calendar.htm?space=schoolname"
scrolling="auto"
style="border:2px;width: 100%;"
height="340px"
frameborder="0"
allowfullscreen="">
</iframe>
</div>
<style>
.container {
width: 100%; /* Make the container responsive */
max-width: 500px; /* Restrict the maximum width */
height: 100%;
margin: 0 auto; /* Center it horizontally */
}
</style>
You must replace ‘schoolname’ in the iframe src attribute with your school's specific URL name for a personalized experience. Your School Name is in your GB Members URL for your software: schoolname.gbmembers.net (i.e., arcadia.gbmembers.net)
Preview your website to ensure the widget appears and functions as expected. The widget should adjust its height automatically to display the content properly.
If need, try the following code, in the custom code/header page settings:
PAGE CODE
(*Usually within page settings, not within page designer)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script>
$(function() {
window.addEventListener('message', event => {
// console.log(event.data);
if (event.data.action==="gbMembersAdjustIFrame") {
gbMembersAdjustIFrame(event.data.height);
}
if (event.data.action==="gbLoadCustomThankyou") {
window.location=event.data.url;
}
});
});
function adjustIFrameHeight(height) {
// Adjust the height of the iframe dynamically
$("#gbbookatrial").css("height", height + "px");
}
</script>
If the widget doesn't display correctly, double-check the code for errors and ensure it's placed in the appropriate section of your website. Also, double-check that the Class Calendar is set up correctly in GB Members, with the option to Accept Trial Bookings and a set number for how many trial bookings will be accepted.
**TIP** - Identify Trial Events with a Unique Calendar Name
- A new "School Setting" value called “Trial Calendar Name” has been added under the “Website Contact Details” section.
- If this value is set, all new Trial Bookings will be automatically added to a separate calendar with the designated name.
- This allows schools to keep Trial Bookings distinct from other events, improving organization and clarity for the school and leads.
What Does This Mean for You?
- The event will appear under the specified Trial Calendar Name when a trial is booked.
- The school and the lead will see the event labeled with this calendar name, making it easier to differentiate.
How to Set It Up:
- Navigate to Settings > Website Contact Details.
- Locate the new Trial Calendar Name field.
- Enter the desired name for the calendar (e.g., “Gracie Barra Trial Calendar”) and click Save.
- All future trial bookings will now be added to this calendar.
Example:
- If you set the Trial Calendar Name as “Test Trial Calendar Name,” trial booking events will appear under this name in your calendar invitations.
Related Articles
- How to | Set up Self Sign-Up Registration
- How to | Set your Class Schedule
- How to | Allow Leads to Book their Intro Class
- How to | Automatically Import Facebook (Meta) Leads
Need Assistance?
For further assistance or clarifications, please contact northamerica@graciebarra.com
You can also schedule a 1-1 consultation: https://graciebarra.link/gbmembers-consultation