Shopify Admin Integration (Recommended)

This is the easiest method for Shopify stores using the Glance AI app.

Install the Glance AI App

1. Go to your Shopify Admin Panel
2. Navigate to Apps section
3. Search for "Glance AI" and install the app
4. Complete the app configuration and activation

Add Widget Block to Theme

1. Go to Online Store → Themes in your Shopify admin
2. Click "Customize" on your active theme

1. Important: Switch to mobile preview mode by clicking the phone icon in the top bar. Glance AI widgets are optimized for mobile devices.

1. Navigate to the page/section where you want to add the widget (e.g., Home page, Header section)

1. Click "Add block" to open the block selector

1. Switch to the "Apps" tab and select "Glance AI Widget"

Configure Widget Settings

1. After adding the widget, you'll see the settings panel

1. Select the widget type from the dropdown (Chat, Try On Banner, or Try On Button)

1. Configure the widget options based on the selected type:
2. Custom CSS: Additional styling for the widget container
3. Position Type: For button widgets, choose Absolute or Relative positioning
4. Bottom Position: Bottom offset in pixels for button widgets
5. Right Position: Right offset in pixels for button widgets

Save and Publish

1. Save your theme customization
2. The widget will automatically appear on your store