This article is for WebinarJam and EverWebinar.

Use a code snippet to embed your webinar registration form on an external web page. The embed code lets you turn any page into a custom registration page.

Embedded code requires basic HTML and CSS coding skills and access to the source code of the page where you want to put it.

Get Embed Code

In WebinarJam or EverWebinar:

  1. Look for the webinar you want to start promoting registration for
  2. Click Your links
  3. Under Attendees, click Embed in your website
  4. Choose a format for the embedded element:
    1. Floating bar with pop-up form
    2. Static button with pop-up form
    3. Floating bubble pop-over with pop-up form
    4. Static in-line form
  5. Copy the code snippet below the customization options for each element type to get the embed code

IMPORTANT: Embed only one registration code in your external page. Multiple snippets in the same page can cause a conflict in the code.

Registration embed code elements


Customize Embed Elements

Registration bar

The registration bar is a floating page footer with a countdown timer. The form to collect a registrant's information is triggered with a button click. The bar stays sticky at the bottom of your page even as it scrolls.

  • Customize the description and button text, the bar and button color, and the style of the pop-up registration form.

Registration button

The registration button triggers a registration form pop-up on click. Insert the button code anywhere in the page content where you what to prompt a prospect to sign up.

  • Customize the button text, color, size, shape, border, and shadow. Select a style for the pop-up registration form.

Registration bubble

The registration bubble is a floating icon and pop-over window that appear in the bottom corner of the page that can be closed and reopened. The pop-over contains information about the webinar and a button to register. Clicking the button opens the registration form.

The registration bubble code contains parameters that can be used to customize the appearance of the pop-over.

Custom Style Parameters

Style parameters are separated in the embed code by an ampersand (&) character.

For example:

Customize embed code parameters

Modify the code to edit each parameter according to your preferred styling.

Style ElementParameterDefault ValueCustom Value Guide
Button TextbuttonTextRegisterText
Button ColorbuttonBgColor#29b6f6Hex code for preferred color, URL-encoded
Button OpacitybuttonBgOpacity0.95 (95%)Decimal value between 0 and 1 to set opacity percentage
Bar ColorbarBgColor#ffffffHex code for preferred color, URL-encoded
Bar OpacitybarBgOpacity 1 (100%)Decimal value between 0 and 1 to set opacity percentage
Pop-up Form StyleformTemplate 2Template ID. Enter a template ID: 2, 4, 6, 8
Pop-up Form ColorformColor 1Color variation ID. Enter a variation ID: 1, 2, 3, 4, 5, 6

Registration embedded form

The registration form is a simple opt-in form that appears directly in the page without a pop-up.

Customize the style of the embedded registration form with parameters:

Style ElementParameterDefault ValueCustom Value Guide
Button TextformButtonTextRegisterText
Accent Color (Button and "Convert to another timezone" text)formAccentColor#29b6f6Hex code for preferred color, URL-encoded
Accent Opacity(Button and "Convert to another timezone" text)formAccentOpacity0.95 (95%)Decimal value between 0 and 1 to set opacity percentage
Background ColorformBgColor#ffffffHex code for preferred color, URL-encoded
Background OpacityformBgOpacity 1 (100%)Decimal value between 0 and 1 to set opacity percentage

Style Parameter Notes

  • All text, spaces and “#” symbols must be URL-encoded. For example, the # symbol is %23, a blank space is +, etc.