1. Knowledge Base
  2. >
  3. Results
  4. >
  5. Article

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.

NOTE: We offer two different versions of WebsiteBuilder. Our original implementation of the builder is the Legacy WebsiteBuilder Editor, while WebsiteBuilder Express Editor is the newest interface commonly found in the Foundation dashboard. It is not possible to upgrade a Legacy WebsiteBuilder Editor to the Express Editor. The site will need to be recreated with the Express Editor. All new WebsiteBuilder installations will be the Express Editor.

Follow the instructions that match your WebsiteBuilder version.

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

Legacy WebsiteBuilderWebsiteBuilder Express Editor
WebsiteBuilder v1.0WebsiteBuilder v2.0

 

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.
    Domains Dashboard
  2. Click on the Domain Name or the cog icon where your WebsiteBuilder is situated.
    Domain Name or cog icon
  3. Click on WebsiteBuilder on the left menu.
    WebsiteBuilder

 

Legacy WebsiteBuilder: How to Add Images?

  1. To launch your Legacy WebsiteBuilder Editor, click Manage
    Manage
  2. On the left pane, click on Elements.
    Elements
  3. Navigate through the listed options and select Images, then depending on your need, you can add a single Image or an Image Gallery.
    Image icon or Image Library
  4. Click on Upload Images or Add Image From Link
    Upload Image or Add Images 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.
    Browse files
    Add from link
  6. Once the image is added, adjust it accordingly.
    Adjust image
  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.
    Save and Publish

 

WebsiteBuilder Express Editor: How to Add Images?

  1. To launch your WebsiteBuilder Express Editor, click ManageSite.
    Manage Site
  2. Choose an area with an image and select the picture icon to open the Image Library.
    Image icon
  3. In the upper right select the blue button that says Add Images.
    Add Image
     
  • 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.
    Browse files
  • 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.
    Add from link
  • 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.
    Save and 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.


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

yieldmanager

Thanks for visiting! Since you landed on this page of our website, we wanted to let you know you visited one of our paid endorsers while researching your purchase. close