Register

How can you display top products by orders, using custom HTML

If you want to entice your customers by adding your top products, based on orders, inside your email campaign, all you have to do is connect your website to our platform and then use HTML code to display the top products, based on times ordered.


Let's see how it's 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 as many products as defined on the size parameter. Please note that you can have a maximum size value of 10.

#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-blue.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 website_ID with your unique website ID, e.g.

#products:top_by_orders:website:d61a0b5a62a44343:size#

 

Click on the Account icon and then, select the Websites option on the drop-down menu appearing.display_top_products_by_orders_1.png


Once inside your website list, you can find your website ID 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 Websites list.

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

#products:top_by_orders:website:d61a0b5a62a44343:5#

If no number is defined, 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 top 5 items, based on times ordered, from your website with ID d61a0b5a62a44343.

#products:top_by_orders:website:d61a0b5a62a44343:5#


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

#products:top_by_orders:website:d61a0b5a62a44343#


c. On the example below, omitting the website parameter will fetch the top 5 items, based on times ordered, from the first activated website listed on your Websites list.

#products:top_by_orders:5#


Note that you can further expand your email campaign's content by displaying the user's shopping cart, your top products by revenue, or your top products by views, using equally simple HTML code. Just keep in mind that you cannot have more than one case of the ones described above in your campaign (products by ordertop products by revenuetop products by viewsdisplaying the user's shopping cart).