Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: updated instructions
Zen Section
id905047173
classlsMainSection
margin0px
padding0px
Wrap
classlsMain

You can add images to your website to add a more personal touch to your consumer site. In order to add images to your website, you first need to get a unique URL for must host your image online, which means you must host your image online. Here, you'll learn how to host an image online, and how to add the hosted image to your Market Leader websitethen you can either copy and paste the image into your website, or add the image using its unique URL.

Once you have your image hosted, there are two ways to add the image to your website:

(warning) However you decide to add an image, be sure you have the proper rights to use the image on your website, or you could be subject to copyright fines.

Hosting the Image Online

In order to get the URL for your add an image, you must host the image online (rather than a folder on your computer). We recommend using an image hosting service that allows you to use the hosted images for business/commercial use, such as Google or Facebook.

Watch this short video to learn how to host an image online:

Wrap
classrwVideo
HTML
<script src="https://fast.wistia.com/embed/medias/npjrdxknpc.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:80.0% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_npjrdxknpc videoFoam=true" style="height:100%;position:relative;width:100%"><div class="wistia_swatch" style="height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;"><img src="https://fast.wistia.com/embed/medias/npjrdxknpc/swatch" style="filter:blur(5px);height:100%;object-fit:contain;width:100%;" alt="" onload="this.parentNode.style.opacity=1;" /></div></div></div></div>
 

(minus) IMPORTANT: If you're uploading images into an album in your Google Photos, you must make sure the album is public. To do this, go to your album, and select Options from the menuclick the Share button. Then move the toggle to share your album.

Adding the Image to Your Website

go into the advanced settings, and change the access setting to public.

Copy and Paste the Image
Anchor
CopyPaste

Once you have your image URL, the next step is to add it to your system so the image appears on your website. First, click on Pages in your website administration menu.

Image Removed

Then select the page you wish to add images to; you can choose any page on your website, including any custom pages you've added.

Image Removedmenu, then expand the menu for the page where you're adding the image.Then click Edit.

Image Added

Next, go to your hosted image, right-click on the image, and select Copy Image.

Image Added

Then go back to the page you're editing, and paste the image where you'd like it. You can resize the image if needed, by clicking and dragging the corners to the desired size. When you're finished, click Save.

Image Added

Add the Image with the URL
Anchor
ImageURL

Once you have your image URL, the next step is to add it to your system so the image appears on your website. First, click on Pages in your website menu, then expand the menu for the page where you're adding the image.Then click Edit.

Image Added

Next, place your cursor where you'd like to add an image, then click the Insert/Edit Image button.

Image Removed Image Added

An Insert/edit image display box will appear. Paste the image URL that you’ve copied into the Source field.

Enter an Image description (this is the 'hover text' that will appear when someone hovers their mouse over the photo).

Edit the Dimensions of the image, if necessary. Click OK, and you should now see your new image. 

What if my image displays too large/small in my email?

There are two ways to resize an image on your website:

  1. Click on your image to select it. Click and drag one of the 4 corners of the image and resize up or down as needed.  
  2. Click on your image to select it; click the Insert/Edit Image button and adust the dimensions (just make sure the Constrain Proportions box is checked).

Image Removed

Additional Resources

SEO Meta Description
Learn how to add an image to your Market Leader website.

...