Bundler provides a shortcode that you can use on your sales pages built with different page builders like Elementor, Divi or even Gutenberg.

Using the shortcode has to be done in 2 steps:

1. Add the shortcode to your page: by pasting it into a text block. The shortcode structure is as the following: [bundler_widget product=”PRODUCT_ID” template=”YOUR_TEMPLATE” hide_default_form=”yes/no” cart_redirect=’on/off’ checkout_redirect=’on/off’ ]

There are 5 parameters to take into account:

• product: this is the ID of the product you want to display the widget for. This parameter is mandatory and if no product id is added or if the product id doesn’t exist, the widget won’t show.
• template: can be “booster”, “classic” or “vertical”. By default, “classic” is used.
• hide_default_form: this parameter allows you to hide the standard variation form and display the Bundler widget instead. It is recommended to always set its value to ‘yes’ which is the default value.
• cart_redirect: set this parameter to “on” (by default it is “off”) if you want to redirect the client to the cart page after a successful add to cart. Please note that this parameter has a higher priority than the cart_redirect parameter available in the plugin’s settings section. Which means, if this parameter enabled, the client will be redirected to the cart page even if the other parameter is off.
• checkout_redirect: set this parameter to “on” if you want the client to be redirected to the checkout page after a successful add to cart. Please note that if both checkout_redirect and cart_redirect are enabled, the checkout_redirect will have a higher priority and so the client will be directed to the checkout page. Please note that the default value for this parameter is “off”.

Example of using the shortcode in Elementor:

2. Add an Add to cart button to your page

For the widget to work, you have to add a button to your page and add the following class to that button: single_add_to_cart_button

For example, in Elementor you can do it like that:

Click on publish.

Now you can preview your page and test if the widget is working:

Please note that you can easily customize the design of your widget and the button using css to adapt it to the design of your sales page.