Filters

Each shop has specific business needs that change over time. To make sure that merchants can have full control over which products they recommend to their visitors, 3-Products gives you the possibility to add filters to any strategy included in an Advanced Product List.

When adding or editing a strategy, you can also add multiple filters based on product characteristics or the history each visitor has with the products. These filters are:

  • Product price – ex. only products with prices above $20
  • Product inventory – ex. only products where there are at least 10 items left in stock
  • Product publish date – ex. products added in the last 10 days
  • Product collection – exclude or include only products from a specific collection
  • Product tags – include products with any tag from a specified list
  • Bought products – include or exclude bought products
  • Visited products – include or exclude visited products

 

If you found this helpful, sign up to our newsletter to be the first to know when we publish more articles like this.

Getting started – Advanced Product Lists

Starting up with product recommendation on your shop is easily accomplished by using the Standard Product List. They are ready to use and easy to monitor and adjust. But, for situations in which you need more control and flexibility for what products to include, where and how they should be displayed and for which visitors, Advanced Product Lists are the better choice.

When creating an Advanced Product List, there are a few extra settings you can make.

The Contents section is similar to the one on Standard Product Lists, but it also includes 2 new options that you can use to enhance your product list. The first one is including an “Add to cart” button and you can read more about this here. The second one is including a call to action for the whole product list. You can use this to remind your visitors of products they have in their cart and encourage them to go to the checkout. Another example is using a product list to promote a new collection and the included call to action could take your visitors to the collection page.

The next section you’ll have to set up is the Product selection strategies. This offers you similar strategy options as the Standard Product Lists, but it allows you to further customise what products will be added (through filters that are discussed more here) and which strategies are more important than others. To read more about what each strategy does, check out these articles here and here.

When adding a strategy, you can also specify how many products you want that strategy to add to your list. This allows you to have greater control over what your visitors see, whether it’s a combination of recently visited products and similar to visited, or trending products and discounts. You can also change the order in which products from each strategy are added to the list, by clicking on the arrows. Finally, the Mixing multiple strategies setting helps you decide between showing products from a combination of strategies (One product from each option) or using one main strategy and one or more backups, for cases when there is not enough data for the first strategy (All products from each option).

Make sure the added Products Count for all strategies is at least equal to the Products Count for the entire list. Otherwise, your list will not have enough products to display.

The final section is the Display. Here you can decide on which pages you want to show your list and for which visitors. To find out more about where you can display your Advanced Product List, you can check out this article. We also have one regarding visitor segmentation here.

 

If you found this helpful, sign up to our newsletter to be the first to know when we publish more articles like this.

Translating your product lists

We know that consistency is very important for user experience, so we want to make sure that the product lists you create through 3-Products are a perfectly in sync with your shop, and this also means the language or word selection they use.

Some of the templates we use for displaying product lists, which are based on Shopify themes, include words that might need translation. To add these translations, you can go to the Settings page and scroll to the Translations section. There you will find all the words and phrases we use in our templates. Not all of them will be used for your shop, but for the ones that are, you can easily add translations here.

Don’t forget to click Save and that’s it, your product lists are translated!

If you found this helpful, sign up to our newsletter to be the first to know when we publish more articles like this.

“Add to cart” button on product lists

Product recommendations are very good at helping your customers find the right products, keeping them engaged and nudging them to complete their checkout. But sometimes, you want to reduce, as much as possible, the number of steps they have to go through to place an order.

For these situations, we’ve added a feature that allows you to include an ‘Add to cart’ button for each product on your list. The design of the option select box and the button will perfectly adapt to your theme, so it can be set up in just a few clicks.

You can enable this feature for any of your Advanced Product Lists. To do this, on the product list’s view/edit page you will find a new checkbox Include ‘Add to cart’ button.  After checking it, just click on Save and you’re all set.

You can also see statistics about how many of your visitors have clicked on the “Add to cart” buttons on this product list by clicking on the Results button.

By default, the text on the button is “Add to cart”. If you need to translate or change this, you can do this on the Settings page. For more information regarding what is translatable on your product lists, you can check out this article as well.

That’s it! Now you can allow your customers to easily add any product on your lists to their cart.

 

If you found this helpful, sign up to our newsletter to be the first to know when we publish more articles like this.

Manual selection page

Manually recommended products

3-Products is aimed at empowering shop owners to engage with their customers on a personal level through highly customizable, but completely automated, lists of products. However, we know each shop has unique products and business strategies, so sometimes they might need a little bit more control over what gets added to their product lists.

To solve this, we’ve added a new strategy called Manual recommendation for product. It can be used in a product page list that relies on selections of related products made by shop owners. To pick your recommended products go to the Manual recommendation page from the main menu Product Lists > Manual recommendations.

After selecting the related products on this page, you can add the new strategy to any product lists, on the default plan or the custom product lists you created. You can also mix this strategy with others, so you don’t have to manually select related items for all your products. Just pick for the products you want and add extra strategies to fill the list for the others.

To make things even easier when you’re setting up, the recommended products added manually are also included in the Related to product strategy, along with others. More details about what products each strategy find here.

 

If you found this helpful, sign up to our newsletter to be the first to know when we publish more articles like this.

Getting started – Standard Product Lists

After installing the 3 Products app you will have immediate access to 6 carefully designed product lists to help you get started with product recommendations.

5 of these standard product lists are carefully tailored for each section of your store: home page, product page, cart page, collection page and search page. To drive conversions, we have created an extra one that is displayed in an “Exit Intent” pop-up. This pop-up is shown to shoppers when they reach for the x to close the page.

If you need to pause or reactivate the product list you can use the switch .

Hit the edit button  to change the title of the product list, the number of products displayed, and the strategies used to select products.

In the preview panel, you will see an example of what products will be added to your list for a fictional customer.

You can easily edit and try out different strategies to show your customers the exact products they are looking for. The changes you make are saved automatically and they apply instantly so you don’t waste a moment or a page view.

Return to this page periodically by going to Product Lists > Standard Product Lists in the main menu. Here you have an overview of how your customers are interacting with each product list, you can understand what w

To learn more about what strategies are and how to use them, check our other articles on general and product specific strategies.

For more advanced control and flexibility, you can also use our Advanced Product Lists.

That’s it! This should be all you need to get started with 3-Products.

 

If you found this helpful, sign up to our newsletter to be the first to know when we publish more articles like this.

General strategies

The 3-Products app allows you to combine your knowledge and your goals with our behaviour analysis methods to provide a valuable, custom experience for each person that visits your shop.

To do this, we have prepared a variety of product selection strategies that can be mixed and matched to create unique, customer-centric product lists that can be displayed on any page of your shop. Here they are:

Visitor related strategies

  • Similar to visited products – products similar to the ones each customer has already visited.
  • Similar to bought products – products similar to the ones each customer has already bought.
  • Similar to products in cart – products similar to the ones each customer has already added to their cart.
  • Products in cart – products that your customer has added to their cart.
  • Bought before products – products that your customer has already bought before.
  • Visited before products – products that your customer has already visited before.
  • Related to products in cart – recommendations based on the products your customers have already added to their cart.
  • Related to customer history – recommendations based on the products your customers have already interacted with on your shop.
  • From the same collection as products in cart – recommendations from the same collection as the products that your customer has already added to their cart.
  • Seen together with products in cart – products that were visited or bought together with the ones that your customer has already added to their cart.

Shop related strategies

  • From all products – backup strategy that can be combined with others when the visitor did not get the chance to interact with your shop.
  • Trending – products that have recently been popular.
  • Recommended – uses built-in behaviour analysis and prediction methods to figure out what products each of your customers is most likely to buy.
  • Newly added products – products published in the last 30 days.

Collection related strategies*

  • Related to current collection – recommendations based on the products in the viewed collection.

*works only on product or collection pages

 

You can also use some product specific strategies for the lists displayed on product pages. To learn more about them you can read this article.

 

If you found this helpful, sign up to our newsletter to be the first to know when we publish more articles like this.

 

Display settings

There are multiple ways to get the best products in front of your customers. When defining your product lists you can specify multiple types of pages where they should be displayed and can choose from 3 different display formats.

To change where and how your product lists are displayed go to My product lists page by clicking on the Product Lists > My product lists in the menu.

Then find the product list you want to edit and click on View.

Scroll down to the Display section where you can find the list of available pages and display formats.

Currently you can add a product list on one of the following pages: Shop home page, Collection pages, Search pages, Cart pages, All product pages. You can also choose between displaying only on specific collection pages or all.

The display formats available for these pages are On page or Floating bar.

The On page option will let product lists appear like part of the main content on each page. This is the default option.

Floating bars will display the product list on top of the general content, at the bottom of the screen, allowing users to quickly notice it without disrupting their activity completely. The design of the floating bar is responsive and makes it easy to dismiss.

There are 2 other display possibilities for your product lists:

  • Exit intent popup this display option will add the product list to a popup that is shown to users that are on the verge of exiting your shop. This will give you a final chance to convince them to buy.
  • Manual display – this is a powerful, yet slightly advanced option, that allows you to select the exact position of the product list on any page of your shop. Just copy the code shown in the popup that is shown when you select the Manual display option and pasting it in the HTML content of that page.

 

If you found this helpful, sign up to our newsletter to be the first to know when we publish more articles like this.

Customize the appearence of product lists

The design of the product lists that are added to your shop can be customized to better match the style of your theme and your preferences.

To do this you need to go to the settings page by clicking on the  icon in the top-right corner of the menu and scroll to the Theme settings section.

Here you can find various design customizations that apply to all your product lists:

 

  • Background color: this controls the background color of the container in which the products are shown (can be either a HEX value or the English name of the color),
  • Heading CSS class: this applies already defined style that you have on your shop to the title of the product list (eg. a class name used on sub-headings),
  • Heading text alignment: determines how the heading of the product list will be aligned (left, right or centered),
  • Product title alignment: determines how the titles of the products will be aligned relative to the product box (left, right or centered),
  • Price alignment: determines how the price text will be aligned relative to the product box (left, right or centered),
  • Call to action button CSS class: this is similar to the Heading CSS class setting, but it refers to the style of your Call to action button,
  • Call to action button alignment: this determines the positioning of your Call to action button relative to the product list container (left, right or centered)

 

If you need help customizing the look of your product lists, one of our experts is always available to help you. Just contact us at hello@3-products.com.

 

If you found this helpful, sign up to our newsletter to be the first to know when we publish more articles like this.

Product page strategies

Unlike all the other pages of your online store, the product page visit is a very powerful source of information regarding both customer general interest and his current context. To take advantage of the latter, 3-Products offers you a few strategies that are specifically designed for the product page. These are:

  • Similar to the current product – products that are similar to the one your customer is currently looking at.
  • Seen together with the current product – products that were visited or bought together with the product your customer is currently looking at.
  • Visited together with the current product – products that others, interested in the one your customer is currently looking at, have also seen.
  • Bought together with the current product – products that others have bought along with the product your customer is currently looking at.
  • From the same collection as current product – recommendations from the same collection as the product your customer is currently looking at.
  • Related to collection of current product – products that have been seen together with others from the same collection as the product your customer is currently looking at.
  • New in collection of current product – products recently added to the collection of the product your customer is currently looking at.
  • Manual recommendation for product – recommendations defined for each Product Page on the Manual recommendations page. You can find more details about how this strategy works in this post.

Make sure you also check out the rest of the strategies that can be used on any page, including the product page. You can read all about them here.

 

If you found this helpful, sign up to our newsletter to be the first to know when we publish more articles like this.