Add an Image to the Custom Page

Want to make your website more dynamic and engaging? Add images to your custom pages!

This article covers the following topics:

• Where to add an image block on the page?
• Adding an image to the page
• Other image block options

Where to add an image block on the page?

Open the page you want to work on from the Website application.

Here's how:

1. Go to the Website > Menus and pages application;
2. On the custom page (identified by the icon ) you want to edit, hover over the three horizontal dots ;
3. then click Edit page.

You are now on the page in edit mode.

If you're logged in as an Administrator and viewing your site in preview mode, click the "Edit page" button at the top of any page to go straight to the editing menu.

Adding an image to the page

To add an image to your page, drag the "Image" block and drop it onto the editing grid. To learn how to add a block, check out our dedicated article.

Once you drop the block onto the grid, a browser window opens. Select the image you want to add (already saved on your computer).

The image then loads into the block.

Once the image has loaded, you can perform several actions:

• resize the block by adjusting its height and/or width;
• or change the visible area of the image. To do this, click the block once, then double-click the image inside the frame and drag it while holding the mouse button down.

Other image block options

Editing options appear at the top of the left-hand menu (if they don't appear, make sure the block is selected — click on it if it isn't):

• Delete the block;
• Choose a background - Select a background color;
• Choose a border - Add a border and adjust its thickness using the slider that appears. You can also change the border color;
• Round the corners of the block containing the image;
• Zoom in or out on the image using the slider that appears when you click Zoom;
• Add a link to the image that opens either in the current tab or in a new tab.
  Click here to learn more about adding a link to an image;
• Adjust the outer margins of your block.

Once you've made your changes, remember to click "Save" in the top left corner of your editing page.

Go further:

• Add or edit a photo gallery
• Add an image to an article
• Add a background to a custom page