Using the 'Live Text' and 'Live Image' widgets, you can connect an element in your design to a live XML data feed. With Live Content Widgets, your design will automatically update if a change is made to the feed, guaranteeing you're always displaying the most up-to-date information in your design.


To add a Live Text or Live Image widget to your canvas, open the Widgets panel on the Left Hand Side Navigation, and click on either the 'Live Text' or 'Live Image' button.



Add A Live Text Widget


To add a Live Text widget to your canvas, click the 'Live Text' button in the Widgets panel. This will add the widget to the canvas, and open the Live Text Settings Panel. 



From the Live Text Settings Panel you can upload your XML Feed to the widget by copying and pasting the widget into the 'XML Feed' section of the panel. You'll use this XML Feed to populate your widget. 



After uploading your feed, you can use the 'Unit' and 'Row' dropdowns to select which text will be displayed in your design.



Setting the 'Unit' and 'Row' will then display the text associated with that Unit and Row of the feed on the canvas.



Live Text Settings


After adding a Live Text element to the canvas, you can format the text in the Live Text Widget using the Live Text Settings Panel on the left-hand side. In the panel, you'll be able to change the font and it's styling, the colour of the text, and the font size, line height and text tracking for your text.



Add A Live Image Widget



To add a Live Image widget to your canvas, click the 'Live Image' button in the Widgets panel. This will add the widget to the canvas, and open the Live Image Settings Panel. 



From the Live Image Settings Panel you can upload your XML Feed to the widget by copying and pasting the widget into the 'XML Feed' section of the panel. You'll use this XML Feed to populate your widget. 




After uploading your feed, you can use the 'Unit' and 'Row' dropdowns to select which text will be displayed in your design.




Setting the 'Unit' and 'Row' will then display the image associated with that Unit and Row of the feed on the canvas.




Applying Settings


You can adjust the settings of your Live Image Widget using the Live Image Settings Panel on the left-hand side, such as setting the image to Fit, or Fill and Crop. 



Updating your XML Feed. 


You can update your XML Feed at any time. To update your feed, paste your new XML Feed into the XML Feed section and select Update.