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.
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.
When uploading media, use the following supported formats:
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:
Crop images, add filters, or fine-tune their appearance.
The Focus Tool - Optimize the image for mobile devices by clicking the specific area you want to remain in focus.
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. Use the Plus Icon to add a button to your homepage, then edit the button settings to adjust your website's Call To Action,
To customize the appearance of your homepage button, hover your mouse cursor over the button and click the Gear Icon.
You can choose from various button styles, including rounded, pointy, 3D, and more. Additionally, select the font style for your button text.
In the "Edit Button" options, you can also choose an icon to display next to your button text. Please note that icons can only be added from the icon library.
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
Homepage Video - Video added as a Homepage Background does not support sound.
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.
Homepage background images are static and cannot be made clickable by adding a link. For clickable images on your website, read more about the Gallery Page
