Adding Calendly to the Results Page
You can connect your calendar booking system to ScoreApp so those who are completing the scorecard can directly book a discovery call as a call to action.
To add a ‘Calendar’ you must first log-in to the back office;
- Click on the Score Builder (Pencil & ruler icon)
- Select ‘Results’
- Select ‘Result Pages’
Add your Calendar CTA
To edit your results page;
- Select the results page that you want to add your calendar link to
- Under ‘Sections’ select ‘Add a section’ using the button at the bottom and add your desired call to action section
- Customise your copy, image and button text
- Make sure the ‘Button Action’ is set to ‘External link’
- Inside the ‘Button link’ box copy & paste your calendar link
- Press ‘Save’
Use case: Auto-Fill ScoreApp Lead Info into an Embedded Calendar on the Results Page
If you're embedding a scheduling tool like Calendly on your ScoreApp results page, you can pass lead information from the ScoreApp lead form directly into the calendar booking fields. This ensures that when a lead arrives on the results page, their name, email, and other details are automatically filled into the calendar form.
Step 1: Access Your Embedded Calendar Code
You can navigate to your calendar tool and locate the iFrame embed code. It should look something similar to this:
<iframe src="https://your-scheduling-tool.com/example-meeting" style="border:none; min-height: 700px; width: 1px; min-width: 100%; *width: 100%;" name="booking" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" height="100%" referrerpolicy="unsafe-url" allowfullscreen></iframe>
Step 2: Modify the iFrame Code to Pass Lead Information
To ensure the lead’s name and email are pre-filled, append the following parameters to the src URL inside the iFrame:
<iframe src="https://your-scheduling-tool.com/example-meeting?firstName={first_name}&lastName={last_name}&email={email}" style="border:none; min-height: 700px; width: 1px; min-width: 100%; *width: 100%;" name="booking" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" height="100%" referrerpolicy="unsafe-url" allowfullscreen></iframe>
We've highlighted the edited part in red to make it easier to follow, but the actual code will not display these colors.
<iframe src="https://your-scheduling-tool.com/example-meeting?firstName={first_name}&lastName={last_name}&email={email}
"
style="border:none; min-height: 700px; width: 1px; min-width: 100%; *width: 100%;"
name="booking" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px"
width="100%" height="100%" referrerpolicy="unsafe-url" allowfullscreen></iframe>
Step 3: Save and Test
Save the changes in your ScoreApp builder.
Preview the results page by taking your quiz and filling out the lead form.
Once redirected to the results page, check if the embedded calendar form is automatically populated with the lead’s name and email.
Troubleshooting
Lead Info Not Auto-Filling?
- Ensure the correct field placeholders
{first_name}
,{last_name}
, and{email}
are being used. - Some calendar tools may require different parameter names; refer to their documentation for correct formatting.
- Clear cache and test in an incognito window.