Adding Images to Your Website

Adding Images to Your Website

This article covers how to add images to your site and optimize images for mobile devices.

Adding a Text Widget to a Page

1. Go to the Widget Manager

Text Widgets allow you to add text and images to your site’s pages. 
  1. From your Dashboard, go to Content > Widgets Manager
  2. Navigate to the page where you'd like to add an image
  3. Add a Text Widget to the page
    1. Click and hold down to drag and drop the Text Widget to any of the grey and white checkered areas on the page

2. Add the Image

  1. Click the pencil icon to edit the widget, then delete the sample heading and text
  2. In the pop up window, click the picture icon in the toolbar at the top

  1. If the image is not uploaded to the server:
    1. Go to the Upload tab
    2. Click Choose File 
    3. Select the file on your computer
    4. Hit the Send it to the Server button. 
  2. If the image is already uploaded to the server:
    1. Stay on the first tab and click Browse Server 
    2. Find the image, and double click to select it

3. Adjust the Image Size

For a mobile responsive image, use a percentage for the width so the image resizes relative to the page size:
  1. Go to the Image Info tab
  2. Click the lock icon open
  3. Delete the height and
  4. Set the width to a percentage by entering a number followed by the % symbol.
Alert
When using a percentage, the image will appear distorted in the preview and will correct once saved.
For an image that is not mobile responsive:
  1. Go to the Image Info tab
  2. Type the number of pixels under width or height 
  3. Keep the lock icon closed so the height and width stay proportional 

4. Save the Changes

  1. Click OK, then click Save
  2. Close the Text Widget by clicking the X in the top right.
IdeaIf you'd like to add a link or file to an image, please see our article on Linking Images to Files, Site Page and Websites.

Adding Images Through the Content Manager 

Adding images to content pages is similar to adding them to a Text Widget. 

1. Create or Edit a Content Page

  1. From your Dashboard, go to Content > Content Manager
  2. Select the Edit link next an existing page or create a new page from +Add A New Page

2. Add the Picture

  1. Click the picture icon in toolbar
  2. If the image is not uploaded to the server:
    1. Go to the Upload tab
    2. Click Choose File 
    3. Select the file on your computer
    4. Hit the Send it to the Server button
  3. If the image is uploaded to the server:
    1. Stay on the Image Info tab and click Browse Server 
    2. Find the image and double click to select it

3. Adjust the Image Size

For a mobile responsive image, use a percentage for the width so the image resizes relative to the page size:
  1. Go to the Image Info tab
  2. Click the lock icon open 
  3. Delete the height and
  4. Set the width to a percentage by entering a number followed by the % symbol

Alert
When using a percentage, the image will appear distorted in the preview and will correct once saved.
For an image that is not mobile responsive:
  1. Go to the Image Info tab
  2. Type the number of pixels under width or height 
  3. Keep the lock icon closed so the height and width stay proportional 

4. Save the Changes

  1. Click OK
  2. Click submit to save and publish the changes
Idea
If you'd like to add a link or file to an image, please see our article on Linking Images to Files, Site Page and Websites.

    • Related Articles

    • Linking a File, Page, or Website to an Image

      To add an image to your site, please see our article on adding images to your site. Find the Image and Edit the Content Page or Text Widget For either way of adding a link, using the link tool or editing the image settings, first you must locate ...

    • Adding Testimonials to Your Website

      Here you find instructions for adding customer endorsements to your site as text, and and how to embed third party widgets for Google reviews onto your site. Adding Testimonials to Your Website To ensure consistent formatting you can paste plain ...

    • Adding Google Analytics to Your Website

      Google Analytics is a powerful tool that helps you monitor and understand how visitors interact with your website. By adding a Google Analytics tracker, you’ll be able to track essential data such as user behavior, traffic sources, and website ...

    • Adding Buttons to Your Website

      This article guides you through creating a custom button using an online design tool, uploading it to your website via a text widget, and linking it to a specific page. The result is a clickable button on your site that directs visitors to your ...

    • Adding YouTube Videos and YouTube Shorts To Your Website

      Adding YouTube Videos To add a YouTube Video, you can copy the embed code directly from YouTube, then insert it into a Video Widget. 1. Copy the Embed Code from the YouTube Video YouTube provides an embed code for their videos. If the video you want ...