Get a free 30-day trial of StealthSeminar here.
Please note we assume that you have already set up your event with everything e.g. call to action, autoresponder etc.
To find the sample CSS that I used for this article, please see the Bonus Tips part at the end.
You can now use our embed codes with any wordpress plugin/theme. Thrive Architect is an awesome wordpress plugin, which comes with built in templates that you can customize from your own wordpress site. This article may seem like a lot, but it is really easy once you do it yourself!
First, go to your wordpress site. Go to your admin "Dashboard" > "Thrive Lightboxes" > "Add New" (or if you have already created a lightbox and want to edit existing one, you can do so too).
Enter your lightbox title and "Launch Thrive Architect"
In the page builder that opens up on the new tab, find "Custom HTML", and insert that into your page. A "Insert Custom HTML into the Page" popup will open up. Keep that window open.
Now, go to your Stealth Seminar dashboard and find your "Embed Widgets".
Click on "Copy Embed Code" for the layout that you like.
Then paste it here (back to your wordpress site's page builder that we left open) as you got it. Then in the code, just find "max-width: 480px" and replace "480px" with "620px". Then hit save.
If you did everything correctly, your page should look like this
Once you are happy with the layout, hit "SAVE". Make sure you publish this, otherwise you will not find it to use it in the landing page builder later on.
Now, the important part. You have to add this to your awesome landing page that you built already.
Go to your landing page editor with "Thrive Architect", and then click on the button on your page (if there is no button, please create one), and on the sidebar, click on "Animation & Action".
Then in "Add New", click on "Popup".
You will see three options:
Open Thrive Lightbox
Open Image
Open video
Choose "Open Thirve Lightbox"
It will now show you the lightboxes you have created so far.
Select the one you just created.
Hit "Apply". Do the same for the other buttons you have on your page as well. Then hit "SAVE".
If your page is published, go to your page and it will look something like this. If so, you are done! When people will register on your site, they will get all the notifications from our end, join your webinar on our end, and see calls to action, even autoresponders integrated on our end will work as well.
How to add webinar date/time and countdown:
As you can see my page has a date/time and timer section too.
Add date/time
To make these dynamic, go back to your Stealth Seminar dashboard and grab the date time code that you like. You can choose any date time code that you want.
Now, go back to your page editor in wordpress and add a "Custom HTML" element to your date time area. Before you save your code replace the "height: 400px;" with "height: 100px;" and then hit "SAVE". Once you are done, it should look like this.
Do not forget to save your page!
Add Countdown
Go back to your Stealth Seminar dashboard and grab the countdown code that you like. You can choose any timer code that you want.
Now, go back to your page editor in wordpress and add a "Custom HTML" element to your countdown area. Before you save your code replace the "height: 400px;" with "height: 200px;" and then hit "SAVE". Once you are done, it should look like this.
Make sure you save your page and then visit it from all the devices!
Bonus tips
Did you notice how my timer looked exactly like the thrive plugin's timer? I used custom css for my countdown. You can download it from here and add it to your countdown this way.
