Add widgets to your Shopify store
Paste one snippet in a Custom Liquid section from the theme editor. Your theme files stay untouched.
Online Store 2.0 themes have a Custom Liquid section that accepts HTML. Add it where the widget should appear, paste the embed code, and save: there is no need to open the theme's code.
The widget is designed in your myNaturevista dashboard and loads in its own frame, so it keeps working when you change or update your theme.
How to add a widget to Shopify
Three steps, a few minutes.
-
1
Create a free account with your store's domain
Use the domain your customers see: your own domain if you connected one, or yourstore.myshopify.com.
-
2
Add a widget and copy its code
Pick it in the Widget Gallery, set it up with the live preview, and copy the embed code.
-
3
Paste it in a Custom Liquid section
In Online Store → Themes → Customize, open the page or template, choose Add section → Custom Liquid, paste the code and save.
<!-- 1. Load the myNaturevista loader once per page -->
<script src="https://mynaturevista.com/w.js"></script>
<!-- 2. Place the widget wherever it should appear -->
<div data-menv-widget="WIDGET_ID"
data-menv-key="YOUR_API_KEY"
data-menv-instance="YOUR_INSTANCE_ID"></div>
Shopify: what to expect
- Register the domain customers actually land on. A store that redirects yourstore.myshopify.com to its own domain needs only its own domain.
- Inside a product template the section shows on every product. For one product, create a separate template and assign it.
Widgets for Shopify
Each one has its own guide, with a live demo and its code.
Nature Explorer
Interactive nature and travel widget with countries, places and maps.
Nature Explorer for ShopifyWeather
Current conditions and 7-day forecast for any location.
Weather for ShopifyMoon Phase
Real-time moon phase display with illumination percentage.
Moon Phase for ShopifySunrise & Sunset
Daily sunrise, sunset and golden hour times for any location.
Sunrise & Sunset for ShopifyAir Quality
Real-time AQI and pollution index for any city.
Air Quality for ShopifyCountdown Timer
Customizable countdown to any date with themes and messages.
Countdown Timer for ShopifyCalculator
Clean embeddable calculator with multiple modes.
Calculator for ShopifyFAQ / Accordion
Collapsible FAQ section with fully custom Q&A pairs.
FAQ / Accordion for ShopifyTestimonials
Showcase customer reviews and testimonials with star ratings.
Testimonials for ShopifyButton
Create custom buttons that drive clicks and actions.
Button for ShopifyClick to Call
Let users call you instantly with a single tap.
Click to Call for ShopifyNumber Counter
Boast your achievements and impressive numbers to your users.
Number Counter for ShopifyBanner
Promote offers and discounts through engaging banners.
Banner for ShopifyPDF Embed
Embed PDF files for convenient viewing and downloading.
PDF Embed for ShopifySocial Media Icons
Add social icons to link users to your profiles easily.
Social Media Icons for ShopifyBackground Music
Play ambient background music automatically.
Background Music for ShopifyFile Embed
Let users view and download any kind of file.
File Embed for ShopifyWhatsApp Chat
Connect with customers via WhatsApp for quick support.
WhatsApp Chat for ShopifyLogo Showcase
Showcase logos of your clients, partners, and vendors.
Logo Showcase for ShopifyPhoto Gallery
Present your photos and images in a stylish gallery.
Photo Gallery for ShopifyTeam Showcase
Present your team with photos, roles, and short bios.
Team Showcase for ShopifyAudio Player
Share your audio and music with seamless playback.
Audio Player for ShopifyTelegram Chat
Let visitors reach you instantly through Telegram messages.
Telegram Chat for ShopifyViber Chat
Let users message you on Viber directly from your website.
Viber Chat for ShopifyLine Chat
Let users contact you easily via Line for quick communication.
Line Chat for ShopifyInstagram Chat
Allow visitors to message you directly via Instagram.
Instagram Chat for ShopifyRadio Player
Stream live radio stations directly on your website.
Radio Player for ShopifySlider
Create stunning sliders and carousels to showcase your offers.
Slider for ShopifyPortfolio
Create expressive portfolios to present your work and projects.
Portfolio for ShopifyQR Code
Generate a scannable QR code for a link, text or contact info.
QR Code for ShopifyGoogle Maps
Show your location on an interactive Google Map.
Google Maps for ShopifyBefore and After Slider
Showcase transformations with a draggable before/after image comparison.
Before and After Slider for ShopifyPricing Table
Display your pricing plans in a clean, comparable table.
Pricing Table for ShopifyRestaurant Menu
Display your restaurant's dishes, categories and prices.
Restaurant Menu for ShopifyTimeline
Present your milestones and history as a visual timeline.
Timeline for ShopifyPodcast Player
Share your podcast episodes with a clean playable list.
Podcast Player for ShopifyBlog
Showcase your latest blog posts or articles as clickable cards.
Blog for ShopifyAll-in-One Chat
Combine WhatsApp, Telegram, Viber, Line and Instagram into a single chat button.
All-in-One Chat for ShopifyShopify: frequently asked questions
Do I need an app to add a widget to Shopify?
No. A Custom Liquid section in the theme editor takes the embed code. There is no app to install and no monthly app fee on your Shopify bill.
Will it survive a theme change?
The widget itself lives in your myNaturevista account. After switching themes, add the Custom Liquid section again and paste the same code.
My theme has no Custom Liquid section. What now?
Vintage themes do not have it. Use a "Custom HTML" or "Custom content" section if your theme offers one, or move to an Online Store 2.0 theme.
Does it slow down my store?
The widget loads lazily in its own frame after your page, so it does not delay your store's content.
Using something else?
Ready to add your first widget to Shopify?
Free plan: three live widgets, 1,000 views a month, no card needed.
