Deploy to Wix

The SketricGen Brand Agent app is the recommended way to add a Brand Agent to Wix. It connects your site without code or an embed snippet and displays the widget across your published site. Manual embed options remain available for custom layouts.

Wix App (Recommended)
Floating Chat Bubble (Manual)
Inline iFrame (Manual)

Before you start

You need:

A SketricGen account with at least one Brand Agent. If you do not have one yet, create a Brand Agent.
Wix permission to install or manage apps and publish the site. A site owner, co-owner, or collaborator with an appropriate custom role can complete the setup.

Step 1: Make your Brand Agent public and published

In SketricGen, open your Brand Agent and select the Deploy tab.

Set Visibility to Public. The page confirms that your agent is publicly accessible.
Select Publish Now if the agent has unpublished changes.

Note: Wix lists only Brand Agents that are active, published, set to Public, and editable by your account. If an agent is missing from the connection list, verify these settings before trying again.

Step 2: Open the Wix App Market

From your Wix site dashboard, go to Apps → App Market.

Wix site dashboard with Apps expanded and App Market selected

Step 3: Find the SketricGen Brand Agent app

Search for SketricGen, then select SketricGen Brand Agent from the results.

Step 4: Add the app to your site

On the app page, select Add to Site and accept the permissions requested by Wix. The app is free to install.

Step 5: Start the connection

The app appears in your dashboard under Apps → SketricGen Brand Agent. Open it, then select Connect Brand Agent in 01 Connect your Brand Agent. A SketricGen window opens.

Note: If the connection window does not open, allow popups for Wix and select Connect Brand Agent again.

SketricGen sign-in window opened from Wix with Google and email sign-in options

Step 7: Choose and connect your Brand Agent

Open the Brand Agent list and select the agent you want to use. Each entry includes its Teamspace and Project so that you can distinguish agents with similar names. Then select Connect agent.

After the connection succeeds, the Wix setup page displays Connected and ready with the connected agent ID.Under 02 Customize the widget, choose how visitors open the Brand Agent:

Chat bubble: A compact launcher in the bottom-right corner.
Floating pill: A message field centered along the bottom of the page.

Under 03 Publish to your website, set Show Brand Agent widget to On.

Step 9: Publish and test your site

Publish your site from the Wix editor, then open the live site. The Brand Agent widget appears with the welcome message configured in SketricGen.

Success: Your Brand Agent is live on Wix.Appearance, welcome message, suggested questions, knowledge, and behavior are managed in SketricGen. From the Wix app, select Open Brand Agent Editor, or open the agent directly at sketricgen.ai, and then select Customize Widget.Publish changes in SketricGen to send them to the live Wix widget without republishing your Wix site.

Note: The launcher style is stored in Wix. After switching between Chat bubble and Floating pill, publish the Wix site again.

Change, hide, or disconnect the agent

From the app setup page:

Change agent: Connect a different Brand Agent to the site.
Disconnect: Unlink the agent and remove its widget. The Brand Agent and its content remain in SketricGen.
Show Brand Agent widget → Off: Hide the widget without disconnecting the agent.

Publish the Wix site after changing any of these settings.

Troubleshooting

My agent is not in the list

Confirm that the agent is active, published, set to Public, and editable by your account. Return to Step 1, correct the settings, and reconnect.

I see “Reconnect required”

Select Change agent, then choose the agent again to finish secure linking.

The connection window opened blank and closed

Sign in to sketricgen.ai in the same browser, then retry the connection.Confirm that Show Brand Agent widget is On, then publish the Wix site.

I signed in to the wrong SketricGen account

Select Sign out in the connection window, then sign in with the account that can edit the agent.

I cannot install the app or publish the site

Ask the Wix site owner to install the app or grant you a role that can manage apps and publish the site.

Websites

Messaging & Automation

Before you start

Step 1: Make your Brand Agent public and published

Step 2: Open the Wix App Market

Step 3: Find the SketricGen Brand Agent app

Step 4: Add the app to your site

Step 5: Start the connection

Step 7: Choose and connect your Brand Agent

Step 8: Choose the launcher and enable the widget

Step 9: Publish and test your site

Customize the widget

Change, hide, or disconnect the agent

Troubleshooting

My agent is not in the list

I see “Reconnect required”

The connection window opened blank and closed

The widget is missing from my live site

I signed in to the wrong SketricGen account

I cannot install the app or publish the site

Step 1: Create your SketricGen account

Step 2: Copy the SketricGen Brand Agent Embed Code

Step 3: Embed the Brand Agent in Wix

1. Log in to your Wix dashboard.

2. Select the site where you want the Brand Agent.

4. Paste the copied code and adjust position/size as needed.

5. Resize the Embed Code element so the full chat widget is visible.

6. Add an Anchor and Pin the Brand Agent widget to make it a floating bubble.

Step 4: Test the Brand Agent

Step 1: Create your SketricGen account

Step 2: Get the Embed Code

Step 3: Add the iFrame Embed to Wix

1. Go to your Wix site dashboard.

2. Select the desired site.

3. Add an Embed Code element:

4. Paste your code and adjust dimensions for inline display.

Step 4: Publish and Verify

​Before you start

​Step 1: Make your Brand Agent public and published

​Step 2: Open the Wix App Market

​Step 3: Find the SketricGen Brand Agent app

​Step 4: Add the app to your site

​Step 5: Start the connection

​Step 6: Sign in to SketricGen

​Step 7: Choose and connect your Brand Agent

​Step 8: Choose the launcher and enable the widget

​Step 9: Publish and test your site

​Customize the widget

​Change, hide, or disconnect the agent

​Troubleshooting

​My agent is not in the list

​I see “Reconnect required”

​The connection window opened blank and closed

​The widget is missing from my live site

​I signed in to the wrong SketricGen account

​I cannot install the app or publish the site

​Step 1: Create your SketricGen account

​Step 2: Copy the SketricGen Brand Agent Embed Code

​Step 3: Embed the Brand Agent in Wix

​1. Log in to your Wix dashboard.

​2. Select the site where you want the Brand Agent.

​3. Go to Add Elements > Embed & Social > Embed Code.

​4. Paste the copied code and adjust position/size as needed.

​5. Resize the Embed Code element so the full chat widget is visible.

​6. Add an Anchor and Pin the Brand Agent widget to make it a floating bubble.

​Step 4: Test the Brand Agent

​Step 1: Create your SketricGen account

​Step 2: Get the Embed Code

​Step 3: Add the iFrame Embed to Wix

​1. Go to your Wix site dashboard.

​2. Select the desired site.

​3. Add an Embed Code element:

​4. Paste your code and adjust dimensions for inline display.

​Step 4: Publish and Verify

Before you start

Step 1: Make your Brand Agent public and published

Step 2: Open the Wix App Market

Step 3: Find the SketricGen Brand Agent app

Step 4: Add the app to your site

Step 5: Start the connection

Step 6: Sign in to SketricGen

Step 7: Choose and connect your Brand Agent

Step 8: Choose the launcher and enable the widget

Step 9: Publish and test your site

Customize the widget

Change, hide, or disconnect the agent

Troubleshooting

My agent is not in the list

I see “Reconnect required”

The connection window opened blank and closed

The widget is missing from my live site

I signed in to the wrong SketricGen account

I cannot install the app or publish the site

Step 1: Create your SketricGen account

Step 2: Copy the SketricGen Brand Agent Embed Code

Step 3: Embed the Brand Agent in Wix

1. Log in to your Wix dashboard.

2. Select the site where you want the Brand Agent.

3. Go to Add Elements > Embed & Social > Embed Code.

4. Paste the copied code and adjust position/size as needed.

5. Resize the Embed Code element so the full chat widget is visible.

6. Add an Anchor and Pin the Brand Agent widget to make it a floating bubble.

Step 4: Test the Brand Agent

Step 1: Create your SketricGen account

Step 2: Get the Embed Code

Step 3: Add the iFrame Embed to Wix

1. Go to your Wix site dashboard.

2. Select the desired site.

3. Add an Embed Code element:

4. Paste your code and adjust dimensions for inline display.

Step 4: Publish and Verify