You can edit different pages, such as the registration page, confirmation page, sales page and others to your own style using our realtime page editor.

As soon as you start editing this page, you’ll enter the realtime editor.

On your left, you’ll find the content with the elements you’ll be able to edit. By using your mouse on an element, a blue line will appear around the element you’re hovering over (this only happens when you’re in editor mode).

Some elements will have extra options, click on the gear icon for more options, such as edit image, change color, or hide selected element.

Changes will be autosaved. Click on “Close editor” on the top right to close the editor.

Changing text color

Go to the editor of the page you’d like to customize. Click on “Style” on the left-hand side to change certain text colors all at once. Change the text color by filling in the color code, or simply use the color picker.

You can also give certain text elements another color. Select the text section you’d like to change, and an option will appear above the section to change the color.

Changes will be autosaved. Click on “Close editor” on the top right to close the editor.

Changing fonts

Go to the editor of the page you’d like to customize. You can edit the font for the registration page, embed form, confirmation page and sales page.

To change the entire font, click on “Style” on the left-hand side and select the font you’d like to use. The elements you cannot manually edit will now also be changed.

You can also give certain text elements a different font. Select a text element you’d like to change, and an option will appear above the section to change the font.

Changes will be autosaved. Click on “Close editor” on the top right to close the editor.

Adjust font size

Select the text that you want to change, above you will see the option to adjust the font size.

Editing an image

Go to the editor of the page you’d like to customize. Hover your mouse over the image you’d like to edit and click on the gear icon on the top right.

Next, click on "Edit image" and select another image or upload one. Remember to click on "Save" before moving on.

Changes will be autosaved. Click on “Close editor” on the top right to close the editor.

Adding video

Want to share a video on the registration page or confirmation page? No problem. Feel free to use a testimonial, introduction or mini demo video!

Open the realtime editor and make sure the "Image - Left" is visible. Hover the mouse over the image and click on the gear icon. Next, click on "Video" and paste the corresponding YouTube URL.

There won’t be a preview of the video, but on the “Image left” a play button will appear that says “Watch video”. To make things easier, you’re also able to edit the “Image left”! For example, you can use a video screenshot.

As soon as you click “Watch video”, the video will be opened in a popup and can be played.

Changes will be autosaved. Click on “Close editor” on the top right to close the editor.

Editing texts

Go to the editor of the page you’d like to customize. Click on a text element to change the text, you’re able to directly start changing the text.

We have 14 options for editing text elements. These will appear at the top after selecting a text element.

Below, some explanations can be found about the different options:

  1. Paste as plain text. Paste the copied text and click "OK" to add.

2. Bold text.Select the text you’d like to bold and click on the symbol.

3. Cursive text.Select the text you’d like in cursive and click on the symbol.

4. Change text color. Select the text you’d like to change the color of.Click on the symbol and on a color to change the text color.

5. Remove text formatting. All text formatting will be removed and reverted back to standard settings.

6. Comic Sans MS

7. Change Size.

8. Align text left.

9. Align text center.
10. Align text right.
11. Add numbered list.
12. Add bulleted list.
13. Add or change link. Select the text you’d like to add a link for and click "OK".


14. Remove link. Click on the text you’d like remove the link for and click on the symbol.

Changes will be autosaved. Click on “Close editor” on the top right to close the editor.

Image reference sizes

Use the reference image sizes on this page for different types of standard images within the WebinarGeek platform. Only use the sizes as a reference. It’s possible to divert from the reference, but ideally you’d want to keep the same aspect ratio (especially for e.g. presentation slides) or one of the two sizes (e.g. height)

Registration page

  • Background image: 1200x400 px

PAY ATTENTION! The background image is responsive, keep that in mind. For example, don't work with texts on the background image.

  • Teaser image: 500x188 px

Webinar

  • Presentation slide: 16x9 aspect ratio (e.g.: 1200x679 px)

Sales page

  • Large image 210x212 pixels
  • Small image 78x87 pixels
  • Infobox/call to action image 96x81 pixels

Interactions

  • Infobox/Call to action image: 222x159 px

Emails

  • Logo: 62 px in height (WebinarGeek logo has a width of 179 px)
  • Images in text: 280x140px
Did this answer your question?