Articles in this section
Category / Section

How to Create a Registration Page for a Zuddl Webinar

4 mins read

Using Zuddl's Template

We have a ready-to-use template that can edited to fit your brand. Go to Registration > Registration Page, and you'll see the editor like this:

Editing our ready to use template

Branding your registration page

You can select the Primary Color and the Secondary Color. The Primary color would fill all the buttons, whereas the Secondary Color would fill all the text that comes on top of the button.

Adding your brand color to the landing page

Editing the cover image

By default, Zuddl uses your brand's primary color to fill the header and shows the Title and Date of your webinar in the center.

Default cover for Webinar Registration Page

To upload your own cover image, turn off the 'Use Default Background' toggle and click on 'Upload cover media'.

Turn off this toggle to upload your own cover

Once done, you'll see an option to upload your own custom cover image.

Uploading your own image

Please upload an 1150 x 428px .JPEG cover image; otherwise, it will not fit properly.

You can use your cover image to:

  1. Highlight your speakers.
  2. Describe what your webinar is about.
  3. Mention the date and time (people pay more attention to images than the text below).

Once you've uploaded your cover, click on Save.

Uploading your cover

After saving, you'll see your cover added to the library. Click on Save again to apply it.

Page with cover image added

Customize sections

You can toggle off sections of the page that you don’t want to show your attendees.

Click Sections to see the different information sections of the registration page and toggle off the Speakers section if you want it hidden.

Customize your page sections

Adding additional fields and disclaimers

Registration form fields

The form fields shown on your registration page can be customized with the fields you need. Go to Registration > Form.

In the Form details tab, you can see the Fields that are currently added to your form.

Form fields added to your page

First Name, Last Name, and Email are default fields and cannot be removed or edited.

Add a new form field

Click Add field. A new card will be added to the list that you can now customize.

New field (blank)

  1. The Choose a standard field drop-down has a ready list of commonly added fields. You can choose a field from this list or select Custom to add a new custom field.
  2. Enter the Field name, which will be visible to attendees.
  3. Choose a field
    1. Short Answer: For short text answers.
    2. Dropdown: Add dropdown options for attendees to select in a comma-separated format.
    3. Multiselect: Add multiple options applicable for attendees in a comma-separated format.
    4. Number: Accept only numbers as input.
  4. Click Save.

Add a Disclaimer

Disclaimers can be shown after the registration fields on your form. Click Add disclaimer and enter your disclaimer text in the text box.

Optionally, select the Add a checkbox, and Checking is mandatory option as you need.

Adding a disclaimer

To delete a disclaimer, click the bin icon on the disclaimer card.

You can click and drag the disclaimers to re-order them in the form.

Embedding the form on your website

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.

  1. Go to Registration > Form > Embeddable form.
  2. Click the </> Embed button and click the Copy button in the popup to copy the embeddable link.
  3. Paste the code in your HTML webpage inside the <body> tag.

Embedding your form

This embeds the registration button, which upon clicking, opens the registration form.

All changes made to the registration form are instantly synced to the embedded form.

You can customize the branding of your form based on the page where it will be embedded.

Was this article useful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied