> ## Documentation Index
> Fetch the complete documentation index at: https://help.experro.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Recommendation Widget

### Steps to Integrate

<Steps>
  <Step title="Open the Shopify Theme Editor">
    * In your Shopify Admin, navigate to **Online Store → Themes**.

    * Click **Edit Themes**.

          <img src="https://mintcdn.com/experro/hT4c11DxPL1gRWmf/images/plug_and_play/shopify_integration/shopify_integration_1.png?fit=max&auto=format&n=hT4c11DxPL1gRWmf&q=85&s=d7a126cccb6d745170f2c7ba88608451" alt="" width="1920" height="893" data-path="images/plug_and_play/shopify_integration/shopify_integration_1.png" />

    * Navigate to the page from the search bar where you want to add the Experro widget.
  </Step>

  <Step title="Add the Experro Container to Your Page">
    * Click **Add section**, then choose **Experro Recommendation Widget**, drag and place it where you want on your page.
          <img src="https://mintcdn.com/experro/hT4c11DxPL1gRWmf/images/plug_and_play/shopify_integration/shopify_integration_6.png?fit=max&auto=format&n=hT4c11DxPL1gRWmf&q=85&s=76e8d3de0f51757fb48cabfc2d0fcc45" alt="" width="1919" height="888" data-path="images/plug_and_play/shopify_integration/shopify_integration_6.png" />
  </Step>

  <Step title="Required parameters configuration">
    <img src="https://mintcdn.com/experro/hT4c11DxPL1gRWmf/images/plug_and_play/shopify_integration/shopify_integration_7.png?fit=max&auto=format&n=hT4c11DxPL1gRWmf&q=85&s=c3a039d3e80693de4c5d1afc8a5fcf20" alt="" width="1920" height="890" data-path="images/plug_and_play/shopify_integration/shopify_integration_7.png" />

    * Select or enter the required parameters as needed:

    * **Widget ID:** Experro Widget ID from the Experro Admin Panel.
          <img src="https://mintcdn.com/experro/hT4c11DxPL1gRWmf/images/plug_and_play/shopify_integration/shopify_integration_8.png?fit=max&auto=format&n=hT4c11DxPL1gRWmf&q=85&s=dd5d5b8fc1ca14b89e4b03eb17bcda73" alt="" width="1920" height="891" data-path="images/plug_and_play/shopify_integration/shopify_integration_8.png" />

    * **Widget Title:** Enter the main title that will be displayed at the top of the widget.

    * **Widget Sub Title (Optional):** Add a secondary line of text below the title to provide additional context or messaging.

    * **Products Limit:** Specify the total number of products to be displayed within the widget.

    * **Products per Row:** Define how many products should appear in a single row on desktop view.

    * **Products per Row (Mobile):** Set the number of products to be displayed in a single row on mobile devices for better responsiveness.

    * **Enable Slider:** Turn ON to display products in a slider format; if turned OFF, products will be shown in a grid layout.

    * **Show Arrows:** Enable this option to display left and right navigation arrows in the slider.

    * **Show Pagination (Dots):** Enable this option to show pagination dots that indicate the number of slides and current position.

    * **Autoplay:** Turn ON to allow the slider to automatically move through products without user interaction.

    * **Autoplay Speed (ms):** Set the time interval (in milliseconds) between each slide transition during autoplay.

    * **Slides to Scroll:** Define the number of product slides that move at a time when navigating the slider.

    <Info>
      Make sure to enter the Similar Product Widget ID in the Widget ID field on the PDP page to ensure the Similar Products widget displays correctly.
    </Info>

    <img src="https://mintcdn.com/experro/hT4c11DxPL1gRWmf/images/plug_and_play/shopify_integration/shopify_integration_9.png?fit=max&auto=format&n=hT4c11DxPL1gRWmf&q=85&s=0c21e72cbae94334f171dd7b8bf5f19f" alt="" width="1920" height="890" data-path="images/plug_and_play/shopify_integration/shopify_integration_9.png" />
  </Step>

  <Step title="Save Your Theme Settings">
    * Click **Save** at the top right to persist your changes in Shopify.
  </Step>
</Steps>

By following these steps, you’ll have a fully configured, **Experro Recommendation Widget** integrated into your Shopify storefront enabling personalized product suggestions and an enhanced shopping experience.