Please note this tutorial is only applicable to you if you do not want to use our embed widgets, and most of the time, everyone uses embed widgets. We have an article that demonstrates how to use embed widgets with Thrive Architect here.
This is fairly technical which is why there is a step-by-step video below.
The code mentioned in the video for the registration page:
<script>
var form = document.querySelector('.thrv_lead_generation_container > form')
form.addEventListener('submit', (e) => {
myStorage = window.localStorage;
myStorage.setItem('ssjemail', e.target.email.value)
})
</script>
The snippets mentioned in the video for thank you page can be found here. For your convenience, adding the code snippets below so you do not have to go back and forth:
Add this to the header section of your page
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/oikantik/webinar-attendee-helper@1.0.1/attendee-information.css">
Make sure to use this for thank you page in the body section instead of the one in this article.
<script src="https://unpkg.com/dayjs@1.10.4/dayjs.min.js"></script>
<script src="https://unpkg.com/dayjs@1.10.4/plugin/utc.js"></script>
<script src="https://unpkg.com/dayjs@1.10.4/plugin/timezone.js"></script> <script src="https://unpkg.com/dayjs@1.10.4/plugin/advancedFormat.js"></script>
<script type="text/javascript" src="https://addevent.com/libs/atc/1.6.1/atc.min.js" async defer></script>
<script src="https://cdn.jsdelivr.net/gh/oikantik/webinar-attendee-helper@1.0.1/attendee-information.js"></script>
<script> webinar.shortId = "XXXXXX"; // replace this with your shortid
webinar.event.summary = ''; // if you are using calendar
webinar.event.description = ""; // if you are using calendar
webinar.loadContainers();
webinar.requestWithEmail([calendarNode, textNode, countdownNode, addEventNode]);
webinar.linkNode();
</script>
These were the codes for showing the calendar/timer on your page
<!-- for showing text date time -->
<div class="ss-datetime"></div>
<!-- for showing calendar date time -->
<div class="ss-calendar"></div>
<!-- for showing countdown -->
<div class="ss-countdown"></div>
<!-- for showing webinar link -->
<div class="ss-links"></div>
<!-- for showing event -->
<div class="ss-event-calendar"></div>
Some helper articles to connect Zapier with Stealthseminar and Thrive Leads.