Widebundle

  • Updated

Bundling products together can be a great way to provide value for your customers while simplifying the choices they need to make in their purchasing journey. Widebundle allows merchants to create bundle products with simplified option selectors, enabling a user to add multiple products to their cart with a single click.

 

How to use Widebundle with Replo

  1. Before you get started, make sure that you have Widebundle setup for your Shopify Store with at least 1 bundle offering live and the Widebundle script enabled in your Shopify Theme.
  2. In order to use the Widebundle widget with Replo, you will need to have a product component configured with an existing variant selector component and an add-to-cart button. Keep in mind that the Widebundle widget is meant to hide and replace the variant selector component and add-to-cart button, so when the widget loads those components will be hidden from view.
  3. Go to the component sidebar and search for "Custom Code", then drag the custom code component into the spot where you would like the widget to load inside of your product component.
    Screenshot 2024-04-29 at 8.52.27 PM.png
  4. In the config tab of the custom code component, click "launch code editor" and add the following code:
    <widebundle-module></widebundle-module>
  5. Save your code update, then go ahead and publish your Product Template. Go to the published page to verify that the Widebundle widget is appearing correctly. If you encounter any issues, please look through the troubleshooting tips below.

 

Troubleshooting

  • Please note that the Widebundle widget will only render on Product Templates.
  • Check to make sure that you have a bundle offer configured in the Widebundle app, and that the corresponding product is the exact product assigned to the Product Template you are using in Replo.
  • Ensure that you have Widebundle enabled under "app embeds" in your Shopify Theme.
  • Confirm that you have a product component with a variant selector component and an add-to-cart button, which has been configured using dynamic data in the add-to-cart interaction with the user's selected variant and quantity.
  • If you are still encountering any issues, please reach out to support@replo.app

Was this article helpful?