With Joomag's Standard Email Template Editor, you can add images to your email template and make it more visually appealing. Use the following guideline to add an image to the email template:
1. From the Content tab, select IMAGE and drag it to the place you want.
2. Click on the image block to open the settings panel on the right side of the editor.
The styling options for the image are divided into the following sections:
Important: The styling options applied for the desktop are also applied to the mobile. To change the styling for mobile devices click the Mobile tab on the settings panel.
Image
Upload the image you want to display in the image block and modify it.
Upload Image
You can upload an image in any of the following ways:
Enter the URL of the image in the Image URL field.
Click Upload Image, and then select the required file from your device
Apply Effects
Whether you are working with the existing images of email templates or uploading new ones from your computer you can always apply effects and customize those.
Width
The width of the image is defined automatically based on its original width. You can turn off the Auto Width toggle and set the image's width manually.
Align
Align left — aligns the image along the left side of the template
Align center — centers the image leaving an even gap on each side
Align right — aligns the image along the right side of the template
Justify all lines — gives the image straight edges on both sides
Alternate Text
Add a description as an alternate text to your image. If the image can't be viewed, the text will help recipients understand the content.
Action
Select the type of action performed when the user clicks on the image. Available actions:
Open Website
Redirects the user to your specified URL. Enter the URL and select whether to open it in the same or new tab.
Send Email
When the user clicks the image, it opens an email box. Enter the recipient address, subject, and body text.
Call Phone Number
Makes a call to the phone number you've provided.
Send SMS
Lets the user send an SMS to the phone number you've provided.
Actions are the same for both mobile and desktop views and cannot be changed per mode.
General
Change the padding of the container — the space between the container and its outside border. By default, spacing changes evenly on all sides. Turn on More Options to set different spacing per side.
Responsive Design
Hide the image on desktop or mobile, allowing you to show different images per device in the same template.
Always check how the email looks on both desktop and mobile and adjust each separately.
When done, click Save to save your changes.
Duplicate and Delete
Any content block inserted from the Email Editor toolbar can be duplicated or deleted.
