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

WebsiteBuilder: How to Adjust and Edit Images

NOTE: We offer two different versions of WebsiteBuilder.
  • Legacy WebsiteBuilder Editor, the original
  • WebsiteBuilder Express Editor is the newest interface commonly found in the Foundation dashboard.

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
Legacy WebsiteBuilder Express WebsiteBuilder


How to launch WebsiteBuilder
WebsiteBuilder: Legacy Editor 
WebsiteBuilder: Express Editor

How to Launch WebsiteBuilder?

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

    Domain Dashboard - Card View

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

    Domain Dashboard - List View

  4. Click on WebsiteBuilder on the left pane.

Legacy WebsiteBuilder: How to Adjust and Edit Images

  1. To launch your Legacy WebsiteBuilder Editor, click Manage.
  2. Click on the image you want to edit. 
  3. Select the type of changes you want to make with the image.
    Editing options
  4. Once done, make it a habit to Save changes. If you are ready to publish the changes, click on Publish in the upper right corner.

WebsiteBuilder Express Editor: How to Adjust and Edit Images

  1. To launch your WebsiteBuilder Editor, click ManageSite.
    Manage Site
  2. On the WebsiteBuilder editor, hover the mouse to the image you want to adjust. Afterward, these options will show.
    Editing options
  3. By clicking on Zoom , you will get to see a slider to zoom in or out the image.
  4. By clicking on Attach Link icon, it provides an option to link the image to a page, web address, etc. Do not forget to Save.
    Attach Link options
  5. If you click on Alt icon, it provides an option to put Alt Text. This helps visitors with visual impairments. Make sure to hit Apply.
    Alt Text
  6. 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

Related Articles:

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