Adding Images to your Template
Locate images in your feed
To verify if images are populated in your feed, open the feed page (xml) and look for one of these elements. Digesto supports 3 different image elements:1) Enclosure Image (<enclosure>)
This is the standard way to pass images in RSS feed.
Example: <enclosure url="http://perkuto.com/wp-content/uploads/2017/05/perkuto_sigle_200x200_t.png" length="900" type="image/jpg" />
2) Media-Content Image (<media:content>)
Example: <media:content url="http://www.learningliftoff.com/wp-content/uploads/2015/09/SOTW_Fruit.jpg" type="image/jpeg" medium="image" width="100%" height="auto">
2) Media-Content Image (<media:content>)
Example: <media:content url="http://www.learningliftoff.com/wp-content/uploads/2015/09/SOTW_Fruit.jpg" type="image/jpeg" medium="image" width="100%" height="auto">
</media:content>
3) Embed Image
Image added to the beginning of the Excerpt text (<description>) or Full Content element (<content:encoded>)
Ex:<content:encoded><
Manual update
Toggle to code view (</>) to edit the code manually. Use the following merge tags to dynamically insert image URLs to your Digest Template.
1) For Enclosure image, use the {{ITEM-IMAGE-URL}} merge tag
Example:
<!-- BEGIN IMAGE CODE --><a href="{{ITEM-LINK}}"><img border="0" alt="Post Image" onerror="this.style.display = 'none'" src="{{ITEM-IMAGE-URL}}" width="100%" height="auto"></a><!-- END IMAGE CODE -->
2) Media Content image, use the {{ITEM-MEDIA-CONTENT-IMAGE-URL}} merge tag
Example:
<!-- BEGIN IMAGE CODE --><a href="{{ITEM-LINK}}"><img border="0" alt="Post Image" onerror="this.style.display = 'none'" src="{{ITEM-MEDIA-CONTENT-IMAGE-URL}}" width="100%" height="auto"></a><!-- END IMAGE CODE -->
3) For embed image, use the {{ITEM-FIRSTPOSTIMAGE-URL}} merge tag
Digesto offers a special features that will extract the image from the "body" of your feed to make it available to use as a header image. This allows for more control of the image styling.
Use First Image (Embed Code) in your template editor or go in code view and insert {{ITEM-FIRSTPOSTIMAGE-URL}} as part of your image code. Ex:
<!-- BEGIN IMAGE CODE --><a href="{{ITEM-LINK}}"><img border="0" alt="Post Image" onerror="this.style.display = 'none'" src="{{ITEM-FIRSTPOSTIMAGE-URL}}" width="100%" height="auto"></a><!-- END IMAGE CODE -->
In addition to featured\thumbnail images, Images may appear on the body section of your post. Your blog email may require a different formatting to adjust to a different width and adapt to specific email clients and ensure responsiveness.You can gain control image formatting with CSS Styling and Images attributes using the Image Inline Style and Image Attribute under Advanced settings.
Image Style and Image Attributes

Example:
<!-- BEGIN IMAGE CODE --><a href="{{ITEM-LINK}}"><img border="0" alt="Post Image" onerror="this.style.display = 'none'" src="{{ITEM-IMAGE-URL}}" width="100%" height="auto"></a><!-- END IMAGE CODE -->
2) Media Content image, use the {{ITEM-MEDIA-CONTENT-IMAGE-URL}} merge tag
Example:
<!-- BEGIN IMAGE CODE --><a href="{{ITEM-LINK}}"><img border="0" alt="Post Image" onerror="this.style.display = 'none'" src="{{ITEM-MEDIA-CONTENT-IMAGE-URL}}" width="100%" height="auto"></a><!-- END IMAGE CODE -->
3) For embed image, use the {{ITEM-FIRSTPOSTIMAGE-URL}} merge tag
Digesto offers a special features that will extract the image from the "body" of your feed to make it available to use as a header image. This allows for more control of the image styling.
Use First Image (Embed Code) in your template editor or go in code view and insert {{ITEM-FIRSTPOSTIMAGE-URL}} as part of your image code. Ex:
<!-- BEGIN IMAGE CODE --><a href="{{ITEM-LINK}}"><img border="0" alt="Post Image" onerror="this.style.display = 'none'" src="{{ITEM-FIRSTPOSTIMAGE-URL}}" width="100%" height="auto"></a><!-- END IMAGE CODE -->
Adjusting body images
In addition to featured\thumbnail images, Images may appear on the body section of your post. Your blog email may require a different formatting to adjust to a different width and adapt to specific email clients and ensure responsiveness.You can gain control image formatting with CSS Styling and Images attributes using the Image Inline Style and Image Attribute under Advanced settings.
Image Style and Image Attributes