In this help article, you'll see a step-by-step guide to editing the registration page of your course to fit your brand.

Customizing the registration page

To open the landing page editor, go to the My Courses page and scroll down to find the course you want to edit under Published Courses, Past Courses, or Drafts.

Click Manage Course to the right of the course title, then select Registration Page Template from the drop-down menu.

Hero section

  1. Logo - Click on the sample to add a logo. Choose an image from your Media Library or upload a new one up to 25 MB.

    Tip: An image with an aspect ratio of 6:1 works best here. Use this aspect ratio calculator to help you create a logo or resize an existing one.

  2. Title - Click on the title text block to edit it and see the available formatting options. All languages are supported in any customizable text block.

    Text formatting options

    1. Font

    2. Text size

    3. Text color

    4. Text highlight color

    5. Text styles - Bold, Italic, Underline, Strike

    6. Text alignment - Left, Center, Right

    7. Link - Add a hyperlink

    8. Clear formatting

    9. Undo and Redo

    10. Short tags - For auto-populating with course-specific details

    Short tags such as {Course Title} auto-populate any text block with course-specific details and will automatically update with any changes. Click the short tag icon among the text formatting options to bring up all the available short tags.

  3. Media block - Hover your cursor over the media block to show the options. Place any video or image from your Media Library or upload new media.

  4. Text block - Add some more information about your course or use this block to add a caption for the media you placed above it (if any).

  5. Register button - Click the "Register" button to change its colors. To edit the text on the register buttons, see this guide.

  6. Section settings - Choose from the options in the upper left corner to configure the section as a whole.

    1. To disable or hide the section, click the Change Section Parameters icon (the 3 dots button) then click the toggle that comes up.

    2. To change the text color in the entire section at once, click the Change Section Color icon.

    3. For the background, click Change Section Image. Choose an image from the WebinarNinja Gallery, your Media Library, or upload a new one up to 25 MB.

      Note: The background image will be truncated to fit depending on the amount of text in this section and/or the size of the viewer’s screen.

    4. To change the background color overlay, click Change Section Background. You can choose a color and/or adjust the opacity.

Details section

Use this bullet point section to provide more details on the contents of your course.

  1. Choose from the settings in the upper left corner to configure the section as a whole.

    1. To set the number of items or detail blocks (up to 20), click the Change Section Parameters icon. There's also an option to hide the section from here.

    2. To change the text color in the entire section at once, click the Change Section Color icon.

    3. To change the background color, click Change Section Background.

  2. Click on the heading or any of the detail blocks to edit it. The background color of each detail block can also be changed.

  3. Add another media for this section and edit the text blocks underneath.

  4. Click the "Register" button to change its colors. To edit the text on the register buttons, see this guide.

Curriculum section

This section gets auto-populated with the details of each session in the course.

  1. Click the heading to customize it.

  2. Click the curriculum block to bring up color options.

  3. Choose from the settings in the upper left corner to configure the section as a whole. Click the Change Section Parameters icon for the option to hide the entire section. There's also the option to change the text and background color.

Testimonial section

Use this section to feature customer feedback or any purpose to your liking.

  1. Click the heading to customize it.

  2. Images can be added to each block in this section. Upload images with an aspect ratio of 1:1 and click on the text block underneath each image to edit it.

  3. Choose from the settings in the upper left corner to configure the section as a whole. Click the Change Section Parameters icon to set the number of items (up to 20) or to hide this section. Click the Change Section Color icon to change the text color and there's the option to change the background color of this section.

About section

In this section, write about yourself and your co-instructors (if any) or use this section for any purpose to your liking.

  1. Add an image with an aspect ratio of 1:1 and then a description on the text block.

  2. Choose from the section settings in the upper left corner configure this section, change the overall text color, or the background color.


    To feature co-instructors or anything on this section, click the Change Section Parameters icon from the section settings in the upper left corner to adjust the number of items (up to 20). The layout can also be changed from here.

Media section

Feature more images and videos in this section.

  1. Click each media block to place either an image or a video from your Media Library and click the text block next to it to edit.

  2. Click the register button to change colors.

  3. Click Change Section Parameters to adjust the number of items or media blocks (up to 20). The layout can also be changed from here.

Frequently Asked Questions section

Use this section to show frequently asked questions or any details about your course.

  1. Click each text block to customize it.

  2. To change the number of items or FAQ blocks (up to 20), click the Change Section Parameters icon in the upper left corner.

Date and Time section

The date and time when the course starts is shown again at the bottom of the registration page for easy access. Students will not have to scroll back up to register.

  1. Click the "Register" button to change its colors.

  2. Choose from the options in the upper left corner to disable or hide this section, change the overall text color, or change the background color.

Countdown section

This is a countdown timer to when the course starts.

  1. Choose from the options in the upper left corner to hide this section, change the overall text color, or change the background color.

Share section

The social media icons allow anyone to easily share the course to their own social media profiles.

  1. Choose from the options in the upper left corner to hide this section, change the overall text color, or change the background color.

Previewing the registration page

See what the page would look like for viewers or registrants by clicking the "Preview" button in the top right corner. A new tab will open showing a preview of the page.

Saving the registration page

Go back to the page editor and click Save and Continue.


For further assistance, contact us through live chat at the bottom right of this page or send us an email at support@webinarninja.com.

Did this answer your question?