DokimiAI is a virtual try-on service (
https://dokimiai.io). This plugin is its
WooCommerce client: it adds a "Try On" button to your product pages so customers
can see your earrings on themselves in real time using their webcam.
For privacy, the try-on itself runs entirely in the shopper's browser. The webcam
video is never uploaded and the face landmarks are never sent anywhere — face
tracking (MediaPipe Face Mesh) and image compositing happen locally on the
visitor's device. What the DokimiAI service provides is the try-on runtime: a set
of fixed, versioned, immutable static assets that the browser downloads when the
try-on modal is opened (see "External services" below for the exact files and
their checksums).
No account is required. Paid plans of the DokimiAI service (hosted at
dokimiai.io) add optional service-side features; this plugin is complete and
fully functional on its own.
An internet connection is required, because the browser downloads the try-on
runtime assets from the service when the try-on is opened.
Features
- Real-time earring try-on on the product page, in a modal opened by a "Try On" button.
- In-modal color and size selection: choosing a color switches the overlay image instantly; the choice is written back to the product's selectors so the cart keeps it.
- Drag each earring with one finger to fine-tune its position, and zoom the camera with a three-finger gesture.
- Share the result: copy a caption, save the snapshot, or post to X / use the native share sheet — with an optional light skin-smoothing for social posts.
- Per-product enable toggle, category, and per-color overlay image.
- Fully translatable: English is the source language, with a Japanese translation bundled.
- Upload the plugin to the
/wp-content/plugins/dokimiai-woo directory, or install it through the Plugins screen.
- Activate the plugin through the Plugins screen.
- Edit a product, open the "DokimiAI Try-On" box, enable it, choose the category, and set the overlay image.
Note: Overlay images must use https:// URLs. On HTTPS stores, http:// images
are blocked by the browser (mixed content) and will not display. Use the
"Add image" button or enter an https:// URL.
Note: The visitor's browser needs an internet connection the first time it opens
the try-on, in order to download the runtime assets described under "External
services". They are then cached by the browser.