How to Move Vitals Apps Around Your Shopify Store Pages

At Vitals, we help merchants save time by offering easy-to-use tools and customizable options to fit your store's design.

This guide will walk you through different ways to move Vitals apps on your Shopify store pages, whether through automatic placement, manual settings, or advanced customization.

Why Choose Vitals?

Vitals apps are built with efficiency in mind, offering:

  • Industry-standard settings: Preconfigured defaults for quick activation.
  • Multi-language support: Default translations for the top 90% of global languages.

Most Vitals apps are ready to use with just 1–2 clicks, helping you enhance your store and boost profits effortlessly.


How to Move Vitals Apps

1. Automatic Placement

Vitals automatically places app widgets in optimal locations on your store’s pages based on your theme.

  • Widgets are injected directly into suitable spots, like below the Add to Cart button or near the product description.
  • While this system is highly effective, it may not cover every possible theme or version.

If the automatic placement doesn’t meet your needs, you can customize the app location using the following methods.

2. Adjusting App Placement via Settings (for apps on the Product page only)

You can quickly reposition an app on your product page through the Vitals dashboard:

  1. Open the specific app’s settings.
  2. Navigate to the Position section.

  1. Use the Automatic Placement options to move the app to common locations such as:
    • Below the Add-to-Cart button.
    • Below the product description.
    • Above the store footer.

3. Using the Shopify Theme Editor

If your store uses an OS 2.0-compatible theme (most Shopify themes are compatible), you can customize app placement through Shopify’s Theme Editor:

  1. Open the Shopify Theme Editor from your admin panel.
  2. Drag and drop Vitals apps into your preferred positions.
  3. Save changes, and your updates will instantly reflect on your store.

For step-by-step guidance, check out our article: Using the Shopify Theme Editor to Move Vitals Apps.

👉 Looking to insert/move Vitals apps on the Homepage in a non-OS 2.0 theme? If your store uses a non-OS 2.0 theme and you are looking to insert your Vitals apps on the homepage, you can use the available advanced placement options by following this guide: Changing a Vitals App’s Location on the Homepage for Non-OS 2.0 Themes

4. Using HTML Snippets for Precise Placement

For advanced users with some HTML knowledge, you can manually insert Vitals apps using HTML snippets:

  1. Copy the provided HTML snippet for your app.

    Example:

Copy code

<div id="bundle-product_reviews"></div>
  1. Paste the snippet into your theme files at the desired location.

For a complete list of HTML snippets, visit: Looking for the HTML snippet of a Vitals app?

5. Customizing Apps in Page Builders

If you use third-party page builders like PageFly or eComposer, you can:

  • Place Vitals apps using the page builder’s drag-and-drop interface.
  • Add apps through a custom HTML element if they’re not pre-integrated.

💡 Note: Each page builder may handle custom HTML differently. Refer to your page builder’s documentation for detailed instructions.

6. Need Help? Contact Support

If none of these options work for you, our 24/7 support team is always here to assist! Reach out to us anytime for personalized guidance.

By following these steps, you can ensure that Vitals apps are perfectly placed to maximize your store’s design and functionality.

Is this resource helpful? Thanks for the feedback There was a problem submitting your feedback. Please try again later.