Home > Legacy WebinarJam > New Webinar Setup > Registration > Custom Registration Page Embed Button

Custom Registration Page Embed Button

This article is for: Legacy WebinarJam Users (Customers who joined prior to Sept 2017)

With WebinarJam and EverWebinar you have the option to create a page on your own website by embedding a registration button for the webinar.

NOTE: If the button and popup do not look like Embed Button and Popup below, there is likely a compatibility issue with your website. This could be conflicting Javascripts, CSS or other codes.  We strongly recommend in this case that you use one of our registration forms.  

NOTE: Analytics do not work correctly when using your own pages.  We strongly recommend in this case that you use one of our registration forms.


TOP

Create Your Own Custom Registration Page

Your first step is to create a registration page so you can get the custom registration page URL.   You can use a variety of different programs like WordPress, Joomla, HTML, etc... but in order to add the Custom Embed Registration Button, you will need to be able to switch to HMTL. 
 
 

TOP

How to Set up Registration on Your Own Website

If you have already created a webinar, select Edit.  If you have not created a webinar, start setting one up.
  1. Under New Webinar, go to Registration  (Marked #1 below)
  2. Edit Template by clicking the Pencil (Marked #2 below)
  3. Select "Your Own Custom Design" which should be the first one (Marked #3 below)
  4. Put in the URL of your Registration Page (Marked #4 below)
  5. Confirm (Marked #5 below)
  6. Then the Save & Next  (Marked #6 below) it will be GREEN when everything is correct.
 

TOP

Get the Embed Registration Button Code

Finish setting up your webinar.  Then go to My Webinars.  
  1. Click Go Live under Ready to Get Started (marked #1 below)
  2. Embed Registration Button on your own site (marked #2 below)
NOTE:  Embed Registration Button Code will not be there unless you have selected "Your Own Custom Design" above
   
 

TOP

Inserting the Registration Button Code

You will then need to insert that HTML code as text on your webpage.

Most Websites

To ensure your page works on mobile devices please add this code to your header.
<meta name="viewport" content="width=device-width, initial-scale=1">

WordPress

Most WordPress Themes are mobile friendly, so the above code may not be necessary.

If it is, you'll want to add the code to your header.php To add the code to your WordPress page, you will want to click the Text Tab and it will switch to HTML Mode.  Then you will insert the code as seen below under "Button 1" If the button or registration form does not look the do in the Embed Button section below, then either your plugins or your theme is interfering with our codes.  

You can test to see which plugin is interfering, or if you would be served by using an alternative website or our registration pages.

 

 

TOP

How Will the Embed Button Look?

 
The Embed Button will look similar to above.  If the button looks different, then there is likely some CSS (design code) conflicting with our button.

When your registrants click the button, they should see a form similar to the one displayed below. If this does not popup and cover your page, (light box effect) then there is likely a javascript issue.

This is the same form as when you use our registration pages.
This Webinar offers attendees a choice of dates.  Learn more about Webinar Series.  

TOP

Inserting a 2nd Registration Button

If you'd like the button to appear more than once on your page, then all you want is <div style="margin:auto;width:300px;"> to </div></div> please note you need both </div> links. as marked in yellow in the image above. So for the rest of the places you'd like for a button to appear, you can insert this part of the code (specific to your webinar)
 

TOP

Changing the Registration Button

You can change the text on the button, by changing the text between the span tags from <span>Register now</span> to <span>Join this webinar</span> .  The Registration button is built with a CSS coding, so other changes to the button would require a programmer.
 
 
 
25WJ122316MJS