Edit the Homepage Background

Your homepage is the first page your visitors will see when visiting your website. Adding an interesting and eye-catching homepage background will entice your audience and invite them to browse further. This guide explains how to edit and customize your background, upload your own pictures, select from media libraries, or generate a custom image using generative AI. 

Set Background Image

To update your homepage background, click the Manage Button or click your current background image, then click Select and select your preferred source:

• Upload - Add an image directly from your computer.

• Image and Video Library - Search through free libraries and mark favorites using the star icon.

• Generate with AI - Generate a custom background image using the Generative AI tool

• External Sources - Import images from Facebook, Google Drive, or Dropbox.

• Multiple Images - Click the Plus icon to add up to 5 images that transition automatically, and drag the images to set their order

• Remove Image - Click the red X button to delete a specific background item.

• Animation Speed - Use the slider to determine how long each image is displayed.

Gear Icon - Image Edit and Focus Point 

You can customize how your images appear and ensure they look great on all devices by clicking the Gear Icon next to the image preview:

Edit with AI and Image Editor Tool 

Crop images, add filters, or fine-tune their appearance.

• Edit with AI - Use the AI tool to enhance your homepage background, selected from a list of preset options, or describe the changes you want for your existing background image and click Edit Image
• Image editor -  Use the editor tools to further enhance your image. Read more about the Image editor
• Mobile Replacement - Add an image that will only be displayed when the website is viewed from a mobile device

• The Focus Tool - Optimize the image for mobile devices by clicking the specific area you want to remain in focus.

Layout and Call to Action

Adjust the overall structure of your homepage to match your brand:

• Layouts - Select a style that changes the position of your text, color scheme, and image display. Read more about Changing Sections Layout

• Call to Action - Add buttons to help visitors contact you, book meetings, or visit specific pages.

Settings (Gear Icon)

Depending on your selected layout, you can further customize your homepage using the Gear icon,  add buttons, adjust menu opacity, homepage text, background color and image, add shapes and shape animation, and add shape dividers. Read more about Editing and Designing Sections

Notes

• Recommended Resolution - For the best results, use images with a resolution of at least 1200x700, preferably 1920x1080 pixels.

• Mobile Adjustment - Homepage images are designed to automatically adjust to fit any screen or device type.