Use custom HTML to display products
Use custom HTML to add product recommendations in campaigns.
You can enhance your email campaigns by adding product recommendations in your content. You should first connect your website to Moosend before you can add any custom HTML product tags.
The following sections describe different examples of adding custom HTML product tags.
Display products in the shopping cart
Displaying the items in your customer's shopping cart can be useful in abandoned cart automations.
Use the following HTML code to add product tags such as product code, product title, image URL, price, product page URL, product category, 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 the placeholders for website_ID and size in the code. If you don't provide your website ID, Moosend will get the product information from the website at the top of your list of websites. You can specify the size for the number of products you want to display in the campaign. If you don't add a number or if you add zero 0, Moosend will display the maximum number of products, which is 10.
If you added your ID and you want to display 5 products, you should have something like this at the first line of the code: #products:recent_cart:website:d61a0b5a62a44343:5#.
Display top products by number of orders
You can display your top products based on the number of times ordered. A list of your top ordered products can be useful in your upsell campaigns.
Use the following HTML code to add product tags such as product code, product title, image URL, price, product page URL, product category, product manufacturer or brand name. All information from the product tags will be repeatedly displayed for each product.
#products:top_by_orders: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:top_by_orders:end#
Replace the placeholders for website_ID and size in the code. If you don't provide your website ID, Moosend will get the product information from the website at the top of your list of websites. You can specify the size for the number of products you want to display in the campaign. If you don't add a number or if you add zero 0, Moosend will display the maximum number of products, which is 10.
If you added your ID and you want to display the top 5 ordered products, you should have something like this at the first line of the code: #products:top_by_orders:website:d61a0b5a62a44343:5#.
Display top products by revenue
When you create campaigns for special offer or reminders, it can be useful to display your top products by product revenue.
Use the following HTML code to add product tags such as product code, product title, image URL, price, product page URL, product category, product manufacturer or brand name. All information from the product tags will be repeatedly displayed for each product.
#products:top_by_revenue: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:top_by_revenue:end#
Replace the placeholders for website_ID and size in the code. If you don't provide your website ID, Moosend will get the product information from the website at the top of your list of websites. You can specify the size for the number of products you want to display in the campaign. If you don't add a number or if you add zero 0, Moosend will display the maximum number of products, which is 10.
If you added your ID and you want to display the top 5 products by revenue, you should have something like this at the first line of the code: #products:top_by_revenue:website:d61a0b5a62a44343:5#.
Display top products by number of views
For your website re-engagement campaigns, you might find it helpful to display your top products by number of views to entice your customers.
Use the following HTML code to add product tags such as product code, product title, image URL, price, product page URL, product category, product manufacturer or brand name. All information from the product tags will be repeatedly displayed for each product.
#products:top_by_views: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:top_by_views:end#
Replace the placeholders for website_ID and size in the code. If you don't provide your website ID, Moosend will get the product information from the website at the top of your list of websites. You can specify the size for the number of products you want to display in the campaign. If you don't add a number or if you add zero 0, Moosend will display the maximum number of products, which is 10.
If you added your ID and you want to display the top 5 viewed products, you should have something like this at the first line of the code: #products:top_by_views:website:d61a0b5a62a44343:5#.