Loading WardrobeIt
Merchant Login Book a Demo

Shopify chatbot theme embed

WardrobeIt Shopify Theme Embed Integration

Add AI-Guided Shopping to Your Shopify Storefront Without Rebuilding the Theme

Install the WardrobeIt shopping assistant inside a compatible Shopify storefront using the approved theme integration. Once the Shopify store is connected, the catalog is synchronized, and a merchant API key is created, the WardrobeIt storefront embed brings conversational product discovery, merchant-grounded product answers, product recommendations, supported Complete the Look, eligible Virtual Try-On, variant selection, and add-to-cart actions into the existing shopping journey.

Your Shopify theme, product pages, cart, and checkout remain in place. WardrobeIt adds the guided sales experience around them.

Install the Storefront Assistant Explore the Shopify Integration
Shopify Theme Editor Approved theme snippet
Theme Current published theme
WardrobeIt Storefront Integration Ready to Configure
Integration method
Approved theme snippet
Merchant key
ss_live_••••••••••••
Preview pages
  • Homepage
  • Collection page
  • Product page
  • Mobile storefront
  • Quick Setup Connect the store, create the merchant key, add the approved theme snippet, and test the assistant inside the storefront.
  • Theme Control Manage the supported placement, shopper entry experience, and theme implementation without replacing Shopify commerce functions.
  • Mobile Ready Use a responsive shopping-assistant experience designed for desktop and mobile storefront journeys.

Shopify chatbot widget installation

Launch the Storefront Assistant Through a Guided Setup

The WardrobeIt theme setup should feel clear and controlled. Use a visual walkthrough with one focused screen for each step rather than a long technical configuration form.

Step 1 · Connect the Shopify Store

Store connection and catalog readiness

your-store.myshopify.com
Connection statusConnected
Next actionSynchronize Catalog

Store names and keys are demo values — not live merchant data.

Theme snippet deployment

Install the approved theme snippet and review before launch.

Open the relevant Shopify theme file or approved theme-placement area, add the WardrobeIt snippet supplied by the Merchant Portal, save the theme change, and test the complete shopper journey before publishing.

Theme files
Shopify theme snippet Merchant key masked 
<script src="wardrobeit.js"
  data-merchant-key="ss_live_••••••••••••"
  data-context="shopify-theme"></script>
WardrobeIt Storefront Assistant Theme script embed
Launch review

Theme behavior is implementation-specific. Validate the assistant in the real store environment before publishing.

  • Launcher position and visibility
  • Homepage, product, and collection context
  • Mobile viewport and touch targets
  • Product, variant, and cart actions
  • Existing apps and custom scripts

Storefront experience controls

Keep the Assistant Consistent with the Merchant’s Theme and Shopping Journey

WardrobeIt should feel like part of the storefront rather than a disconnected customer-support pop-up. Use two compact tabs with settings that match the active implementation.

Display Settings

Assistant Position

Choose an available launcher position supported by the implementation.

  • Bottom right
  • Bottom left

Visibility

Control where the assistant appears through the supported theme implementation.

  • Homepage
  • Collection pages
  • Product pages
  • Selected landing pages
  • Mobile storefront

Opening Behavior

Where supported, merchants may choose whether the assistant:

  • Opens only after the shopper selects it
  • Displays a welcome prompt
  • Shows page-aware starter suggestions

Desktop Layout

Preview launcher placement, expanded assistant width, product cards, variant selectors, and add-to-cart actions.

Mobile Experience

Preview responsive assistant, touch-friendly prompts, swipeable product cards, product and variant controls, and native checkout continuation.

Experience Settings

Merchant Branding

Apply supported visual settings such as approved merchant identity, available brand colours, assistant name or label, and supported interface styling.

Welcome Message

Introduce the assistant using merchant-approved language.

Tell me what you are shopping for, and I will help you find suitable products from this store.

Suggested Prompts

Use short prompts relevant to the current page.

Homepage
  • Help me find an outfit
  • Shop by occasion
  • Find products within my budget
Collection page
  • Narrow these products
  • Compare styles
  • Find my preferred size
Product page
  • Tell me about this product
  • Compare a similar option
  • Complete the look

Assistant Availability

Enable or disable the storefront assistant through the supported merchant workflow.

Shopper Entry Points

  • Assistant launcher
  • Welcome prompt
  • Page-aware starter prompt
  • Product recommendation action
  • Eligible try-on action

Live storefront preview

Preview desktop and mobile assistant behavior before publishing.

Use two compact views with a live desktop and mobile preview beside the settings. Test launcher placement, prompts, and product-card behavior in context.

Shopify storefront validation

Confirm the Assistant Works Before It Reaches Shoppers

Testing should verify both the WardrobeIt experience and the underlying Shopify actions. The assistant should use the correct merchant catalog, return valid products, respect current variants, and send supported selections into the merchant’s Shopify cart.

Pre-Publish Test

Select a check to expand guidance. Mark reviewed when complete.

Ask for a product using natural language and confirm that the results come only from the connected merchant catalog.

0 of 5 checks reviewed

Shopify theme embed FAQs

Common questions about the storefront embed.

The current installation model uses a merchant API key and an approved theme script snippet — not App Store distribution, OAuth, or a theme app extension.

Book a Shopify Integration Demo
Is WardrobeIt installed as a Shopify app embed?

Not currently. The present WardrobeIt installation model uses a merchant API key and an approved theme script snippet. It should not be described as a Shopify App Store app, OAuth installation, theme app extension, or drag-and-drop app block.

Does the WardrobeIt embed work with every Shopify theme?

WardrobeIt is designed for compatible Shopify storefronts, but merchants should test the integration with their specific theme, existing applications, custom scripts, mobile layout, product pages, and cart behavior before publishing. Universal theme compatibility should not be guaranteed.

Can merchants disable the WardrobeIt storefront assistant?

Yes. Merchants can remove or disable the supported theme integration and manage the related merchant key through the approved workflow. The exact steps depend on the active Shopify theme and WardrobeIt configuration.

Is the WardrobeIt Shopify assistant mobile responsive?

The current storefront widget is designed as a responsive experience. Merchants should still test launcher placement, product cards, prompts, selectors, image flows, cart actions, and checkout continuation on their own mobile storefront before launch.

Shopify theme embed

Add WardrobeIt to a Compatible Shopify Theme

Connect the store, synchronize the merchant catalog, install the approved storefront embed, and test the AI shopping assistant inside the existing Shopify experience.

Install the Storefront Assistant Book a Shopify Integration Demo
Shopify theme
WardrobeIt Theme script embed