Adding and Editing Images with Website Builder v7
NOTE: This article is for Website Builder version 7. Your version displays at the top of the screen when you log in to your Website Builder account. Not using version 7? Search for Website Builder version 6 articles.
When you select a theme for your website, it already comes with images. But we understand you might have images of your own that you want to display on your Website. That's why Website Builder v7 lets you easily add and edit your own images. To add links to images, see Linking Text and Images with Website Builder v7
NOTE: Images need to to be formatted as .jpg, .jpeg, .gif or .png files. Image uploads are limited to 15MB per file. While images as large as 5000 x 5000 pixels can be uploaded, images will not be displayed larger than 1920 x 1080 pixels.
To Add Images with Website Builder v7
- Log in to your Website Builder account.
- Click Edit Website.
- From the left-hand toolbar, click and drag the Image tool onto the page.
- To replace the initial placeholder image, click the image and click Swap Image.
NOTE: You can delete any image by selecting Delete Image.
- From the Choose Photos window, select one of the following options:
- My Photos — Click Browse to select an image you want to upload from your personal computer, and then click Open.
- Theme Photos — Click to select one of the images included in the Website Builder v7 theme already installed on your Website.
- Free Images — To select an image from our library of free images, enter a search term to find specific images in the library, or select a category from the All categories menu.
- Facebook — To import images directly from your Facebook® account, click Connect to Facebook, log in to your Facebook account, and then click Log In with Facebook.
NOTE: To disconnect from Facebook afterward, go to your Facebook account settings, click Apps and then click X next to Website Builder.
- Instagram — To import images directly from your Instagram® account, click Connect to Instagram, log in to your Instagram account, and then click Log In with Instagram.
- After selecting the image you want to use, click Insert.
- When you're done, click Save.
- Click Publish to update your Website online.
NOTE: You can use text boxes to label images. Drag and drop a text block next to (or even on top of) an image (more info). You can then edit or move the text at any time. (Business and Business Plus Website Builder plans also enable you to add text directly to an image using the Advanced Editor, but the text cannot be changed or removed once you save it.)
To Edit Images with Website Builder v7
- Log in to your Website Builder account.
- Click Edit Website.
- Click the image you want to edit and select Settings.
- To change the image, click Swap Image, and then choose another image in the Choose Photos window (as explained above in "To Add Images with Website Builder v7").
- To zoom in on the image, click Image Editor in the Settings window.
- Use the Zoom slider to display just a portion of the image.
- To reposition the image within your zoom frame, click and then drag the image.
- To return the photo to its original 100 percent view, drag the slider all the way to the left (or click the adjacent Reset button).
- Click OK when you're done to apply the change and hide the Zoom tool.
- You can use the Effect section of the Settings window to apply one of five edge styles to your image.
- Click Save to close the Settings window after you complete your changes.
- Click Publish to update your Website online.
NOTE: The Settings window's Advanced tab in Step 4 opens the Advanced Image Editor, which is only available for Business and Business Plus Website Builder Plans. The editor enables you to add effects to an image, including a background color, a border, rounded corners, transparency and a margin.
For a linked list of Website Builder v7's other major tasks, see Using Website Builder v7