Wix Logo

Embed interactive images in Wix

Hotspots, tooltips, and shoppable product photos on your Wix site — without an app. Via the HTML embed element, available on every Wix plan.

Works in the Wix editor and in Wix Studio. Free plan included.

In three steps to your embedded image

1

Finish the image in picpins

Upload a photo, place markers, fill tooltip content. Auto-save handles saving.

2

Copy the embed code

Grab the two-line HTML from the picpins dashboard.

3

Paste into Wix

In the Wix editor click "+", choose "Embed" → "Embed HTML", paste the code, adjust position.

How to embed picpins

Wix uses a WYSIWYG editor — a visual drag-and-drop builder. Embeds go through a dedicated HTML element. The classic Wix editor and Wix Studio handle this almost identically.

1. In the classic Wix editor

In the editor click the + icon on the left ("Add Elements"). Under Embed you find the Embed HTML option. Click it and drag the element onto your page.

In the popup click Enter Code. Paste the embed code from the picpins dashboard, click "Update". The interactive image appears in the editor immediately.

Adjust size and position like any other Wix element — drag handles at the corners, X/Y position via the inspector on the right.

Note: Wix renders HTML embeds in an iframe. That is normal but limits height — the container has a fixed height you set in the inspector. Set the height to at least your image height plus tooltip room.

2. In Wix Studio

Wix Studio (the modern counterpart for designers and agencies) has the same workflow, just different UI. In the inspector panel click + Add Elements, then Embed → Embed HTML. Paste the code, done.

Wix Studio offers better responsive control: you can set height and width of the embed container per breakpoint, so the image looks different on mobile than on desktop.

3. In Wix Stores (e-commerce)

On product pages you can place the HTML embed below the product description — just drag the element onto the product page. Wix does not allow embeds inside the actual product description text (which is text-only).

Workaround: create a separate "Lookbook" or "Inspiration" page with the embed and link to the products from there.

4. Multiple embeds on one page

Wix allows only one embed per HTML element. If you want multiple picpins images on one page, you have to place the HTML element multiple times — each with its own embed code.

Functionally fine, but a bit more click work than WordPress or Shopify.

Embed code to copy
<div class="picpins-embed" data-token="dein-token-hier"></div>
<script src="https://picpins.com/embed.js" async></script>

What picpins is great for on Wix

Lookbook for online boutiques

Outfit photo, every item as a marker with price and link to the Wix Stores product.

Restaurant menus

Photo of the buffet or a plated dish, hotspots with ingredients, allergens, prices.

Travel blog with interactive map

City map or landscape photo as the image, sights as polygon markers with photo and description.

Portfolio with project hotspots

Hero image of your project, markers with description, role, tools, live link.

Tips and gotchas

Frequently asked questions

Does picpins work on the Wix Free plan?

Yes. The HTML embed element is available on every Wix plan, including free. The only restriction on the Free plan: Wix shows its own ads on top/bottom of your site — that is a Wix thing, not picpins.

Where do I find the HTML embed element?

Click the + icon on the left ("Add Elements"). Under "Embed" you find Embed HTML. Place it on the page, click "Enter Code", paste the picpins code.

My embed gets cut off — what to do?

Wix gives the HTML element a fixed height. In the inspector on the right (tab "Layout" or "Size") set the height manually, at least to image height plus tooltip room. For long tooltips: plan 600–800 px height.

Can I embed picpins in a Wix Stores product description?

No, unfortunately not. Wix Stores does not allow HTML in the product description field, only text and formatting. Workaround: build a separate Lookbook page with embed and link to the products — or place the embed on the product page below the standard description as its own element.

Multiple interactive images on one page — does it work?

Yes, but each image needs its own HTML element. Wix does not allow two embed codes in the same HTML element. Three images = place the element three times.

Does it work on mobile?

Yes, the picpins embed is responsive. However Wix has a separate mobile editor — you need to adjust the HTML element size there as well, because Wix maintains the mobile layout independently from desktop.

Can I use Velo (Wix Code) for picpins?

You do not need to. picpins runs as a static embed without Wix database integration. Velo would only be interesting if you wanted to dynamically show different picpins images on the same page based on user interaction — overkill in most cases.

Does it slow down my Wix page?

Wix sites are generally not known for top performance — lots of embedded scripts. The picpins embed adds a few extra kB but loads asynchronously and does not block rendering. Realistically: no noticeable difference, because Wix itself already loads several MB of JavaScript.

Make your Wix page clickable.

From photo to embedded hotspot image in ten minutes. Account is free, images stay forever.