Using the Shopify Theme Editor to change Vitals app locations

With the release of Shopify Online Store 2.0 (OS 2.0), it’s now easier than ever to control the placement of your Vitals apps—no coding required!

If your Shopify theme is OS 2.0-compatible, you can use the Shopify Theme Editor to insert, reposition, or remove most Vitals apps for a fully customized storefront experience.

✅ Why Use the Shopify Theme Editor?

Drag-and-drop app placement
Customize Vitals apps directly within your theme layout
No code edits or developer help required
Works with all OS 2.0 themes, like Dawn

💡 Note: If a Vitals app is active and appears in your theme editor automatically, that’s just its default location. To customize its placement, you must first insert it manually as a block or section.

🛠 How to Insert Vitals Apps Using Shopify Theme Editor

Here’s how to add Vitals apps to your theme using the Dawn theme (or any OS 2.0-compatible theme):

Step-by-Step:

Go to Shopify Admin → Online Store → Themes
Find your published theme and click Customize
Once inside the Theme Editor, you can insert Vitals apps in two ways:

Option A: Add as a Block (+ symbol)

Click on any section in the layout
Select Add Block (+ symbol)
Search for your Vitals app (e.g., "Vitals Wishlist") and select it

Option B: Add as a Section

Click Add Section
Look for a section called Apps
Search for and select your Vitals app

After inserting the app, you can drag and drop it to any supported location

💡 Want to edit product page layouts? You can add even more Vitals apps by switching to the Product Page Template in the Theme Editor.

❓ Frequently Asked Questions

Q: How do I remove a Vitals app from my theme?

You can remove a Vitals app from the Theme Editor just like any other app block or section:

Open the Shopify Theme Editor
Click on the app's block or section
Click Remove Block or Remove Section

🔗 Shopify Help: Removing Sections in the Theme Editor

Q: Why is a Vitals app visible on my live store but not in the Theme Editor?

This usually happens when a Vitals app was enabled before being added via the Theme Editor. Our apps immediately load in their default positions on the live store, but they don’t automatically appear as blocks inside your editor.

👉 Solution: Insert the app manually in the Theme Editor using the steps above to gain full placement control.

Q: How do I hide Vitals apps in the Theme Editor if I’m not ready to use them?

If you’re not ready to customize a Vitals app:

Open the Vitals app from your Shopify admin
Disable the specific module you don’t want visible
This will remove it from both your storefront and Theme Editor

💡 Final Tip

Not sure if your theme is OS 2.0-compatible? Check your theme provider’s Help Center or Shopify’s documentation to confirm before customizing Vitals apps.

🚀 Build a Seamless Shopping Experience

With full control of Vitals app placement through the Shopify Theme Editor, you're just a few clicks away from crafting a storefront that’s both optimized and uniquely yours. Customize with confidence and deliver a seamless experience to every shopper!