Customizing the Cart Page

Displaying a Free Shipping Message on the Cart Page

Scenario 1: Cart Does Not Qualify for Free Shipping

Scenario 2: Cart Qualifies for Free Shipping

To configure these messages, follow these steps:

1. Navigate to Marketing > Promotions and click Create. Select With legacy editor.
2. In the Promotion detail section, name your promotion.
3. In the Promotion type section, select Orders totaling more than X amount get free shipping to specific shipping zones. In the spend at least field, enter the minimum order amount required for free shipping.

4. In the Promotion options section, customize your messages:

• Congratulations Banner Message: Enter the message to display when the cart qualifies for free shipping.
• Upsell Banner Message: Enter the message to display when the cart does not qualify. Use the format [your text] %%condition.remaining%% [your text] to dynamically display the remaining amount needed to qualify.
• Click Save.

Engaging Cart Page Messages

Enhance user engagement by dragging and dropping the HTML Widget into the appropriate widget region on the cart page. Then, insert the code snippet below:

<ul>
  <li><svg><use href="#icon-check"/></svg>$50 eyewear credit with an annual supply</li>
  <li><svg><use href="#icon-check"/></svg>Free shipping and free returns (for unopened boxes)</li>
  <li><svg><use href="#icon-check"/></svg>Prescription verification during checkout</li>
</ul>

Click the Save HTML button to apply your changes.