Cart layouts are a powerful feature in ecommerce marketing that allows you to create personalized and dynamic content for your triggered messages. Whether you're setting up a new cart layout, editing an existing one, or managing copies, this guide walks you through the essential steps to ensure your cart layouts are tailored to your needs.

Create a new cart layout

Go to Content > Cart Layout.
Select CREATE CART LAYOUT FOR TRIGGERED MESSAGE FROM TEMPLATE.
In the Layout Name field, enter a name for your cart layout.
A descriptive name helps you to identify the cart layout in the future.
Select a pre-defined template or enter your HTML in the Edit the Cart Layout field.
Do not select any option under Is Template as this feature is deprecated.
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 it is a task best suited to an email or web designer.

A common approach is to copy the HTML to an HTML editor, 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 finalized cart layout.

You can edit an existing cart layout by selecting a pre-defined template or directly modifying the layout code to create a grid with multiple rows. This allows for flexible customization to suit your needs.

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

Go to Content > Cart Layout.
Hover over the layout you want, then select EDIT.
To change the name, enter a new name in the Layout name.
Make your desired changes to the layout code in the Edit the Cart Layout field.
Under Is Template, select YES if you want to use the layout as a template.
Select SAVE.

Copy an existing cart layout

Go to Content > Cart Layout.
Hover over the cart layout you want to copy, then select VIEW.
Under Actions, select COPY.
An identical version of the cart layout is created, called Copy of [Name of copied layout].
To rename or otherwise edit the copied cart layout, select EDIT LAYOUT under Actions.
Select SAVE to confirm any changes you make.