Looking for the HTML snippet of a Vitals app?
If you are looking to place a Vitals app on a specific spot, and you have a sufficient level of HTML/Theme coding experience, you can place a Vitals app on an eligible page via its HTML snippet.
This is also highly useful for pages created with Page Builders (such as GemPages, PageFly, Shogun, EComposer, etc), as the pages are highly customized and do not follow the standard layout of Shopify pages (more information here: Themes and Page Builder support)
Below is a list of the available HTML snippets and on what page types they work. But you can also see an app's HTML snippet by going to that app's settings, within the Placement section:
| App | HTML Snippet | Works on the following pages |
| Product Bundle (part of the Upsell Builder app) | <div id="bundle-product-bundles"></div> | Product page |
| Volume Discount (part of the Upsell Builder app) | <div id="bundle-volume-discounts"></div> | Product page |
| Buy X Get Y (part of the Upsell Builder app) | <div id="vitals-upsell-builder-bogo"></div> | Product page |
| Countdown Timer app | <div id="bundle-countdown_box"></div> | Product Page |
| Trust Seals and Badges app | <div id="bundle-trust_badges"></div> | Home Page, Product Page, Cart Page |
| Payment Logos app | <div id="bundle-payment_logos"></div> | Home Page, Product Page, Cart Page |
| Product Reviews app (Main Reviews section) | <div id="bundle-product_reviews"></div> | Home Page*, Product Page, Cart Page* |
| Product Reviews app (Review Snippets Under Product Title) | <div id="vital_reviews_under_title"></div> | Product Page |
| Product Reviews app Reviews Carousel | <div id="bundle-product_reviews_carousel"></div> | Any Page except Checkout |
| Shipping Information app | <div id="vitals-shipping-box"></div> | Product Page |
| Stock Scarcity app | <div id="vitals-stock-urgency"></div> | Product Page |
| Currency Converter | <div id="vitals-currency_converter"></div> |
All Pages |
| Related Products | <div id="bundle-related-products"></div> | Product Pages |
| Recently Viewed | <div id="vitals-recently_viewed-container"></div> | Home Page, Product Page, Cart Page |
| Cart Notice | <div id="cart_reserved-box"></div> | Cart Page |
| Shoppable Instagram Feed | <div id="vitals-instagram-feed"></div> | Home Page, Product Page, Cart Page |
| Size Chart | <div id="vitals-size_chart"></div> | Product Page |
| Wishlist | <div id="vitals-wishlist"></div> | Product Page |
| Back In Stock | <div id="vitals-back_in_stock"></div> | Product Page |
*If the Product Reviews app is placed on non-product pages (like the homepage), the Featured Reviews will be displayed. More information here.