Button Widget — Add It to Your Website

Overview

What Button does

Button is an embeddable widget you drop into any website with a single snippet of code. Create custom buttons that drive clicks and actions. It runs in its own isolated frame, so it can never clash with your site's own styles or scripts, and it resizes itself to fit wherever you place it.

Button keeps itself up to date: once the snippet is on your page, everything it displays is driven from your myNaturevista dashboard. Change a setting there and your live site reflects it straight away, without editing a single line of code again.

You control how it looks and behaves from 12 settings — button text, link url, open in a new tab, design and more. Pick the options that match your brand, save, and the change is live.

Like every widget in the myNaturevista tools & utilities collection, Button is built to be fast and unobtrusive: it loads asynchronously so it never blocks your page, works on phones and desktops alike, and can be added to as many of your pages as you want.

Features

What you get

12 animated, ready-made designs — or a classic button in your brand colour.
Bring your own: tweak any design in the button editor and send it to your widget in one click.
Change the text, link, size and alignment from your dashboard — no coding required.
Works on any website — just paste one embed code.
Lightweight and fast-loading — won't slow down your site.

Setup

How to add Button to your site

Three steps, about two minutes, no build tools.

1

Add the loader once

Paste a single <script> tag before your closing </body> tag. One loader powers every myNaturevista widget on the page, so you only ever add it once.
2

Place the widget

Drop a small <div> wherever Button should appear — inside a column, a section, a sidebar, anywhere. It takes the width it is given and sets its own height.
3

Configure it in the dashboard

Choose the theme and options that suit your site from the dashboard. Button picks them up on the next page load.

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

Options

What you can configure

Everything below is set from your dashboard — never in your website's code.

Settings available for Button
Option	Type	Values	Default
Button textShort labels (one to three words) fit the animated designs best.	text	—	Click here
Link URL	link	—	—
Open in a new tab	on / off	Yes / No	true
DesignSee every design live in the button gallery — you can also send one here from there, or from the editor.	choice	Classic (your colour) · Slice Fill · 3D Stack · Press Effect · Offset Shadow · Neon Outline · Arrow Pill · Soft Pill · Rainbow Glow · Gradient Border · Glossy Gradient · Drawer Reveal · Halo · Custom (your own HTML + CSS)	classic
Style	choice	Solid · Outline	solid
Button color	colour	—	#00b894
Top drawer text	text	—	Let's
Bottom drawer text	text	—	go!
Custom HTMLWrite {{label}} where the button text goes. Scripts and event attributes are removed; the whole button opens your link.	textarea	—	—
Custom CSS	textarea	—	—
Size	choice	Small · Medium · Large	medium
Alignment	choice	Left · Center · Right	left

Use cases

Who uses Button

A page that lets someone actually do something converts better than a page that only tells them about it. Useful beats persuasive.

Landing pages

Give visitors something useful to do on the page instead of only something to read.

Small businesses

Answer the practical question customers came for, right where they are.

Agencies

Ship the same tested widget across every client site instead of rebuilding it each time.

Content sites

Add an interactive element to long articles to lift time on page.

FAQ

Button — frequently asked questions

How do I add the Button widget to my website?

Add the myNaturevista loader script once before your closing </body> tag, then place a <div> with your widget id, API key and instance id wherever Button should appear. That is the whole installation — it works on any platform that lets you paste HTML, including WordPress, Shopify, Squarespace, Webflow and hand-written sites.

Do I need to know how to code to use Button?

No. If you can paste a snippet of HTML into your site once, you are done. Everything after that — settings, content and styling — is handled from your myNaturevista dashboard, with no further code changes.

Can I customise how Button looks?

Yes. Button exposes 12 settings: button text, link url, open in a new tab, design, style, button color, top drawer text, bottom drawer text, custom html, custom css, size, alignment. Change them in the dashboard and your live site picks the new values up on the next page load.

Does Button work on mobile?

Yes. Button is responsive: it takes the width of the container you place it in and adjusts its layout and height for phones, tablets and desktops.

Will Button slow down my website?

No. The loader is asynchronous, so it never blocks your page from rendering, and the widget itself runs in an isolated frame that loads separately from your own content.

Can I use Button on more than one website?

Yes. Each website you own gets its own API key and its own configuration, so the same widget can show different settings and content on each domain.

Which plans include Button?

Button is available on the following plans: Free, Starter, Business, Enterprise. You can change plan at any time from your dashboard.

More widgets