Skip to main content
After you generate questions, you can style the widget so it feels native to your product pages. You manage styling in the Branding tab of your assistant’s AI product questions area.
Before you start: complete the initial setup so a configuration exists. A live preview is built in, so you can style the widget without embedding it first. Embed the widget when you want to see it on your real storefront.

​
Customize the appearance

1

Open the Branding tab

Open your assistant, select AI product questions, and switch to the Branding tab.
2

Style the container

Under Container, set the background color, padding, corner radius, an optional border, and the gap between questions.
3

Style the buttons

Under Buttons, set the background and text color, font size and weight, padding, corner radius, and an optional border. The font is inherited automatically from your website, so there’s no separate font setting.
4

Configure the free question

Under Free question, decide how visitors can ask their own question — via the Button that opens the chat, and/or via the Input field right on the product page. Both can be enabled independently.For the input field, choose whether it sits above or below the suggested questions, its placeholder, and the icon of the submit button (arrow, paper plane, chevron, or magnifying glass) that sits at the end of the field. Button and icon size are set separately. Keep Use the default button style enabled to match the existing question buttons, or turn it off to style the field and submit button separately.You can also upload your own SVG. homie reduces the file to its plain shapes, so it takes on the colour you configured and cannot carry foreign content.
5

Preview and save

Watch the live preview update as you change settings, then click Save.
Custom question and Input can be enabled at the same time. Custom question opens the chat before the shopper types, while Input sends the typed question immediately and opens the answer in the chat.
When the widget’s colors and spacing match your theme, the questions feel like a built-in part of the page rather than an add-on.

​
Styling tips

Match the button’s background color to your primary brand color and keep the container padding and gap consistent with surrounding page elements, so the questions read as part of your product page.

​
Next steps

Back to setup

Generate questions and embed the widget on your product pages.

Product Questions overview

Learn how product questions help shoppers and lift conversion.