Register

How can I display a user’s shopping cart using custom HTML?

Nothing is more enticing than a pristine looking visual representation of your products, lurking inside your campaign. Eye candy! Connect your website to Moosend and then use HTML code to display the products last added to a customer's shopping cart, or the products last purchased by the customer inside your email marketing campaigns.

Let's see how this is done:
 

A. The HTML code

Using the code below you can add product tags such as the unique product code, the product title, the product's image URL, its price, the URL of the product page, the product category and the product manufacturer or brand name. All information from the product tags will be repeatedly displayed for each product.

#products:recent_cart:website:website_ID:size#
#product:code#  <!-- A unique code for the product, e.g. COW-T-SHIRT  -->
#product:title# <!-- The name/title of this product, e.g. Cow T-Shirt -->
#product:image# <!-- The image URL of this product, e.g. http://my.store/product-color.jpg -->
#product:price# <!-- The price of this product, e.g. 12.02 -->
#product:url#   <!-- The URL to the relevant product page, e.g. http://my.store/product-101 -->
#product:category# <!-- the category of this product, e.g. T-Shirts -->
#product:manufacturer# <!--the manufacturer, brand name of this product, e.g. Acme Co -->
#products:recent_cart:end#

 

Replace website_ID with your unique website ID, e.g.

#products:recent_cart:website:d61a0b5a62a44343:size#

You can find your website ID under Account settings > Tracked websites, by clicking on the website. Remember that if no website ID is provided on your HTML code, then the information displayed will be taken from the website listed at the top of your Tracked Websites list.


Replace size with the number of products to be displayed on the dispatched email e.g.

#products:recent_cart:website:d61a0b5a62a44343:5#

If no number is provided, the maximum number will be displayed, which is 10. You can also use zero (0) if you wish to display the maximum number.


B. HTML code examples

a. The following example will fetch the last 5 items on the recipient's cart, from your website with ID d61a0b5a62a44343.

#products:recent_cart:website:d61a0b5a62a44343:5#


b. In this example we have omitted the size parameter altogether; this will fetch the maximum number of items on the cart (10), from your website with ID d61a0b5a62a44343.

#products:recent_cart:website:d61a0b5a62a44343#


c. On the example below, omitting the website parameter will fetch the last 5 items of the recipient's cart, from the first activated website listed on your Tracked Websites list.

#products:recent_cart:5#



That's not all - you can further expand your email campaign's content by displaying your current top products by order, top products by revenue, or even top products by views, using equally simple HTML code. Try it out!