Skip to main content

How can I add a background image to a registration page in Demio?

How to Add a Background Image to a Registration Page in Demio

Jody Johnson avatar
Written by Jody Johnson
Updated this week

Adding a background image to a Demio registration page enhances its visual appeal and provides a customized experience for your event audience. Demio allows you to easily upload and manage images using the Registration Page Editor. Follow the steps below to complete this process.

Step-by-Step Guide to Add a Background Image:

  1. Open the Registration Page Editor - Navigate to your event in Demio and open its event editor. - Select the option labeled Customize Registration. Click the Customize button to launch the Registration Page Editor. This will open as a pop-up overlay.

2. In the editor, locate the Templates tab. - Choose the Background Image template to enable the option for adding an image.

3. Upload Your Image - Click on the designated area to upload your image file. - Recommended Image Specifications: Use a 2:1 aspect ratio and a minimum dimension of 1000 pixels (width) by 500 pixels (height).

4. Modify Image Settings - Adjust the image opacity to your preference (Low, Medium, or High) as desired.

Additional Customization Options:

If you prefer not to use a background image, Demio offers alternative design options:

  • Accent Template: A simple white template with an accent line.

  • Gradient Template: A color-based template that corresponds to your branding settings.

Tips for Optimizing Your Image:

  • Ensure that your image file is high-quality and adheres to the recommended dimensions to avoid pixelation or improper scaling.

  • Preview the registration page after uploading the image to confirm its appearance.

  • You can also replace or remove the image later if needed by accessing the same editor.

Summary

Demio makes it simple to add and manage background images for registration pages. Following the above steps will allow you to enhance your event’s visual presentation with minimal effort. For additional design customizations, explore the alternative templates available in the editor. The background image can also be used in your Showcase.

Did this answer your question?