Get Started
Integrations

Add widgets to any website with HTML

One script tag and one element. No build step, no framework, no dependencies.

Get started free How it works

If you can edit a page's HTML, or your site builder has an "embed code" block, you can add the widget. The loader is a single script; each widget is one element with three attributes.

Several widgets on a page share the loader, so a second widget is one more element. Widgets inserted later by JavaScript, as single-page apps and visual builders do, are picked up automatically.

Setup

How to add a widget to HTML

Three steps, a few minutes.

  1. 1

    Create a free account with your site's domain

    The widget renders only on the domain you register, so nobody else can use your key.

  2. 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. 3

    Paste it where the widget should appear

    Put the element where you want the widget and the script tag once per page. Publish and reload.

embed code 
<!-- 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>
Good to know

HTML: what to expect

  • The page must be served from the registered domain. Opened as a local file, or from another domain, the widget stays empty.
  • In React, Vue or Svelte, render the element as it is and load the script once: the loader watches the page for widgets added later.
  • There is also a custom element, for builders that ask for one: <menv-widget widget="…" key="…" instance="…"></menv-widget>.
Widgets

Widgets for HTML

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 HTML

Weather

Current conditions and 7-day forecast for any location.

Weather for HTML

Moon Phase

Real-time moon phase display with illumination percentage.

Moon Phase for HTML

Sunrise & Sunset

Daily sunrise, sunset and golden hour times for any location.

Sunrise & Sunset for HTML

Air Quality

Real-time AQI and pollution index for any city.

Air Quality for HTML

Countdown Timer

Customizable countdown to any date with themes and messages.

Countdown Timer for HTML

Calculator

Clean embeddable calculator with multiple modes.

Calculator for HTML

FAQ / Accordion

Collapsible FAQ section with fully custom Q&A pairs.

FAQ / Accordion for HTML

Testimonials

Showcase customer reviews and testimonials with star ratings.

Testimonials for HTML

Button

Create custom buttons that drive clicks and actions.

Button for HTML

Click to Call

Let users call you instantly with a single tap.

Click to Call for HTML

Number Counter

Boast your achievements and impressive numbers to your users.

Number Counter for HTML

Banner

Promote offers and discounts through engaging banners.

Banner for HTML

PDF Embed

Embed PDF files for convenient viewing and downloading.

PDF Embed for HTML

Social Media Icons

Add social icons to link users to your profiles easily.

Social Media Icons for HTML

Background Music

Play ambient background music automatically.

Background Music for HTML

File Embed

Let users view and download any kind of file.

File Embed for HTML

WhatsApp Chat

Connect with customers via WhatsApp for quick support.

WhatsApp Chat for HTML

Logo Showcase

Showcase logos of your clients, partners, and vendors.

Logo Showcase for HTML

Photo Gallery

Present your photos and images in a stylish gallery.

Photo Gallery for HTML

Team Showcase

Present your team with photos, roles, and short bios.

Team Showcase for HTML

Audio Player

Share your audio and music with seamless playback.

Audio Player for HTML

Telegram Chat

Let visitors reach you instantly through Telegram messages.

Telegram Chat for HTML

Viber Chat

Let users message you on Viber directly from your website.

Viber Chat for HTML

Line Chat

Let users contact you easily via Line for quick communication.

Line Chat for HTML

Instagram Chat

Allow visitors to message you directly via Instagram.

Instagram Chat for HTML

Radio Player

Stream live radio stations directly on your website.

Radio Player for HTML

Slider

Create stunning sliders and carousels to showcase your offers.

Slider for HTML

Portfolio

Create expressive portfolios to present your work and projects.

Portfolio for HTML

QR Code

Generate a scannable QR code for a link, text or contact info.

QR Code for HTML

Google Maps

Show your location on an interactive Google Map.

Google Maps for HTML

Before and After Slider

Showcase transformations with a draggable before/after image comparison.

Before and After Slider for HTML

Pricing Table

Display your pricing plans in a clean, comparable table.

Pricing Table for HTML

Restaurant Menu

Display your restaurant's dishes, categories and prices.

Restaurant Menu for HTML

Timeline

Present your milestones and history as a visual timeline.

Timeline for HTML

Podcast Player

Share your podcast episodes with a clean playable list.

Podcast Player for HTML

Blog

Showcase your latest blog posts or articles as clickable cards.

Blog for HTML

All-in-One Chat

Combine WhatsApp, Telegram, Viber, Line and Instagram into a single chat button.

All-in-One Chat for HTML
FAQ

HTML: frequently asked questions

Does a widget need jQuery or another library?

No. The loader is plain JavaScript with no dependencies, and the widget runs in its own frame.

Can I restyle it with my own CSS?

The widget is isolated in a frame so that page styles cannot break it. Its look — colours, layout, texts — is set in your dashboard.

Does it work in a single-page app?

Yes. Widgets added to the page after it loads are found automatically, so client-side routing is not a problem.

Can I test it on localhost?

Yes. On a local address the widget shows with a "Test mode" mark and its views are not counted.

Other platforms

Using something else?

WordPress Shopify Wix AI assistants

Ready to add your first widget to HTML?

Free plan: three live widgets, 1,000 views a month, no card needed.

Create your free account