WebsiteBuilder: How to Add Images

Images give life and add value to your website, engaging your visitors to spend more time with your content. Follow the steps below and learn how to add images to your site.

Follow the instructions that match your WebsiteBuilder version.

How to check if I have Legacy WebsiteBuilder Editor or Express Editor? 

Legacy WebsiteBuilder	WebsiteBuilder Express Editor

 

How to launch WebsiteBuilder
How to Add Images in Legacy Editor
How to Add Images in Express Editor
 

How to launch WebsiteBuilder?

1. Log in to your Domains Dashboard.
   
2. On the dashboard, select the domain where your WebsiteBuilder is situated.
   There are two views in the Domains dashboard - the Card and List views. Click on the view icons to switch to your preferred view. 
   
3. Choose the domain you wish to modify.  
   In the Card view, click the domain's Manage button.

   

   In List view, click the domain or its gear icon on the right-hand side.

   

4. Click on WebsiteBuilder on the left menu.
   

Back to top.

Legacy WebsiteBuilder: How to Add Images?

1. To launch your Legacy WebsiteBuilder Editor, click Manage. 
   
2. On the left pane, click on Elements.
   
3. Navigate through the listed options and select Images; then, you can add a single Image or an Image Gallery, depending on your need.
   
4. Click on Upload Images or Add Image From Link. 
   
5. For Upload Image procedure: Browse through your files, select and open the image.  For Add Image from Link procedure: simply paste the link of the image in the field provided.
   

   
6. Once the image is added, adjust it accordingly.
   
7. Once editing is done, click on Save. If you want to make all changes to be updated on your live website, click Publish. Both these options are placed on top of your editor. Note: if you only save changes, it would not appear on the website unless you click Publish.
   

Back to top.

WebsiteBuilder Express Editor: How to Add Images?

1. To launch your WebsiteBuilder Express Editor, click ManageSite.
   
2. Choose an area with an image and select the picture icon to open the Image Library.
   
3. In the upper right, select the blue button that says Add Images.
   
    

• Browse files - by clicking on this option, you will be able to browse through your computer files or drag and drop the file inside the dotted lines. The initially selected image will be replaced with the new image. You will also have the option to adjust the image if needed.
  
• Add from Link - by selecting this option, you will paste a full URL of an image that already exists on the web in the space provided. Make sure to click Save.
  
• Once editing is done, click on Save. If you want to make all changes to be updated on your live website, click Publish. Both these options are placed on top of your editor. Note: if you only save changes, it would not appear on the website unless you click Publish.
  

WebsiteBuilder has its own set of images that you can browse through the Stock Images. Hundreds of pictures are enlisted per category. You may visit this Knowledgebase article, WebsiteBuilder: How to Add Stock Images to know-how.

Back to top.

---

Related Article/s:

WebsiteBuilder: How to Adjust and Edit Images
WebsiteBuilder: How to Adjust and Edit Images - Video
WebsiteBuilder: How to Add a Header Image