March 16, 2016

 

Ever since Frank Kern started making his automated webinars with the evergreen dates, follow-up based on whether you attended or not, and even SMS reminders to let you know when the webinar was about to start…people have been wondering “How did he do it?”

In today’s brand new idea guide, I show you the method he and others use for making a similar automated webinar using Infusionsoft and PlusThis.

After watching the idea guide you will be able to…

  • Make a registration page with evergreen dates for people to register
  • Automate your webinar content
  • Create a join link that takes registrants to the correct webinar page based on when they click the link (too early, live webinar, webinar over)
  • Automate segmentation between registrant attendees and non-attendees so you can follow-up accordingly

As you send me your questions I’ll try to keep an updated FAQ on this particular use case since it is a little more advanced to pull off.

FAQ

1. How do I make a video autoplay on the “LIVE” page?

Wistia makes it simple to do auto play. There are a few ways you can do this.

Screen Shot 2016-03-16 at 11.51.32 AM

If you go to Customize / Timeline Actions you can see an option directly there.

Otherwise, you can add the following snippet of code to the end of your embed code where you place the video.

Just remember to change the part in red to the Wistia ID for your video. (The letter number combination that appears in the url when you have the video open in your browser.)

<script type=”text/javascript”>
window._wq = window._wq || [];
_wq.push({ “tl9y8t9xvh“: function(video) {
video.play();
}});
</script>

Screen Shot 2016-03-16 at 12.00.31 PM

2. How do I style the PlusThis “Display Evergreen Date”

This is what a “Display Evergreen Date” looks like in its vanilla form.

Screen Shot 2016-03-16 at 12.08.09 PM

We will want to make it bigger and bold.

  1. Take your “Display Evergreen Date” code from PlusThis and paste it into your page builder. (See example below)

Screen Shot 2016-03-16 at 12.10.48 PM

2. Preview or publish your page.

3. Right click on the “Display Evergreen Date” text and click Inspect.

Screen Shot 2016-03-16 at 12.12.20 PM

4. Click on the div class above starting with pt then your code.

Screen Shot 2016-03-16 at 12.13.38 PM

5. On the right side of that window, click on the plus icon to create a new style element.

Screen Shot 2016-03-16 at 12.14.36 PM

6. In the inspector-stylesheet begin adding any styling you want. ie font-size, color, etc. Just place your cursor somewhere in that box and begin typing things like font-size, color, or any other styling rules you want to add. You’ll see the changes happen live on your screen.

Screen Shot 2016-03-16 at 12.16.52 PM

7. When you have the style how you want it copy the code in that box.

Screen Shot 2016-03-16 at 12.21.11 PM

8. Take that code and now paste it above the “Display Evergreen Date” code you pasted earlier.

Screen Shot 2016-03-16 at 12.23.19 PM

9. Lastly, add the <style> and </style> tags to the beginning and end of that code to use the styling you just created.

Screen Shot 2016-03-16 at 12.26.04 PM

10. Update your page and see the beautiful new “Display Evergreen Date”

Screen Shot 2016-03-16 at 12.28.20 PM

 

If you have any other questions, feel free to post them in the comments below.


You may also like