1

How to start with Recommendation Elements

Recommend the right products to each of your customers

Miriam from Kimonix

Last Update 5 months ago

In this article, we will be exploring how to set up your store’s recommendation elements in no time.

If you are not sure what are product recommendations, please visit our blog post on the subject.


Let’s get started with the setup:

Step 1: Go to the “Recommendation Elements” page > “Create an element”.

Don't worry, creating an element won't change anything on your store until you activate it (step 6).


Step 2: Select a template -> Create.

Choose a template based on your specific strategy: These are pre-made templates for 3 main strategies, usually used in recommendations. Once you choose a template, you will have the option to edit it based on your specific strategy needs.

  • Personalized products: This template enables you to display 1:1 personalized recommendations. Each customer will get their own recommendations, based on their site activity, clicks, and the products they've viewed in both current and past visits. Our AI then analyzes this data in relation to the purchasing behaviour of other shoppers who share similar interests. This ensures that the element suggests the most relevant products, increasing the likelihood of each customer making a purchase.

  • Frequently bought together: This template will display products that are often purchased alongside the product the customer is currently viewing. It's most relevant for the product page and relies on past orders data.

  • Recently viewed: This template will display products that the customer has recently looked at, from the moment you create the first element.

Step 3: Edit your element.


  • Add the Element Name: Choose a descriptive name to help you easily identify and manage your product recommendation element. For example: "Personalized products for the product page".
  • Analytics: Monitor the element performance using the analytics section. You can monitor Views, Items sold, Products displayed, Sales (money), Product page referrals and Orders. The data will be presented based on the period you choose.

  • Products Selection: This section determines which products the element will display for each customer. The default setup is based on the template you selected in step 2 and can be edited just like a regular collection. Note: this won’t create a collection on your collections page, and can only be managed through the elements page.
  • You have complete flexibility to create your own strategy based on the app's parameters. You can combine multiple strategies and set the exact one that will showcase the most suitable products to your customers.
  • Click Edit -> The editing page will open (will look like a collection page) -> Edit it -> Scroll down and "Save".

It's important to have at least 1 more segment without personalization, to determine which products to show to new customers that don't have personalization data yet.

  • Layout Configuration: adjust various layout aspects of your element, including its type (Scrollable row or Gallery), text, size, margins, color settings and more. You can see a preview of your changes on the right side. You can preview your changes on the right side.

Good to know: You can perform more advanced layout customizations using your CSS. 

Step 4: Add a code to show the element on your store -> Copy the code from the “Theme Code” section.

Paste it on your Shopify admin theme -> Add a "Custom code" section to the specific required theme page (for example, the product page) and paste the code there.

Note: You can add the element to the home page, collection page, product page and cart page/drawer.

Step 5: Test (optional) - After pasting the code in the right place, click the “Launch site in test mode”. In the test mode, ​​browse to the page you've added the code on to make sure you are satisfied with the result.

Step 6: Activate the element to be live on your store's site -> Turn the toggle on.

Step 7: Save your element. Scroll down and click on the "Save" or “Save & Exit” button.

FAQ: How would it look on my store?
Here is an example of an element with a scrollable row layout >>

Congratulations, your element is live and is ready to increase your profits!


Have any feature requests? Need our help?

We are here --> Message us directly through this chat link.

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us