How to integrate UGC in MailerLite Email Campaigns
This article walks you through the process of embedding Email Campaign Display Images in Mailer Lite Drag & Drop and Rich Text editors. View instructions for integrating UGC in other email marketing platforms.
Embedding Email Campaign Display Images in Mailer Lite Drag & Drop Editor
- Add a Text block by dragging it from the left Content panel and positioning it on the email template where you would like to insert your Display Image.
- Click on the newly added Text Block, then click on the ‘Source’ button in the editor toolbar on the right-hand side to edit the source code of the block - the ‘Source’ code button is indicated by the symbol: <>.
- In the source code view, select any sample code and replace it by pasting the HTML embed code of your Display Image – see How to get the embed code for an Email Campaign Display Image. Optionally, add any required CSS styles to the
<img>
tag e.g.<img src="https://hub.buzzspark.io/ec/49064fad7ba1057fd1eb788f2a0c1a1d.jpg" style="width:100%;">
- Click the ‘Save’ button at the bottom of the right-sidebar and then the ‘Done’ button in the top right when you’re done editing.
Embedding Email Campaign Display Images in Mailer Lite Rich Text Editor
- Hover your mouse in the email body where you would like to insert your Display Image, then click the ‘+’ icon that appears and select the ‘Text’ block to add it.
- Double click Text block you just added and in the toolbar that appears, click the ‘Source’ button indicated by the symbol: <>.
- The Text block will turn black. Paste the HTML embed code of your Display Image – see How to get the embed code for an Email Campaign Display Image. Optionally, add any required CSS styles to the
<img>
tag e.g.<img src="https://hub.buzzspark.io/ec/49064fad7ba1057fd1eb788f2a0c1a1d.jpg" style="width:100%;">
- When you done, double click again in the Text block area and in the toolbar that appear, again click the ‘Source’ button indicated by the symbol: <>. The Text block will exist the source view and the Display Image will appear.
- Click the ‘Done’ button in the top right when you’re done editing.
Updated on: 05/04/2023
Thank you!