Skip to main content
All CollectionsContentCart layout
An introduction to cart layouts
An introduction to cart layouts

Cart layouts are dynamic blocks of HTML or text content used in triggered messages.

Updated over 6 months ago

Cart layouts are primarily used to display products that a shopper has shown interest in, for example, products they have added to their cart but not purchased in a Cart abandon trigger email.

When a triggered email send is initiated by Fresh Relevance, the cart layout is dynamically formatted based on the data we hold for the shopper and is then merged into the email template of the destination Email Service Provider (ESP) for sending.

For other channels such as SMS, the whole message is defined in the cart layout.

Cart layouts can also be used to display:

  • Products browsed by the shopper but not placed into their cart in a Browse abandon trigger email.

  • Products purchased by the shopper in a Purchase complete trigger email.

  • Products browsed by the shopper which have now dropped in price in a Price-drop trigger email

  • Out of stock products browsed by the shopper which are now back in stock in a Back-in-stock trigger email.

  • Products in the shopper's wishlist in a Wishlist trigger email.

The availability of these features depends on your account package. To discuss, contact your Account Manager.

To see the cart layouts available in your account, go to Content > Cart Layout.


Create a new cart layout

  1. Go to Content > Cart Layout.

  2. Select CREATE CART LAYOUT FOR TRIGGERED MESSAGE FROM TEMPLATE.

  3. In the Layout Name field, enter a name for your cart layout.
    A descriptive name helps you to identify the cart layout in future.

  4. Either:

    • Select a pre-defined template.
      or

    • Enter your own HTML in the Edit the Cart Layout field.

  5. Select SAVE.

Edit a cart layout

Before you start

Editing cart layouts for email involves working with HTML, CSS and Jinja. This requires at least basic knowledge of HTML, so is a task best suited to an email or web designer.

A common approach is to copy the HTML to an external program such as Dreamweaver, modify it, then paste it back into the field in Fresh Relevance when done. Some external programs may try to move the Jinja code to a different place in the HTML, which would likely result in unexpected display issues, so you must double check this before you save your finalised cart layout.

Learn more about personalizing cart layouts with Jinja code in Cart Layout editing with Jinja.

  1. Go to Content > Cart Layout.

  2. Hover over the layout you want, then select EDIT.

  3. Make your desired changes to the layout code in the Edit the Cart Layout field.

  4. Select SAVE.


Copy an existing cart layout

  1. Go to Content > Cart Layout.

  2. Hover over the cart layout you want to copy, then select VIEW.

  3. Under Actions, select COPY.
    An identical version of the cart layout is created, called Copy of [Name of copied layout].

  4. To rename or otherwise edit the copied cart layout, select EDIT LAYOUT under Actions.

  5. Select SAVE to confirm any changes you make.


Delete a cart layout

  1. Go to Content > Cart Layout.

  2. Hover over the cart layout you want to copy, then select VIEW.

  3. Under Actions, select DELETE.

You’re returned to the Cart Layouts for Triggered Messages page.

Did this answer your question?