Documentation

Quick Start

Embed the widget, listen for zone-selected events, and send commands back. A production-ready walkthrough with copy-paste code for any web application.

PostMessage API

The full event and command contract for the PersoScan iframe: message envelope, zone-selected and zone-confirmed payloads, and the commands you can send.

Configuration

Every URL parameter for the PersoScan widget: theme, language, body model, zone detail level, camera behaviour, colours and which UI controls are visible.

Zone Reference

Every body zone key and display name in PersoScan, for grouped and detailed modes, ready to map onto your collections, categories or intake form fields.

Examples

Live examples of the PersoScan widget in different configurations, from a bare 3D model to a full panel, each with the URL parameters that produce it.

E-commerce Integrations

Pick your platform and connect body-zone clicks to product categories: Shopify, WooCommerce, BigCommerce, Magento, PrestaShop, Wix, Squarespace and more.

Shopify Integration

Install the PersoScan Shopify app, add the theme block, and map each body area to a collection or page. Includes the manual iframe route if you need it.

WooCommerce Integration

Embed the PersoScan body map in WooCommerce and route each zone click to a product category, tag or filtered shop URL, with the listener code to copy.

Wix Integration

Embed the PersoScan body map in Wix and route zone clicks with Velo, including the HTML embed element, the relay listener and the page code that navigates.

Squarespace Integration

Use a Squarespace code block to embed the PersoScan body map and map each zone click to a category page, with the exact snippet and the caveats to expect.

BigCommerce Integration

Add the PersoScan body map to a BigCommerce storefront and send zone clicks to category paths, including script placement and the listener code to copy.

PrestaShop Integration

Add the PersoScan body map to PrestaShop and map each body zone to a category route, with the template placement and the postMessage listener to copy.

Magento / Adobe Commerce Integration

Embed the PersoScan body map in Magento or Adobe Commerce and route zone clicks to category pages or layered navigation parameters, with code to copy.

OpenCart Integration

Embed the PersoScan body map in OpenCart and navigate from a zone click to the matching category page, with the template hook and listener code to copy.

Cafe24 Integration

Embed the PersoScan body map in a Cafe24 storefront and map widget zone events onto Cafe24 category URLs, with the snippet and listener code to copy.

EC-CUBE Integration

Connect PersoScan zone selections to EC-CUBE product categories, including where to place the embed in a Twig template and the listener code to copy.