🖼️ How to Add Images, Use Stock Photos, and Edit Background Images on Your Event Website

You can add an image in three ways to enhance the look and feel of your event site:

ANYWHERE on your site.
Add a GIF/IMAGE SECTION to your site.
Add a BACKGROUND GIF/IMAGE.

To add an Image, open Website Editor. Go to your Event Dashboard > Setup > Website > Edit Website.

OPTION 1: ADD AN IMAGE ANYWHERE ON YOUR SITE:

Use the + Add Element feature to insert an Image into any section.

Step 1: To edit/add an image to a section, hover over the area you want the image added to until the "+" icon appears.

Step 2: Select Image, and an image placeholder will appear on your site.

Step 3: Click Edit to edit the Image content. Here you can add/replace your own Image, adjust the Width, Alignment, add a Link to the image, or add an Image Border.

Step 4: Click Replace Image to add your own Image. An Upload Image pop-up will appear. Drag and drop your image into the Grey Upload Area.

Step 5: Edit Image (Optional):

Click Edit Image or Adjust Width, Alignment, Image Link, or Image Border.

Option 2. Add an Image Section or Image Content Block to your site

Add a Photo Content Block to your website.

Step 1: To edit/add an image to a section, hover over the area you want the image added to until the "+" icon appears.

Step 2: Click on the Basic drop-down> select Photos.

Step 3: Select an Image Layout Content Block to add to your site.

Step 4: Click Replace Image to add your own Image. An Upload Image pop-up will appear. Drag and drop your image into the Grey Upload Area.

Step 5: Edit Image (Optional):

Click Edit Image or Adjust Width, Alignment, Image Link, or Image Border.

OPTION 3. Add an Image as a Background Image

Customize the background of any section with your own image or browse stock images.

Step 1: Hover over the section you want to edit.

Step 2: Select Image, then choose Edit Section Image & Spacing from the pop-up menu on the right.

Step 3: An Image Editor will appear on the left. Click on Replace Image to upload your GIF or Image.

Step 4: You can either upload your own image or search our library of stock images available.

To upload your own image, stay in the Upload tab:

A) Drag your image file to the upload icon.

B) Click "From Device" to search for the image on your desktop.

C) Click "From Link" to copy the link to your image to import the image from the link:

To search our library of stock images, click the Browse Library tab and enter an image search name:

Step 5: Once the image is selected and added to your site, you can edit the image as needed with the Image Editor.

You can change to a Background (default) or Image (Standard).
Adjust the Background Color: Background Color, Opacity, Border Top Color, and Inner Container Color.
Adjust the Spacing: Top, Bottom, or Inner Container Padding.

🛠️ Tips for Selecting the Right Background Image

Select an image where the main subject (person, object, logo, etc.) is in the center. This ensures it stays visible even on mobile, where side content might get cropped.
Avoid placing key info (like faces or text) near the edges—they may be cropped on smaller screens.
Pick an image with empty space (like sky, wall, or blurred background) so any overlaid text stays legible.
Choose “Center” alignment in the section settings to keep the focal point of your image visible on all screen sizes.
Increase the opacity of the background image if you’re layering text on top to improve readability.
Test on both desktop and mobile to make sure your background looks great everywhere.
For best display on Mobile devices, display as a Standard Image instead of a Background image for better responsiveness and clarity on mobile screens. These scale naturally and stay centered.