Shopify App & Theme Integration

The Lightest AI Virtual Try-On for Shopify

Name: Anddress
Author: Anddress

Install a lightweight Web Component into your Shopify theme. Zero Core Web Vitals degradation, fully compatible with Liquid and Online Store 2.0.

View Plans & Get Started Client Login

Lightweight async load

Zero heavy dependencies. Pure Vanilla JS Web Component that does not block DOM rendering or lower your Google PageSpeed score.

Theme Agnostic

Tested across top Shopify themes: Dawn, Prestige, Impulse, Warehouse, Sense, and Headless setups with Hydrogen or Next.js.

Native Add-To-Cart

Dispatches custom anddress:add-to-cart events directly into Shopify’s Cart API so buyers checkout effortlessly.

Manual install

Drop 2 lines of Liquid into your theme

1. layout/theme.liquid before </body>:

<script src="https://app.anddress.com/widget/anddress-loader.js" data-brand-key="pk_live_..." async></script>

2. On your product page (snippets/buy-buttons.liquid):

<anddress-tryon-button
  data-garment-image="{{ product.featured_image | image_url: width: 1200 | prepend: 'https:' }}"
  data-garment-category="{% if product.type != blank %}{{ product.type | downcase }}{% else %}tops{% endif %}"
  data-garment-id="{{ product.selected_or_first_available_variant.sku | default: product.id }}"
  data-garment-name="{{ product.title | escape }}">
</anddress-tryon-button>

3. Sales attribution: Shopify no longer allows scripts on the thank-you page. With the Anddress app it works automatically through its web pixel; a manual install has no attribution.