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 A 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. Here you can add your own Image, adjust the Width, Alignment, add a Link to the Image or add a Image Border.
Step 4: Click Replace Image to add your own Image. A 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 a 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 Basic> Photos
Step 3: Select an Image Layout Content Block to add to your site.
Step 4: Click Replace Image to add your own Image. A 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: A 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 own image, stay in the Upload tab:
A) Drag your image file to the upload icon
B) Click "From Device" to search the image from your desktop
C) Click "From Link" to copy the link of your image, to import the image from the link:
To search our library of stock image, click Browse Library and enter in image search names:
Step 5: Once 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 Image or Standard Image, adjust the Spacing, Background Color, Opacity and Inner Container Color.
🛠️ 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 opacity of 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 Standard Image instead of a Background image for better responsiveness and clarity on mobile screens. These scale naturally and stay centered.