Embed the Registration Form

Modified on Tue, 14 Feb 2023 at 03:40 AM

To craft the perfect registration experience for your potential attendees, you can embed the registration form on your webpage without redirecting your users to a separate URL.

After you have built the registration form, you can embed the form into your website.

Customize the form

Once the form is created you can customize the design of the form. To customize the form,

Go to Registration > Form.
Under the Embeddable form tab, enter the following:
1. Font: Choose a suitable font from the list.
2. Button Text: Add a button text for submitting the form. For example, “Submit” or “Save”.
3. Button color: Select a color for the button from the color picker or add the color hex code.
4. Button Text color: Select a contrasting text color for the button text. You can use the color picker or add the color hex code.
5. Button Alignment: Choose the position of the button; Left, Right, Center, or Full-width.
6. Form error color: Select an error color from the color picker or add the color hex code.

On the preview pane, you can preview the changes you make on the left in real time.

Embedding the form

To embed the form,

Click on the icon to copy the embeddable link
Click the copy button.
Paste the code in your HTML webpage inside the <body> tag.

This embeds the registration button which upon clicking opens the registration form. You can customize the branding of the form based on the destination page. You can also add a logo to the registration form.

Note: All changes made to the form are instantly synced to the embedded form.