This detailed guide will walk you through using Dynamic Product Recommendations Blocks for Woocommerce to create personalized product recommendations.
Introduction to Dynamic Product Recommendations Blocks #
Dynamic Product Recommendations Blocks allow you to create customized product recommendations that surpass the limitations of category-based recommendations.
You will learn how to go beyond relying solely on category-based recommendations and instead offer related product suggestions based on specific criteria such as browsing behavior, products added to cart, fields filled out at checkout, and with all data present on woocommerce.
In this guide, you will learn how to use Dynamic Product Recommendations Blocks to enhance your users’ shopping experience.
Dynamic Product Recommendation Blocks can be used globally for consistent and personalized recommendations throughout your website or integrated seamlessly within Gutenberg blocks.
Explore our dedicated guide on Gutenberg integration for more details.
Create New Product Recommendations Blocks #
- Start by opening the administration panel of your WordPress site, in the sidebar click on the plugin menu DynamicBlocks -> Blocks
- Select the “Dynamic Product Recommendations” block type (also known as related product) from the list of available blocks.
- Click on “ADD New Block”.
- In the new window, enter a title for the block that will be visible to users on the website.
- Next, proceed to configure the trigger events, including what to display, when to display, where to display, and how to display the block.
Step 1: Configuring Recommendation Criteria -> What to Display Trigger #
Configuring the recommendation criteria is an essential step in customizing and tailoring the product recommendations displayed on your website.
By defining specific criteria, using the query builder, you can ensure that the recommendations align with your business goals and provide a personalized experience for your users.
To configure the recommendation criteria, follow these steps:
- Click on the “What to Display” tab to begin configuring the products that will be shown.
- Select your Datasets, which will allow you to invoke associated logical conditions and populate the desired product grid.
- Define your What to Display Rules:
for each dataset added in the section below by clicking on the first select you will see the associated conditions.For example, you may want to display all products from a specific category, filtering them based on a particular attribute or tag. You can further refine the display by excluding out-of-stock items and showcasing only the best sellers or products on sale. In this specific example, you will need to utilize the datasets: "Product" and "Stock"
- Sort and limit the results in the grid:
you can further refine the display by sorting the results in a specific order and limiting the number of products shown in the grid
We will explore where and when to display the block in the following steps.
Step 2: Selecting Page and Theme Position -> Where to Display Trigger #
Determining Where to Display the Dynamic Product Recommendations Block is important for maximizing its impact.
Follow these steps:
- On the right sidebar, click on the “Where to Display” tab to configure the page and theme position for the block.
- Select the desired page of Woocommerce, where you want to display the block from the available options.
- Choose the specific position where the block should be displayed.
“by continuing to read in a few lines you will find an in-depth analysis on this topic”. - Save your settings to apply the chosen page and theme position for the Dynamic Product Recommendations Block.
A) Select Target by Pages & Positions, Custom Theme Hook or By Shortcode
#
Dynamic Blocks gives you the ultimate control over where your blocks are displayed on your website.
You have the flexibility to choose the precise position within the selected page where the block should be displayed.
This includes options such as before the content, after the content, in single product summary, after or before add to cart button or within specific WooCommerce hooks and more. You have a wide range of options available.
But wait, there’s more !
We offer even more options to fine-tune the placement of your blocks.
You can select custom pages or utilize custom theme hooks to have full control over the block’s location.
Additionally, you can call global blocks using shortcodes for seamless integration across your entire website, for example in wordpress widgets, custom post types, custom pages & sections.
Here’s how to customize the block placement:
- Select Target Page:
In the sidebar under the “Where to Display” section, choose the page where you want the block to appear. - Choose the Position:
Based on the selected page, pick the exact position where the block should be placed.
Whether it’s before the content, after the content, in the single product summary, after or before the add to cart button, or within specific WooCommerce hooks, you have a wide range of options available. - Adjust Priority:
If you have multiple blocks in the same position, you can define their priority by adjusting the value in the Priority field. This allows you to control the order in which the blocks are displayed. - Select More Pages or Positions:
Remember, you can also place the same block on multiple pages and in multiple positions.
Simply click the “+” button next to the “Where to Display” section to add more pages or positions. - Click “Update”:
Once you have customized the block’s placement, click the “Update” button to save your changes.
B) Seamless Integration with Gutenberg Blocks #
To make things even more convenient, our plugin includes a dedicated native block for Gutenberg, the WordPress block.
With our dedicated native block for Gutenberg, you can effortlessly incorporate the Product Recommendation Block within any Gutenberg block without any hassle.
Here’s a step-by-step guide on how to configure the Product Recommendation Block within Gutenberg:
- Open the Gutenberg editor for the desired page or post.
- Add a new block by clicking on the “+” button.
- Search for “Product Recommendation Block” or navigate to the “Dynamic Blocks” section.
- Select the Product Recommendation Block from the available blocks.
- Customize the block settings, such as the number of recommendations, display layout, and sorting options, to fit your preferences.
- Optionally, configure the conditional display settings using the Query Builder to determine when the block should be shown.
- Save or update the page or post to apply the changes.
By following these steps, you can easily configure and integrate the Product Recommendation Block within any Gutenberg block, allowing for a seamless and customized user experience on your website.
Step 3: Using Logical Conditions to Display Blocks #
One of the most powerful features of Dynamic Product Recommendations Blocks is the ability to use logical conditions to display blocks under specific circumstances.
- By using the Query Builder, you can define complex logical conditions to show the blocks only when certain criteria are met.
- For example, you can configure the block to display recommendations only if the customer’s cart contains a certain number of items or if the total purchase value exceeds a specific threshold, and more…
Showcasing Dynamic Product Recommendations Blocks in Action #
- Now that you understand how to configure and customize Dynamic Product Recommendations Blocks, let’s explore some examples of final results.
- Imagine you have an online clothing store.
Using Dynamic Product Recommendations Blocks, you can show your customers recommendations for products similar to what they have viewed or purchased, thereby increasing cross-selling and upselling opportunities. - You can also offer recommendations based on customer preferences, such as suggesting products based on their preferred categories or brands.
By following this guide, you will be able to effectively configure, customize, and utilize Dynamic Product Recommendations Blocks to deliver highly personalized product recommendations and enhance the performance of your online store.