How to place the app widget in a different location

The widget is placed automatically after installation in a safe location. 

The automatic placement algorithm supports all free themes and some paid themes and it is capable of selecting an adequate position to make the widget relevant to your visitors.

However, for unsupported themes, the widget is placed at the bottom of the page for safety and convenience reasons.

If you prefer, you can also go to the  location section, on the app preferences, to move the widget to another place in the template:

There you can select if you wish to change the widget location on the product page or the cart page:

On the product page, we have some predefined locations for the supported themes, the most used in Shopify:

Similar on the cart page:

If you want to move the widget to another custom location, or your theme is one of the non-supported themes, don't worry, the widget can be displayed easily in the required place using the button Custom location, with a selector on the same section Widget Location:

You can set a jQuery or CSS selector for the HTML element in your template where you want to place the widget and type that selector in the 'Widget location selector' field.

Once an appropriate selector is assigned into the field, it is also possible to choose the placement of the widget such as after or before the selected element and as the    child or first child of the selected element, in the Widget placement field

It is also possible to choose a different location for the widget on desktop and mobile devices. Simply click on the option that says   Use a different location for mobile.

If you need our assistance in relocating the widget, you can always contact us and we would be more than glad to help.