Getting Started With Content Blocks: a Static Non-Editable Hero Image
When to use — For a static, non-editable Hero image. Use this for example if the Hero image is defined by company brand guidelines and must be the same in every message. Editing freedom is fully restricted locking in brand logo, web version link, and alt text for speed and consistency.
What to use — When using an img tag in the Content Block, a static image source is added to the Content Block and no changes can be made afterwards when the Content Block is used in the message.
Below is an example that shows how to set this up. The Content Block includes the necessary styling so it renders correctly when used in a message. The key element is the <img> tag with source, alt text, and style pre-configured.
Copy
<!-- :: Start Hero image - using a static image -->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%"
bgcolor="#fafafa">
<tr>
<td class="m_hide" style="font-size:0;line-height:1px;height:1px;"
height="1"> </td>
<td class="m_wrapper" style="width:600px;">
<!-- +++ replace this with <a data-link="SMC_Link_Name" href="">
to allow the marketer to set their own link +++ -->
<a data-link="Hero Image" href="https://en.wikipedia.org/wiki/Plant" target="_blank"
rel="noopener noreferrer" style="text-decoration:none;cursor:default;">
<img id="OWATemporaryImageDivContainer1" class="full" border="0" width="600"
src="https://classroom1.slgnt.eu/images/shared/cb/spring-1.png?no-cache=1"
alt="Spring Hero Image" style="width:600px; max-width:100%; display:block;"/>
</a>
</td>
<td class="m_hide" style="font-size:0;line-height:1px;height:1px;"
height="1"> </td>
</tr>
</table>
<!-- :: End Hero image -->
