Current Lesson
Course Content
Course Content

How to Use Simplero Landing Pages With WebinarJam

Do you use WebinarJam and feel that their landing pages are too impersonal? Do you want full control over your landing pages? If you're thinking yes, then we've got great news for you. You can create beautiful, customized landing pages in Simplero and use them with WebinarJam! You just need to make a few changes to the code you get from WebinarJam.

Here's how:

Create a Landing Page in Your Simplero Account: 

  1. Select Marketing from your Simplero Dashboard.
  2. Choose Landing pages from the dropdown menu.
  3. Click the blue Create new landing page button in the upper right corner.

  4. Select the type of landing page you want. 

  5. Choose a template. Once you've chosen your template, you'll be directed to the Editor page.

  6. Click on Back to Landing Page Settings in the top left corner to go to the Settings tab.
  7. Make sure to change the text in the Basic settings and the Header to something relevant. Whether or not you have chosen a form that shows that information, it will still show in the browser, and if the landing page is shared on social media. 
  8. Select the Settings tab and change the Landing page Name.
  9. In the Title field, change the header that will be shown in the browser.

  10. Launch the editor by clicking the red Launch editor button in the upper right corner.

  11. Once you've launched the editor, select the Appearance tab.

  12. Click the blue Save changes button.
  13. Click the Back to Landing Page Settings link in the upper left corner.

  14. Select the Overview tab and copy the URL.

Create Your Webinar

  1. On the Registration page, choose the template called "Your own design on your own website."
  2. Click "edit this template."
  3. Paste the URL for the landing page you just created in Simplero and save. 

Finish Setting Up Your Webinar

  1. Go to Your Links and copy the code from the Embed registration button in your own site field.

  2. Paste the code into a text editor separate from Simplero (not directly into your landing page!) and delete all the code related to the WebinarJam "register now" button. That part will break the landing page if it's added in Simplero. The code looks something like this: 

    <link href="//" rel="stylesheet"><div style="margin:auto;width:300px;"><div class="embedded-joinwebinar-button"><button type="button" class="btn btn-default css3button" title="regpopbox_123455_12345678"><span>Register now</span></button></div></div><script src="//" language="javascript" type="text/javascript"></script><script src="//" language="javascript" type="text/javascript"></script><script src="//" language="javascript" type="text/javascript"></script><div id="frameContent" style="-webkit-overflow-scrolling: touch !important; overflow: auto;top: 0; left: 0; background:#fff;position: fixed; width: 100%; height: 100%; display:none; z-index:2147483647;"></div><img src="//" style="visibility:hidden; height:0px; width:0px; border:none;">

  3. Copy the rest of the code.
  4. Go to your Landing Page Editor, and paste the code either in the source code of a Text section or body text for the CTA.
  5. You have to use the source code <> function in the editor and paste the code in the popup window that appears.

  6. Finish designing your landing page.
Last updated 10 Mar 2021.