Wiser Personalized Recommendations elements

In this article, you’ll learn about the Wiser Personalized Recommendations element and how to use it. In order to use this element, the Wiser Personalized Recommendations app has to be installed on your Shopify store.

Install Wiser

Install PageFly 

You can watch this video tutorial:

About Wiser Personalized Recommendations element

Wiser Personalized Recommendations elements are designed to present recommended product widgets to upsell and cross-sell your products and ultimately increase your store conversion rate. You can use the Wiser Personalized Recommendations element to display handpicked upsell and cross-sell products of a specific product or data-based recommendations.

Before using this element, you have to install the Wiser Personalized Recommendations app and configure all settings in this app.

Note that in order to display the correct elements in PageFly pages, you need to turn on the preferred widgets for each page type from Wiser Personalized Recommendations app.

Access Wiser Personalized Recommendations element

Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2: In Integrations popup page, you can search “Personalized Recommendations” on the search bar

Step 3: Click on Wiser Personalized Recommendations element in the dropdown menu

Step 4: Choose the variant you want then drag and drop it to the editor page

Wiser Personalized Recommendations elements come in 8 variations:

• Related Products (only available for Product Detail page)
• Recommended Products (only available for Product Detail page)
• Also bought (only available for Product Detail page)
• Recently Viewed Products
• Trending Products
• Top Selling Products
• New Arrivals
• Featured Products

Wiser Personalized Recommendations elements configuration

Wiser element variation for Product pages

Note that some of the element variations only work on Product Pages type:

• Related Products
• Recommended Products
• Also bought

In the Product pages, Wiser Personalized Recommendations elements will depend on the chosen products you select in your Page Settings modal.

Select the element in the layout to see its variation then easily drag and drop the element onto your page. Click on that element to see its parameters.

You can read more here about the parameters in the General tab.

Styling configuration

You can customize the styling of the Wiser Personalized Recommendations element in the Styling Tab.

You can check more information about the Styling tab here.

Once you drag the element into the Editor, it will pull all product recommendations of the assigned product on your live page.

Note that one page allows only one element of each type.

Wiser elements for other page types

These listed elements are available for: Home pages, Product pages, Collection pages, Regular pages, Blog posts.

Select the element in the layout to see its variation then easily drag and drop the element on to your page. Click on that element to see its parameters.

You can read more here about the parameters in the General tab. Once you drag the element into the Editor, it will pull all product recommendations of the assigned product on your live page.

Note that one page allows only one element of each type.

Lastly, hit Publish and see the result on your live page.

You can check the video tutorial below