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

1. 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.
2. 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: <>.
3. 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%;">

4. 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

1. 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.
2. Double click Text block you just added and in the toolbar that appears, click the ‘Source’ button indicated by the symbol: <>.
3. 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%;">

4. 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.
5. Click the ‘Done’ button in the top right when you’re done editing.

Updated on: 05/04/2023