Note: This eSpot is PanEmerson and can be used on all Emerson domains with the HCL Commerce online store enabled.
HCL eSpot Name: Cart_BottomCenter_Marketing
The below-shopping cart allows for the display of an optional eSpot marketing content. When included, this item displays below the main Shopping Cart content items, promo codes, financial stack, and “Check Out” CTA.
• Purchaser license restrictions
• Promotional/Marketing messaging
• Shipping information/delays
• Order Processing information
• Cross-sell/Up-sell messaging / Awareness of Training
Approved content authors can copy and paste the available code snippet. Highlighted sections are meant to be customized per the specific use case.
<div class="emr-cart-bottom-center-marketing-espot image-based">
<div class="image-container">
<img src="[HL]https://www.emerson.com/resource/image/5389084/landscape_ratio4x1/1400/350/3a9d46307722c28e5906fd8a4595799/hz/h003-heating-air-con.jpg[/HL]" />
</div>
<div class="text-container">
<h3>[HL]Headline 45 Character Limit Lorem Ipsum Dolo[/HL]</h3>
<p>[HL]Body 125 Character Limit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mi ex, volupat congue nis adipiscing.[/HL]</p>
<a class="arrow-right-link animated-arrow-right-link" href="[HL]https://www.google.com[/HL]">[HL]Read More[/HL]</a>
</div>
</div>
Headline: 45
Body Copy: 125
Width: 590px
Height: 160px
Width: 1180px
Height: 160px (fixed)
• Purchaser license restrictions
• Promotional/Marketing messaging
• Shipping information/delays
• Order Processing information
• Cross-sell/Up-sell messaging / Awareness of Training
Approved content authors can copy and paste the available code snippet. Highlighted sections are meant to be customized per the specific use case.
<div class="emr-cart-bottom-center-marketing-espot text-based with-icon">
<div class="text-container">
<img src="[HL]https://via.placeholder.com/40x40[/HL]" alt="icon" />
<h3>[HL]Headline 50 Character Limit Lorem Ipsum Dolor Adip[/HL]</h3>
<p>[HL]Body 225 Character Limit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mus mi ex, volutpat congue isl egestas, vehicula pulvinar leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mus mi ex.[/HL]</p>
<a class="arrow-right-link animated-arrow-right-link" href="[HL]https://www.google.com[/HL]">[HL]Read More[/HL]</a>
</div>
</div>
Headline: 50
Body Copy: 225
Green CTA link can only be used on light grey and white background. When using the rich black background, only use white copy and CTA links.
If no icon is displayed, headline should vertically center to fill vacated space.
Width: 1180px
Height: 160px (fixed)
• Purchaser license restrictions
• Promotional/Marketing messaging
• Shipping information/delays
• Order Processing information
• Cross-sell/Up-sell messaging / Awareness of Training
Approved content authors can copy and paste the available code snippet. Highlighted sections are meant to be customized per the specific use case.
<div class="emr-cart-bottom-center-marketing-espot text-based">
<div class="text-container">
<h3>[HL]Headline 50 Character Limit Lorem Ipsum Dolor Adip[/HL]</h3>
<p>[HL]Body 225 Character Limit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mus mi ex, volutpat congue nisl egestas, vehicula pulvinar leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Viva mus mi ex.[/HL]</p>
<a class="arrow-right-link animated-arrow-right-link" href="[HL]https://www.google.com[/HL]">[HL]Read More[/HL]</a>
</div>
</div>
Headline: 50
Body Copy: 225
Green CTA link can only be used on light grey and white background. When using the rich black background, only use white copy and CTA links.
Width: 1180px
Height: 160px