Appearance
Labbesne docs
Labbesne puts a Try it on button on your product pages. A shopper taps it, takes or uploads one photo, and sees a picture of themselves wearing the garment, without leaving your shop.
These pages are for the person who installs it: a shop owner who can paste one line into a theme, or a developer who wants to control the button, the product and the bag.
How it fits into your shop
- One script tag. You paste it into your product page. It loads a small script from
app.labbesne.com. - A button next to Add to bag. The script finds your Add to bag button and puts Try it on beside it, in the same shape and type.
- A sheet over your page. The try-on opens in a frame on top of the product page. The camera, the photo and the result stay inside that frame. Your page never receives them.
- Your product, read from your page. The script reads the product's name and picture from the page's own product data. You can also pass them yourself.
Two ways to install
| You are | Start with | What you get |
|---|---|---|
| A shop owner, no developer | Get started | The button and the try-on, with the product read from the page |
| On Shopify, no developer | Shopify without a developer | The same, with the limits of doing it without code spelled out |
| A developer | The SDK | Your own button, the right variant's picture, Add to bag and Checkout inside the try-on, events |
What you need
- An account and a store in the dashboard. The store gives you a key that starts with
pk_. - Your shop's address on the store's list of sites. The try-on only opens on the addresses listed there. See Sites and image hosts.
- Product pages that say what the product is: a name and a picture, in the page's product data or passed by you. See Product data.
- The host of your product pictures on the store's list of image hosts, when they are not served from your shop's own address. See Image hosts.
Labbesne is in pilot
Write to us at hello@labbesne.com before you put try-on in front of your shoppers, so we can agree the terms that cover their photos.
Where to look
- It isn't showing. Troubleshooting lists the causes, most likely first.
- Your site has a Content-Security-Policy. What to allow.
- You want numbers in your own analytics. Analytics.
- You need to know what happens to a shopper's photo. Privacy.
- You want to see it first. The demo store runs the try-on with the same script tag.