NewTorziva is now live on the Shopify App Store — install free today
    WooCommerceOur official WordPress plugin is now live — seamless integration
    NewJoin our Affiliate Program — earn 20% commission every month
    Limited offerStart free — no credit card required
    NewTorziva is now live on the Shopify App Store — install free today
    WooCommerceOur official WordPress plugin is now live — seamless integration
    NewJoin our Affiliate Program — earn 20% commission every month
    Limited offerStart free — no credit card required

    Torziva Documentation

    Install Torziva on Shopify, WooCommerce, or any custom website in under 5 minutes.

    What is Torziva?

    Torziva is a premium, AI-powered virtual try-on engine built for fashion eCommerce. By allowing your customers to visualize garments on themselves before purchasing, you can dramatically increase conversion rates and reduce product return rates.

    We designed Torziva to be the absolute simplest integration on the market. No matter what platform you use—Shopify, WooCommerce, or a Custom Build—integration requires only one universal script.

    Once added, the Torziva widget automatically scans your pages, detects your product images, prices, and titles, and seamlessly injects a high-converting "Try On" button right below your Add to Cart area. No complex coding or mapping is required.

    Before you begin

    You must first create a Torziva account and register your website domain in the Dashboard under Settings > Sites. The widget will not load on unauthorized domains.

    Universal Quick Start

    Because Torziva is fully autonomous, the installation snippet is exactly the same for every platform.

    The Base Snippet

    Copy this exact code and place it immediately before the closing </body> tag of your website's global template. Replace YOUR_SITE_ID with the Site ID found in your Torziva dashboard.

    Universal Installation Snippet
    <!-- Torziva AI Try-On Widget -->
    <script>
      window.TORZIVA_CONFIG = {
        siteId: "YOUR_SITE_ID",
        buttonPosition: "auto", // "auto", "manual", or CSS selector
      };
    </script>
    <script src="https://torziva.site/widget/widget.js" data-site-id="YOUR_SITE_ID" async defer></script>
    <!-- End Torziva -->

    Shopify Integration

    Shopify stores have two extremely easy ways to integrate Torziva: using our official Shopify App, or using the Universal Snippet.

    Option 1: The Torziva Shopify App

    The absolute easiest way to install Torziva. Get 1-click installation, automatic theme injection, and deep Shopify analytics integration without touching a single line of code.

    View App Store

    Option 2: Manual Script Installation

    If you prefer not to use the Shopify app, you can manually inject our universal script into your theme.

    1. Log in to your Shopify Admin and go to Online Store > Themes.
    2. Find your current theme, click the three dots (...), and select Edit code.
    3. In the sidebar, open layout/theme.liquid.
    4. Scroll to the very bottom and paste the universal snippet right above </body>.
    layout/theme.liquid
    <!-- Torziva AI Try-On Widget -->
    <script>
      window.TORZIVA_CONFIG = {
        siteId: "YOUR_SITE_ID",
        buttonPosition: "auto", // "auto", "manual", or CSS selector
      };
    </script>
    <script src="https://torziva.site/widget/widget.js" data-site-id="YOUR_SITE_ID" async defer></script>
    <!-- End Torziva -->

    Provide Product Context (Optional)

    If you want to ensure Torziva grabs the absolute highest quality image, you can explicitly pass the productContext object containing image: "https:{{ product.featured_image | img_url: '1024x' }} into the TORZIVA_CONFIG variable inside liquid.

    WooCommerce Integration

    WooCommerce stores can be integrated effortlessly using our dedicated WordPress Plugin or via manual script injection.

    Option 1: The Torziva WooCommerce Plugin

    The easiest and most deeply integrated method. Download our official plugin, upload it to your WordPress site, and connect securely using an API key from your Torziva Dashboard.

    Get the Plugin

    Option 2: Manual Script Installation

    If you prefer not to use our plugin, integrating manually is exactly the same as any other platform. Our script is smart enough to detect your WooCommerce product layouts automatically.

    You can use a free WordPress plugin like "Insert Headers and Footers" or "WPCode" to add the universal snippet to your global footer.

    Performance Best Practice

    To keep your site fast, we recommend placing the script in the Footer rather than the Header, or conditionally loading it only on single product pages.
    Global Footer (WPCode / Settings)
    <!-- Torziva AI Try-On Widget -->
    <script>
      window.TORZIVA_CONFIG = {
        siteId: "YOUR_SITE_ID",
        buttonPosition: "auto", // "auto", "manual", or CSS selector
      };
    </script>
    <script src="https://torziva.site/widget/widget.js" data-site-id="YOUR_SITE_ID" async defer></script>
    <!-- End Torziva -->

    Custom Websites

    For custom builds, Magento, BigCommerce, or Next.js storefronts, the process remains unchanged. Simply inject the universal snippet into the global layout file so it is present on your product pages.

    index.html or global layout
    <!-- Torziva AI Try-On Widget -->
    <script>
      window.TORZIVA_CONFIG = {
        siteId: "YOUR_SITE_ID",
        buttonPosition: "auto", // "auto", "manual", or CSS selector
      };
    </script>
    <script src="https://torziva.site/widget/widget.js" data-site-id="YOUR_SITE_ID" async defer></script>
    <!-- End Torziva -->

    Widget Customization

    Torziva is designed to blend seamlessly with your brand. You can override the default styling by passing configuration options in the TORZIVA_CONFIG object within the universal snippet.

    PropertyTypeDefaultDescription
    buttonTextstring"Virtual Try-On"Text displayed on the injected button.
    themeColorstring"#1C203B"Hex code for the button and modal primary color.
    borderRadiusstring"8px"Border radius of the injected button.
    hideBrandingbooleanfalseHides "Powered by Torziva" (requires Pro+ plan).
    insertSelectorstring"form[action*='/cart/add']"CSS selector for where to inject the button.

    Account Management API

    Looking to integrate Torziva's billing, credits, and usage data directly into your own external dashboard or systems? Check out our dedicated API documentation.

    View API Documentation

    We Value Your Privacy

    Torziva uses cookies to enhance your experience, analyze traffic, and improve platform performance.
    Read cookie policies.