HTML Instagram Chat

Add the Instagram Chat widget to any website with HTML

Allow visitors to message you directly via Instagram. One script tag and one element. No build step, no framework, no dependencies.

Get started free How it works

Live demo — try it

Sample content — yours appears as soon as you configure it.

Setup

How to add Instagram Chat to your page

Three steps, a few minutes.

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
Add Instagram Chat 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 where the widget should appear
Put the element where you want the widget and the script tag once per page. Publish and reload.

your-page.html

<!-- 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="instagram-chat"
     data-menv-key="YOUR_API_KEY"
     data-menv-instance="YOUR_INSTANCE_ID"></div>

Good to know

Instagram Chat on your site: what to expect

This widget floats in a corner of the screen, so the element can go anywhere in the page, for instance just before </body>.
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>.

FAQ

Instagram Chat for HTML: frequently asked questions

Does Instagram Chat 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.

Is Instagram Chat free?

Yes. Instagram Chat is included in every plan, the Free one too: three live widgets and 1,000 views a month, with a small "Powered by myNaturevista" mark. Paid plans remove the mark and raise the limits.

Other platforms