Skip to main content

Embed form

Learn how to place your webinar registration form on your own website and how to customize it.

Dewi avatar
Written by Dewi
Updated today

This article is about the registration page that was introduced in June 2025. Please read this article instead if you’re still using the previous version.

Still using the previous version but want to switch over to the new one? Check this article.

If you want people to sign up for your webinars through your own website, the embed form is your best friend. It allows you to place the registration form on your own website in one of three different ways:

  • As a button

    This option is a button that opens the registration form. It can be placed in a set location on your website or as an overlay that stays visible as visitors scroll through your page.

  • As an inline embed

    This option is the registration form itself. You can place it in a set location on your website.

  • As a custom link

    This option is a simple hyperlink that opens the registration form. You can place it in a set location on your website.

The inline embed and the forms that appear when you use the button and custom link options use your account’s branding theme colors. Follow the steps here to edit them.

Please note! When you generate an embed code we give it a unique identifier. This unique identifier is in the code and can only be used once per page, which means that you cannot place the same embed code on one page multiple times. If you want to use the same embed form in multiple locations on one page, you’ll have to generate a new embed code so that the identifier is different. This can be done by refreshing the page and copying the new code.

Creating an embed form

Follow the steps below to create an embed form:

  1. Find your webinar in your webinar overview and click its title

  2. Click the ‘Edit webinar’ button

  3. Go to ‘Registration’

  4. Go to ‘Embed’

  5. Select the type of embed form you want to use: button, inline embed or custom link.

    An image of embed form type selection

  6. Customize your chosen embed form. You can find descriptions of all the options here.

  7. When you’re finished, copy the code by clicking the icon with two pages and place it in your website’s HTML code.

    An image of an embed form code with the copy button encircled in red

  8. Don’t forget to save the changes to your website!

That’s it! If you did everything right, the embed will now show up on your website.

Customization options

Registration form (all types)

You can customize the registration form that opens when someone presses your embed button or embed link. The things that can be customized are:

  • Language

  • Theme

  • Colors

  • Confirmation page

Read on how to find out how to change all of these.

Changing your embed form’s language

By default, your embed form will use your webinar’s language. You can also configure it to use the visitor’s browser language or a fixed language from a list. This setting can be changed with the ‘Embed language’ dropdown menu after selecting an embed type.

An image of the embed language dropdown menu

Changing your embed form’s theme

By default, your embed form will use your account’s standard theme (light or dark). You can also configure it to use the visitor’s system theme or a fixed theme. This setting can be changed with the ‘Embed theme’ dropdown menu after selecting an embed type.

An image of the embed theme dropdown menu

Changing your embed form’s colors

By default, your embed form will use your account’s theme colors. You can override it with custom colors per individual embed form. This setting can be changed by checking the box next to ‘Custom theme override’ and selecting the colors you want to use.

An image of the embed form color options alongside a preview to show what it ends up looking like

Tip! You can’t preview the form itself when creating a button or custom link embed, but you can switch to ‘Inline embed’ and switch back to see what it’ll look like.

Using a custom confirmation page for your embed form

By default, subscribers are shown a confirmation within the embed form once they finish signing up. You can choose to set a custom URL to redirect people to after subscribing by clicking ‘Edit’ under ‘Redirect viewers to a custom URL after sign-up’, pasting the URL in the ‘Custom URL’ textbox and clicking ‘Save’.

An image of the custom confirmation page setting for embed forms

For buttons

Inline embed and sticky embed

There are two types of embed buttons: inline embed buttons and sticky embed buttons. Both open the registration form when clicked, but they appear differently on your website.

The inline embed button is placed in a specific place on your website and stays there no matter what, meaning it’ll disappear from a person’s screen if they, for example, scroll down.

The sticky embed button, on the other hand, stays visible as visitors of your website scroll up or down. It’s always there, so they can’t forget to register! When you use the sticky embed button, you can choose to have it on the bottom left or the bottom right of your website.

An image of the button type selection

Button text and colors

The text and colors of your embed button can be changed to suit your website. While creating your button, use the ‘Button text’, ‘Button color’ and ‘Button text color’ options under ‘Customize’ to customize your button to your liking.

An image of the button text and color settings

For inline embeds

Show form only

By default, inline embed forms include your company’s logo, the webinar title and the webinar date/time. You can easily remove this information from your inline embed by toggling the ‘Show form only’ setting.

An image of the 'Show form only' setting when creating an embed form

This setting is perfect for when you want to display this information on your website in your own way.

An image of an inline embed form with the 'Show form only' setting activated

For custom links

Custom link text

The text of your custom link can be changed to suit your webinar. While creating your custom link, use the ‘Button text’ option under ‘Customize’ to customize your custom link to your liking.

An image of the custom link text customization setting

Advanced configuration

Custom registration links for embed forms

Custom registration links are links you can create to measure registrations from specific sources. They allow you to use different registration links for different social media and/or advertisement campaigns. You can read more about custom registration links and how to create them in this article.

Applying custom registration links to embed forms is a little harder and requires more technical know-how. However, you can follow the steps below to apply them to your embed forms once you’ve created a custom registration link:

  1. After creating your custom registration link by following the steps in this article, go to ‘Embed’ when editing your webinar.

  2. Choose your type of embed and customize it.

  3. Copy the code and paste it somewhere you can edit it.

  4. Add a comma (,) to the end of the line before }); for example after:
    shape: "inline"

  5. Create a new line above }); and add:
    cst: "<your custom link name>"
    What you should enter after cst: is the bolded part of your custom registration link as seen in the screenshot below.

    A screenshot of a custom registration link in WebinarGeek

  6. The end of your code should look something like this. Please note that each embed form type has a different final line, and this example is for an inline embed. If you use, for example, a button embed, the second to last line could say customTextColor: "#ffffff" instead. It all depends on your embed form customization.

       shape: "inline",
    cst: "website"
    });
    </script>

  7. Copy and paste the edited code where you want to place your embed form.

Below is an example of an inline embed code with a custom registration link applied in the code:

<div id="mw_Tv1FSKM6ScX_webinargeek"></div>
<script>
(function(w,d,stn,sa,gn,se,fse){w[gn]=w[gn]||function(){(w[gn].q = w[gn].q||[]).push(arguments)};
se=d.createElement(stn);fse=d.getElementsByTagName(stn)[0];se.id=gn;se.async=1;
se.src=sa+'?t='+new Date().toISOString().slice(0, -9);fse.parentNode.insertBefore(se, fse);
})(window, document, 'script', 'https://malong.webinargeek.com/malong.embed.js', 'mw_Tv1FSKM6ScX');
mw_Tv1FSKM6ScX("init", {
project: "registration",
identifier: "2e467174-46e1-4305-9c33-587f0cd8ad7a",
shape: "inline",
cst: "website"
});
</script>
Did this answer your question?