Skip to main content

How to Add Images to Your Website

You can add images to your website using an Image widget or as a background image for a section. This guide explains both methods and includes tips for optimizing your images.

Prerequisites / Requirements

  • Access to your website builder.

  • An image file you want to add to your website.

Step-by-Step Instructions

Add an Image Using the Image Widget

  1. Open Add Content in the editor.

  2. Select the Image widget.

  3. Drag and drop the widget to the desired location on your page.

    2024-09-16 14.04.43.gif

  4. Click the image area to upload or select an image.

  5. Use the available settings to adjust the image, including:

  • Alignment

  • Size

  • Alt text

  • Other image settings

Screenshot 2024-09-16 at 14.13.43.png

Add a Background Image

  1. Hover over the section or row where you want to add the image.

  2. Open the section or row's settings.

  3. Find the Background option.

  4. Upload or select an image.

  5. Adjust the background settings, such as:

    • Size / Cover

    • Position

    • Overlay

Screenshot 2024-09-16 at 14.20.13.png

Use an Image widget when the image is part of your page content. Use a background image when the image should appear behind other content in a section or row.

Troubleshooting / FAQs

How do I add an image to a page?

Use Add Content > Image, then drag the Image widget onto the page and upload your image.

Can I use an image as a background?

Yes. Open the settings for the section or row and add the image under Background.

What should I use for alt text?

Add a short, descriptive text that explains what the image shows. This improves accessibility and can also help with SEO.

Summary / Next Steps

Add images using the Image widget or as a section background. For the best results, use high-quality, optimized images and always add descriptive alt text.

Did this answer your question?