Photo Gallery Widget — Add It to Your Website

Overview

What Photo Gallery does

Photo Gallery is an embeddable widget you drop into any website with a single snippet of code. Present your photos and images in a stylish gallery. 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.

The photos shown in Photo Gallery are managed from your myNaturevista dashboard — add, reorder or remove them whenever you like and the widget updates on your live site immediately. No redeploy, no developer, no touching your website's code a second time.

You control how it looks and behaves from 84 settings — show a header above the gallery, badge, badge icon, title and more. Pick the options that match your brand, save, and the change is live.

Like every widget in the myNaturevista business & engagement collection, Photo Gallery 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

Add as many photos as you want, right from your dashboard.
Light or dark theme to match your site's design.
Professionally designed to build trust with your visitors.

Setup

How to add Photo Gallery 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 Photo Gallery should appear — inside a column, a section, a sidebar, anywhere. It takes the width it is given and sets its own height.
3

Add your photos

Add the photos this gallery shows. Everything except the image itself is optional. They appear in Photo Gallery in the order you set, and you can change them at any time.

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="photo-gallery"
     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 Photo Gallery
Option	Type	Values	Default
Show a header above the gallery	on / off	Yes / No	false
Badge	text	—	—
Badge iconA single emoji.	text	—	—
Title	text	—	—
Subtitle	text	—	—
Description	textarea	—	—
Alignment	choice	Left · Center	center
Button label	text	—	—
Button link	link	—	—
Show category filtersBuilt automatically from the Category field of your photos.	on / off	Yes / No	true
"All" filter label	text	—	All
Filter style	choice	Pills · Underline · Minimal	pills
Show search boxSearches title, description, tags, category, author and location.	on / off	Yes / No	false
Search placeholder	text	—	Search photos…
Show "showing X of Y" counter	on / off	Yes / No	false
Order	choice	As added (manual) · Newest date first · Oldest date first · Title A–Z · Random on each visit	manual
Always put featured photos first	on / off	Yes / No	false
Layout	choice	Grid — equal tiles · Masonry — Pinterest style · Masonry horizontal — variable rows · Columns — balanced · Justified — Flickr style · Mosaic — big + small blocks · Slider — one at a time · Carousel — several visible · Infinite marquee — always moving · Filmstrip — main + thumbnails · Hero — feature image + grid · Fullscreen — edge to edge	grid
Columns (desktop)	number	1 to 8	3
Gap between photos (px)	number	0 to 64	16
Row height (px)Sets the row height for Justified and horizontal Masonry, and the block size for Mosaic.	number	120 to 600	240
Tile shape	choice	Follow each image · Square · Landscape 4:3 · Photo 3:2 · Wide 16:9 · Portrait 3:4 · Tall 2:3	4/3
Image fit	choice	Cover — fill the tile · Contain — show it whole	cover
Max width (px)0 for full width.	number	320 to 2400	1200
Outer padding (px)	number	0 to 80	8
Theme	choice	Light · Dark · Follow visitor's system	light
Accent colour	colour	—	#00b894
Background	choice	Transparent · Solid · Gradient · Frosted glass	transparent
Corner radius (px)	number	0 to 40	12
Shadow	choice	None · Soft · Medium · Strong	soft
Show a border around each photo	on / off	Yes / No	false
Hover effect	choice	None · Zoom · Blur · Dark overlay · Gradient overlay · Glass · Lift · Glow · Rotate · 3D tilt · Parallax · Reveal	zoom
Where captions go	choice	Over the photo, on hover · Over the photo, always · Below the photo · No captions	overlay-hover
Title	on / off	Yes / No	true
Description	on / off	Yes / No	false
Category	on / off	Yes / No	false
Tags	on / off	Yes / No	false
Date	on / off	Yes / No	false
Author	on / off	Yes / No	false
Location	on / off	Yes / No	false
Rating stars	on / off	Yes / No	false
Link buttonShown when the photo has a link.	on / off	Yes / No	false
Magnifier icon on hover	on / off	Yes / No	true
Badge for featured photos	text	—	Featured
Open photos in a lightbox	on / off	Yes / No	true
Zoom and pan	on / off	Yes / No	true
Thumbnail strip	on / off	Yes / No	true
Counter (3 / 24)	on / off	Yes / No	true
Info panel (author, date, location, tags)	on / off	Yes / No	true
Fullscreen button	on / off	Yes / No	true
Download button	on / off	Yes / No	false
Share button	on / off	Yes / No	false
Copy-link button	on / off	Yes / No	false
Slideshow play button	on / off	Yes / No	true
Slideshow delay (ms)	number	1000 to 20000	4000
Auto-advance sliders and carousels	on / off	Yes / No	false
Delay between slides (ms)	number	1000 to 20000	5000
Pause on hover	on / off	Yes / No	true
Loop back to the start	on / off	Yes / No	true
Run backwards	on / off	Yes / No	false
Transition speed (ms)	number	100 to 2000	450
Marquee speed (seconds per loop)	number	5 to 120	40
Entrance animation	choice	None · Fade · Scale · Slide up · Slide down · Reveal · Flip · Rotate	fade
Feel of the entrance	choice	Smooth · Spring — overshoots slightly · Linear	smooth
Stagger between photos (ms)	number	0 to 300	60
Animate as photos scroll into view	on / off	Yes / No	true
Columns on tablet	number	1 to 6	2
Columns on mobile	number	1 to 4	1
Gap on mobile (px)	number	0 to 40	10
Tile shape on mobile	choice	Same as desktop · Square · Landscape 4:3 · Portrait 3:4 · Wide 16:9	inherit
Layout on mobileComplex layouts rarely survive a phone screen — swap to something simpler here.	choice	Same as desktop · Grid · Masonry · Slider · Carousel	inherit
Captions on mobileThere is no hover on touch devices.	choice	Same as desktop · Always over the photo · Below the photo · Hidden	inherit
Hover effect on mobile	choice	Off (recommended) · Same as desktop	none
Skip animations on mobile	on / off	Yes / No	false
Lazy-load images	on / off	Yes / No	true
Photos before "Load more"0 shows them all at once.	number	0 to 500	0
"Load more" label	text	—	Load more
Add SEO structured data (JSON-LD)	on / off	Yes / No	true
Keyboard navigation	on / off	Yes / No	true
Swipe and drag	on / off	Yes / No	true
Mouse wheel moves sliders	on / off	Yes / No	false
Arrows on sliders	on / off	Yes / No	true
Dots on sliders	on / off	Yes / No	true
Discourage right-click savingA deterrent, not real protection — anyone can still get the file.	on / off	Yes / No	false

Fields for each item under Photos
Field	Type	Required
Photo	image	Yes
Title	text	Optional
Description	textarea	Optional
Alt text	text	Optional
Category	text	Optional
Tags	tags	Optional
Location	text	Optional
Author or credit	text	Optional
Date	date	Optional
Rating (0–5)	number	Optional
Link	link	Optional
Link button label	text	Optional
Feature this photo	on / off	Optional
Tile shape for this photo	choice	Optional

Use cases

Who uses Photo Gallery

Most visitors decide within seconds. Social proof, clear offers and an easy way to get in touch are what turn that first look into a customer.

Online stores

Build the confidence a visitor needs before they add to cart.

Local businesses

Show what you offer clearly, on the page people actually land on.

SaaS & services

Turn a marketing page into something that converts instead of just informs.

Freelancers

Present your work professionally without building a custom component for it.

FAQ

Photo Gallery — frequently asked questions

How do I add the Photo Gallery 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 Photo Gallery 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 Photo Gallery?

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 Photo Gallery looks?

Yes. Photo Gallery exposes 84 settings: show a header above the gallery, badge, badge icon, title, subtitle, description, alignment, button label, button link, show category filters, "all" filter label, filter style, show search box, search placeholder, show "showing x of y" counter, order, always put featured photos first, layout, columns (desktop), gap between photos (px), row height (px), tile shape, image fit, max width (px), outer padding (px), theme, accent colour, background, corner radius (px), shadow, show a border around each photo, hover effect, where captions go, title, description, category, tags, date, author, location, rating stars, link button, magnifier icon on hover, badge for featured photos, open photos in a lightbox, zoom and pan, thumbnail strip, counter (3 / 24), info panel (author, date, location, tags), fullscreen button, download button, share button, copy-link button, slideshow play button, slideshow delay (ms), auto-advance sliders and carousels, delay between slides (ms), pause on hover, loop back to the start, run backwards, transition speed (ms), marquee speed (seconds per loop), entrance animation, feel of the entrance, stagger between photos (ms), animate as photos scroll into view, columns on tablet, columns on mobile, gap on mobile (px), tile shape on mobile, layout on mobile, captions on mobile, hover effect on mobile, skip animations on mobile, lazy-load images, photos before "load more", "load more" label, add seo structured data (json-ld), keyboard navigation, swipe and drag, mouse wheel moves sliders, arrows on sliders, dots on sliders, discourage right-click saving. Change them in the dashboard and your live site picks the new values up on the next page load.

Where does the content in Photo Gallery come from?

From you. Add the photos this gallery shows. Everything except the image itself is optional. They appear in the widget in the order you choose, and updates are live immediately — you never have to touch your website again to change them.

Does Photo Gallery work on mobile?

Yes. Photo Gallery 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 Photo Gallery 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 Photo Gallery 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 Photo Gallery?

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

More widgets