Adding visuals to written content helps to capture the attention of your audience, makes your content easier to understand and adds interest to your marketing campaigns.

We suggest designing high-quality images using the specifications described in this article.

Add a static image located on your computer or in your preloaded Files section.

Step 1 - Click on Add Content from your templates editing mode.

Step 2 - Select the Image icon.

Step 3 - Select your image from preloaded files, or upload a new file.

Step 4 - Add destinations, conditions, effects and alt text to your images as necessary.

Alt-texts are also called "alt tags" and "alt descriptions". If the image fails to load on a user's screen this text will appear in its place. This text also helps screen-reading tools describe images to visually impaired readers and allows search engines to better crawl and rank websites.

Add a static image from an external online source.

Step 1 - Click on Add Content from your templates editing mode.

Step 2 - Select External Images.

Step 3 - Navigate to the website where your source image is located and copy the image address by right-clicking on the image and selecting "Copy Image Address". It's also possible to make your external image unique to each customer by inserting a personalisation tag that will link to a URL in your customer list.

Step 4 - Navigate back to Mobiz and paste the image address in the Image URL bar by right-clicking and selecting Paste.

Step 5 - Add in a Destination for your image - this can be the same as, or different from, your image URL. While the Image URL provides the creative, you may still want to redirect to a different destination.

Step 6 - Tapping on No Margin will remove any spaces around your image.

Step 7 - Click Save and add destinations, conditions, and effects as necessary.

Add a static image with different clickable sections.

Step 1 - Click on Add Content from your templates editing mode.

Step 2 - Select Image Map.

Step 3 - Insert your desired image.

Step 4 - Click on "Add clickable area".

Step 5 - Use the handles to adjust the area that should clickable.

Step 6 - Click Save and add destinations, conditions, and effects as necessary.

Create rotating slides using multiple images.

Step 1 - Click on Add Content from your templates editing mode.

Step 2 - Select Image Slider.

Step 3 - Insert your desired images in the order in which you'd like them to appear.

Step 4 - Toggle settings on/off as needed for Auto Play and Show Handles.

Step 5 - Decide on the duration of time each image should display when Auto Play is enabled.

Step 6 - Click Save and add destinations, conditions, and effects as necessary.

Tip: For optimum viewing make sure all your images are at least 800px wide. When creating an image slider make sure all your images are the same height, otherwise, they will look inconsistent.

Add multiple images within one row.

Step 1 - Click on Add Content from your templates editing mode.

Step 2 - Select Image Icons.

Step 3 - Insert your desired images in the order in which you'd like them to appear.

Step 4 - Toggle settings on/off as needed for Auto Centre and Space between icons.

Step 5 - Decide on the number of image icons to be displayed per row (max of 5).

Step 6 - Click Save and add destinations, conditions, and effects as necessary.