AI Studio Chat: Built to Match Your App

AI Studio chat can now create a real HighLevel chat widget inside your app. You can ask AI Studio to add chat, then choose either Live Chat or Email Chat based on how you want visitors to reach you.

When you create a new widget, AI Studio asks a few simple questions about the greeting, placement, and tone. It then adds the widget to your project and names it after the app. The design can match your site’s colors, fonts, and layout, so it feels like part of the app instead of a generic add-on.

Under the surface, it still uses HighLevel’s existing chat system. That means messages go into Conversations, returning visitors can see earlier messages, and your normal widget settings still apply. You can also manage things like spam protection, contact forms, business hours, consent settings, and welcome messages from inside AI Studio.

AI Studio chat cuts down the extra work it takes to add chat to an app. You can build the widget inside the same project, control how it looks, and keep the setup in one place.

For agencies, that makes client work easier to manage. You can match the chat to the app, adjust the greeting or placement, and still keep every message inside HighLevel Conversations.

The main benefit is simple. AI Studio chat helps you build and manage the chat experience faster, but it does not reply to visitors for you. Your team still handles the conversation, while GHL keeps the messages and contact details together.

AI Studio chat is added directly inside an AI Studio project in GoHighLevel. You can choose the type of chat you want, answer a few setup questions, and let AI Studio build the widget into your app.

In this walkthrough, we’ll show you how to open AI Studio, choose your project, connect a chat widget, set the greeting and quick replies, choose the widget position, and review the finished chat.

Here are the steps we will follow:

• Open AI Studio.
• Select Your AI Studio Project.
• Open Chat Widgets and Connect the Chat.
• Choose the Chat Greeting.
• Set the Quick Reply Options.
• Choose the Chat Widget Position.
• Review and Submit the Setup.
• Review the Finished Chat Widget.

To start, make sure you are logged in to the correct GoHighLevel sub-account.

• Start from the main dashboard inside your GoHighLevel sub-account.

1.1 Click AI Studio in the main left-hand menu.

• This opens the AI Studio area inside GHL.
• From here, you can open an existing project or choose one you recently worked on.

• Once AI Studio opens, choose the app where you want to add the chat widget.

2.1 Find the project under Recently viewed, My projects, or the project list on the left.

2.2 Click the project you want to update.

• This opens the project inside the AI Studio editor.
• In this example, we are using the project named New Project.

• Once your project is open, you can access the Chat Widgets area and start the setup.

3.1 Click the More button at the top of the AI Studio editor.

• This opens the extra tools available for the project.

3.2 Click Chat Widgets in the More panel.

• This opens the Chat Widgets area for the current project.

3.3 Click Add a chat widget.

• AI Studio will prepare the chat connection for the site.

3.4 Choose the type of chat you want to add.

• Select Live chat for real-time website chat.
• Select SMS / Email chat if you want to collect visitor details and follow up by SMS or email.

3.5 Click Connect.

• This connects the selected chat type to your AI Studio project.
• AI Studio will then ask a few questions before building the widget.

• AI Studio will now ask how you want visitors to be greeted.

4.1 Review the available greeting options.

• You may see a branded persona, a team greeting, a simple greeting, or the option to write your own.

4.2 Select the greeting style that best fits the business.

• In this example, the selected option is Sage, the baker.

4.3 Click the Next button.

• This saves the greeting choice and moves you to the next setup question.

• Next, choose whether the chat should show quick-reply buttons before the visitor sends their first message.

5.1 Review the quick reply options.

• Select Yes, from the menu if you want visitors to see ready-made choices.
• Select No quick replies if you want visitors to type their own message.
• You can also write your own option if needed.

5.2 Choose the option that works best for your site.

• In this example, quick replies are used for menu items such as ordering, specials, and opening hours.

5.3 Click Next button.

• This saves the quick reply setting.

• The next step is to choose where the chat launcher will appear on the page.

6.1 Select the launcher position.

• Choose Bottom-right for the standard placement.
• Choose Bottom-left if that position works better with the page design.
• You can also enter your own placement request if needed.

6.2 Check that the position will not cover important buttons, forms, or page content.

6.3 Click Review.

• This takes you to the final setup summary.

• AI Studio will show a summary of the choices you made before it builds the widget.

7.1 Review the chat greeting.

• Make sure the correct person or team greeting is selected.

7.2 Review the quick reply setting.

• Confirm whether quick reply buttons should appear before the first message.

7.3 Review the launcher position.

• Make sure the widget will appear on the correct side of the app.

7.4 Click the Submit button.

• AI Studio will use these settings to build the chat widget into the project.

• After you submit the setup, AI Studio adds the completed chat widget to your app.

8.1 Review the chat widget in the app preview.

• Check the greeting.
• Review the quick reply buttons.
• Make sure the colors and layout match the rest of the site.
• Confirm that the widget appears in the position you selected.

8.2 Use the Ask AI box if you want to make changes.

• You can ask AI Studio to adjust the wording, placement, style, or other parts of the widget.

For example:

• “Move the chat to the bottom left and make the colors match the site.”

8.3 Test the chat as a visitor before publishing the app.

• Open the widget.
• Send a test message.
• Make sure the conversation works as expected.

Before publishing the app, test the full chat experience from start to finish.

Once this is set up, AI Studio chat becomes part of the app and follows the design choices you selected. Your team can then manage the actual conversations through HighLevel while AI Studio handles the widget setup and design.

AI Studio chat works best when the setup feels simple for the visitor. Keep the greeting short, make the purpose of the chat clear, and only add quick replies that help people reach the right answer faster.

Check the widget on both desktop and mobile before you publish. Make sure it does not cover forms, buttons, or other important parts of the page. If the placement or colors do not look right, ask AI Studio to adjust them instead of rebuilding the widget.

It is also worth testing the full chat before a client or visitor uses it. Send a message, check that it reaches HighLevel Conversations, and confirm the reply works as expected. A quick test can catch small setup issues before they become a problem.

AI Studio chat can be useful when you build apps for clients and want the chat to feel like part of the site. You can match the widget to the client’s brand, set the greeting, and place it where visitors can find it easily.

For example, an agency could add chat to a service business app so visitors can ask a quick question before booking. The agency handles the setup and design, while the client’s team manages the actual replies inside HighLevel Conversations.

That keeps the process simple for both sides. You build the chat experience once, the client gets a clean way to handle messages, and everything stays inside GHL instead of being split across another tool.

AI Studio chat also gives you a simple way to see how each widget is being used. Go to More → Analytics → Chat Widgets to review activity from the chats connected to your project.

You can check chat loads, opens, open rate, and visitor feedback from chat ratings. The lead table also shows details such as the contact, email, phone number, chat type, page where the chat started, and the widget that brought them in.

Use the filters to narrow the results by widget or date range. You can also choose which columns to show and download selected leads when you need a closer look at performance.

AI Studio chat gives you a simple way to add branded chat to the apps you build in GoHighLevel. The widget can match the look of your app, while messages still flow into HighLevel Conversations where your team already works.

The best next step is to add one widget to an existing project and test the full experience. Check the greeting, quick replies, placement, and message flow before you publish it for real visitors.

For agencies, this is a practical update that can make client apps feel more complete without adding another separate chat tool. Try it in one project first, then adjust the setup based on how your team or client plans to use it.