How to Install MirrorLook with Custom Code

Step-by-step guide to add MirrorLook to any ecommerce store by pasting one script in your theme.

Before you start

Create your free MirrorLook account and copy your installation snippet from the Integration page.

Important: paste inside <head>

Place the script in the global <head> section so it loads on all product pages. Do not paste it only in one product description.

Example snippet

<script src="https://mirrorlook.app/api/script.mirrorlook?store=tutienda.com" async></script>

1. Copy your MirrorLook script

Go to your MirrorLook dashboard, open Integration, and copy the script snippet for your store domain.

2. Open your store theme code

In your ecommerce platform, open the global layout/template file that contains the <head> tag (for example, theme.liquid, layout file, or base template).

3. Paste the code inside <head>

Paste the MirrorLook script before the closing </head> tag and save your changes.

4. Publish and verify

Publish your theme update and open any product page. The virtual try-on button should appear automatically.

Important: the cart button text must match exactly

For MirrorLook to appear, the merchant must enter in Integration the exact visible text of the store button, such as Add to cart or Buy now. If the button is not showing, it is usually because that text does not match exactly.

Done

MirrorLook is now installed with custom code. You can customize button text, colors, and placement from your MirrorLook dashboard.

Need help?

Contact support if your platform uses a custom theme structure.

Go to Dashboard