• Make sure that Content Source is selected in the editor controls pane on the right.
• Click Connect to open your Content Sources Library.
• Click the source you want to connect and then click Done.

• The content source now appears with a green link icon in your template editor.

• To remove the content source, click the X icon, or click Connect and select a new source.

Important: If you remove or change the content source, all content blocks that you have created using that source will be deleted.

To add a new content source to your library, proceed as follows:

• In the template editor, Click Connect to open the Content Sources Library, then click Add New Content Source.

• Give your data feed a name and select the type. You can choose to connect to a JSON, XML or CSV feed, or to a web page. Click Next.
• Now enter the API method and the endpoint URL.
• Click Test Request and you should see the available data shown in the Response box.

• Save the new source; it is now available for selection in the Content Sources Library.

To upload a background image, proceed as follows:

• Make sure that Object Inspector is selected in the editor controls pane on the right.
• Click Upload image… and browse for the image you want. This will appear in the canvas.

The template will automatically resize to the size of the image. You can adjust the size using the Layout controls on the right, but since this scales each axis independently it can distort the image so you should make sure the image is the right size before uploading it. 

The content block provides the dynamic content to put on the image. To add a content block, proceed as follows:

• Click the Add Block plus sign.

• A text box will now appear on the image with the words Text block visible. Click the text box to display the block editor controls.

• You can now use your cursor to drag it to where you want and resize it from the bottom right corner, or use the Layout controls for more exact placement.
• You can also add preview text, resize and format the text, add borders, and so on. Minimize the editor controls by clicking the white down arrow on the right.
• When you are happy with the format of the content block, click the link icon to connect the content block to the content source.

• Unpack the feed and select the field you want to use to populate the content block and click Done.
• You have now connected the content area with the data feed. Click the preview icon to test the result. If you have more than one position in the feed, you can scroll through them using the left and right arrows.

If you want to add more than one content block to the image, use the copy icon to copy an existing block or add a new one as described above. You will now have additional controls in the editor to send each block to the back or bring them to the front.

Once you have finished with your template you can now go on to create the widget.

You may want to add conditions to the widget, to ensure that the content remains correct even if the position of the fields in the feed changes. In our example we have been using a currency feed; we want to display a specific currency (Euro) which is currently in position one in the feed. However, if the position changes, the content may not be accurate. Therefore, we will add a condition at the widget level.

This ensures that only content related to currency code EUR in the feed will be displayed. You can create conditions using any field that is available in your content source, for example to show only products of a specific price, category, stock availability, language, etc.

You have now created the ‘master’ tag, showing content from position one in the feed. It is not necessary to repeat this process to create multiple tags. In order to make sure you avoid showing the same product more than once in one email, you can add the position parameter into the tag yourself.