Stickers
When new sticker content is added to your document, or you select an existing sticker content block, the content properties bar on the right will display the possible settings for this content type.
Sticker Content Properties | Explanation |
Search: This will open a new window of available stickers from GIPHY. you can search by a keyword or browse. Clicking a sticker will then add it to your document. | |
Auto width: By default, when a new sticker is inserted, it will automatically be adjusted using the Automatic image resizing setting. You can turn this setting ON or OFF to keep the image with its default size or edit the size with the slider bar, from 20% to 100% of the original size. There is also the option to set the image as Full width on mobile |
|
Align: Click one of the three options to change the positioning of the sticker in the content block; left-align, centre or right-align. | |
Dynamic: When a 'dynamic image' is enabled Url becomes the location of a sample image shown in the editor. 'Dynamic Url' will be used in the HTML code. The size of the dynamic image will be set based on the sample one, so use a sample image of the same size. Some cool example uses for this are personalised cards or a countdown timer |
|
Alternate text: Enter the text that should be displayed when images are turned off. This is a best practice in email design since there are still email clients that have images turned off by default. |
|
Action Image link: When the action type is Open web page, you can add a URL here or select a file to link to when the image is clicked in the document. Clicking Link file will open the File Manager and files such as a PDF can be used here. When the image is clicked the chosen URL or file will be opened in a new web page. There are further options to Send email, Make call or Send SMS and these will display different options for the required information to be entered. |
|
Padding: Turning on the More options will allow you to set individual padding for the top, bottom, left and right. If this is off the padding size will be applied to all sides. This padding changes the blank space around the sticker content block. |
|
Hide: You can choose to hide this divider on Desktop or Mobile. |
GIFS
When new GIF content is added to your document, or you select an existing GIF content block, the content properties bar on the right will display the possible settings for this content type.
GIF Content Properties | Explanation |
Search: This will open a new window of available gifs from GIPHY. you can search by a keyword or browse. Clicking a gif will then add it to your document. | |
Auto width: By default, when a new gif is inserted, it will automatically be adjusted using the Automatic image resizing setting. You can turn this setting ON or OFF to keep the image with its default size or edit the size with the slider bar, from 20% to 100% of the original size. There is also the option to set the image as Full width on mobile |
|
Align: Click one of the three options to change the positioning of the gif in the content block; left-align, centre or right-align. | |
Dynamic: When a 'dynamic image' is enabled Url becomes the location of a sample image shown in the editor. 'Dynamic Url' will be used in the HTML code. The size of the dynamic image will be set based on the sample one, so use a sample image of the same size. Some cool example uses for this are personalised cards or a countdown timer |
|
Alternate text: Enter the text that should be displayed when images are turned off. This is a best practice in email design since there are still email clients that have images turned off by default. |
|
Action Image link: When the action type is Open web page, you can add a URL here or select a file to link to when the gif is clicked in the document. Clicking Link file will open the File Manager and files such as a PDF can be used here. When the gif is clicked the chosen URL or file will be opened in a new web page. There are further options to Send email, Make call or Send SMS and these will display different options for the required information to be entered. |
|
Padding: Turning on the More options will allow you to set individual padding for the top, bottom, left and right. If this is off the padding size will be applied to all sides. This padding changes the blank space around the gif content block. |
|
Hide: You can choose to hide this divider on Desktop or Mobile. |
Comments
0 comments
Please sign in to leave a comment.