Configure a Dynamic Bundles Action

Follow these steps to build a Web experience with a Dynamic Bundles action.

1. Create a new Web experience, and then configure the WHY and WHO settings.
2. Click WHAT and then click ADD ACTION.

   

3. Click Recommendation.

   

4. Select the Dynamic Bundles action template that you want to use.

   

5. Complete the required settings.
   1. Input the element selector identifying where on a product detail page you want the Dynamic Bundles slider to appear.

      

   2. Select an option from Insert Method to determine where the action should be inserted relative to the selected node you input in the previous step.

      

   3. Select RecheckForElement if you want the Personalization platform to recheck for the selected node for up to 3 seconds if it doesn't find it immediately. Select SelectMultipleElements if you want the platform to display the recommendations at every occurrence of the selected node on the page if it finds multiple occurrences.

      

   4. Select the bundle that you want to use. Scroll through the list of bundles in the selector, or use the search bar to find one by name.

      

   5. Input the minimum number of products that must be available to trigger the action.

      

   6. Input the maximum number of products that you want to appear in the slider.

      You cannot configure a Dynamic Bundles slider to show more than six products.

      

   7. Select from Orientation the movement of product images in the slider.

      

   8. As necessary, modify the code in HTML for the action that builds the slider structure.
      • To add slide navigation buttons, use the attributes data-prev-button and data-next-button. If you include optional arrow images, then you must include elements with the attribute data-prev-button and data-next-button for them to appear.
      • To add location-related dynamic text, select an option from SELECT DYNAMIC TEXT, and then paste the code snippet into the code editor.

      

   9. As necessary, modify the code in HTML for products that builds the product slides. See Modifying the Slide Template in Build an Intelligent Recommendation Slider with Slotting Action for more information.

      

   10. Optionally, revise the CSS that is appended to the DOM in a <style> or <link> element, or click CHOOSE SAVED CSS or UPLOAD CSS to insert code into the editor.

       Use the placeholder #MONETATE-ID as the selector for the action's wrapper ID.

       

   11. As necessary, modify the code in Slides Visible to change the slide visibility options. See Modifying the Slide Visibility Template in Build an Intelligent Recommendation Slider with Slotting Action for more information.

       

6. Optionally, add image files to be used for the slider navigation buttons by clicking CHOOSE EXISTING, GENERATE IMAGE, or UPLOAD for Previous Button Image and Next Button Image, respectively.

   

7. Optionally, add one or more action conditions. Click ADD CONDITION and then navigate the categories and options to set any conditions that must be met for the action to fire. See Action Conditions for more information.

   

8. Click CREATE.

Finish building the experience by configuring the WHEN settings. Ensure that you preview the experience before activating it. See Activate an Experience for Preview and Testing for more information.