Vitals automatic widget placement

Vitals helps merchants move fast and save time.

To achieve this philosophy, we provide industry standard quality default values for all app settings and a number of default translations for top 90% languages. This means that most of our apps are 1-2 clicks away from being fully operational and drive profit. 

1. AUTOMATIC PLACEMENT

In addition to the default values, we also attempt to automatically place the widgets on page, in their most suitable position, according to the module at hand. Even though we managed to build and grow a powerful system to inject our snippets in the right place, appropriately to your theme, it is impossible to achieve an exhaustive and flawless system, given the tens of thousands of possible combinations of themes and theme versions. With this limitation in mind, we also have support for manual ways to place the widgets on the page.

2. NATIVE SHOPIFY THEME EDITOR PLACEMENT

If your store's theme is OS 2.0 Compatible (almost all Shopify themes from the Shopify theme store are compatible with this), we're glad to let you know that our Vitals apps can be inserted normally using your store theme's own editor! 

For more information, you may refer to this Help Center article: Using the Shopify Theme Editor to change Vitals app locations or read the Shopify official documentation.

3. VITALS EDITOR

Keeping to our promise that no coding is required to use and customize the Vitals apps, we offer a simple yet intuitive custom Editor with which you can easily move any apps on your product page. Read full article

4. HTML SNIPPET

If you want to display this app in a specific spot and you have a minimum level of experience with HTML, you can precisely place it using a HTML snippet.

To do this, simply copy the snippet below and place it in your theme files, following Shopify's instructions:
<div id="bundle-product_reviews"></div>
Please note that if you add this HTML snippet to your theme files, the Vitals Editor cannot be used to re-position the same element.

5. PAGE BUILDERS

If you use a page builder such as PageFly or eComposer, you can adjust the placement of this module directly in their editor.

6. À LA CARTE PLACEMENT

If none of the self-service options works for you, our support team is happy to help at any time, with our 24/7 support.
Is this resource helpful? Thanks for the feedback There was a problem submitting your feedback. Please try again later.