Appearance
When you install Shopify Inbox, online store chat is automatically included, but is not visible to customers by default. When making the chat option visible, you can also customize the button and chat window so that it matches the style of your online store theme.
On this page
Enable online store chat
By default, online store chat is not visible on your store. Change the availability of online store chat for your customers in the Appearance page in your Shopify admin.
Steps:
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Shopify Inbox.
Click Open sales channel.
Click Appearance.
Set the Online store chat visibility to Visible.
Click Save.
Customize the language for online store chat
Online store chat appears in the same language as your theme. If you're using an unsupported language, then online store chat defaults to English.
Add a custom greeting
A default greeting is set up to welcome customers to your online store chat. You can customize this message on the Inbox Appearance page in your Shopify admin.
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Shopify Inbox.
Click Open sales channel.
Click Appearance > Greeting.
Click the text box to edit the message.
Click Save.
You can reset the greeting message to use the default messaging by clicking Reset to default.
Pre-chat form
Customers provide their contact information before starting an online store chat with you. This lets Inbox send your reply to the customer's email address if they leave your storefront. All chat replies, whether viewed in online store chat or sent by email, appear in your Inbox conversations.
You can preview the pre-chat form to see how it appears to your customers. Click the Preview button to view the pre-chat form.
Brand customization
Customers browsing your online store can click a chat button to start a chat with you in the browser window. You can change the button style and color to match your online store from the Appearance page under Shopify Inbox.
Steps:
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Shopify Inbox.
Click Open sales channel.
Click Appearance and scroll down to Brand customization.
In the Color field, enter a hexadecimal code or click the drop-down to use the color picker to select a color. A warning appears if the selected button color doesn't provide a high enough contrast with your background color, which could make the online store chat button difficult for some users to use.
Select your Button style. Using the Button position drop-down menu, choose either Bottom right or Bottom left for your chat button.
Click Save.
Preview the customer experience
The Preview window displays how your online chat window appears to your customers. Use the dropdown menu to switch between views to preview how online store chat appears to visitors of your store.
On the Appearance page, the available previews are:
- Pre-chat form
- Open chat window
- Closed chat window
- Order status request
On the Create instant answers page, the available previews are:
- Open chat window
- Conversation
Instant answers
Turn off Track my order
You can turn off the track my order instant answer.
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Shopify Inbox.
Click Open sales channel.
Click Appearance.
In the Instant answers section, hover over Track my order and a Turn off button is displayed.
Click Turn off.
The Track my order instant answer is not displayed for customers on the store front. Track my order instant answer can be turned on by following the same instructions and clicking Turn on.
Change the display order of your instant answers
You can change the display order of your visible instant answers.
From your Shopify admin, click Settings > Apps and sales channels.
From the Apps and sales channels page, click Shopify Inbox.
Click Open sales channel.
Click Appearance.
Click
⋮⋮and drag the instant answer to rearrange the display list.(Optional) Click Edit to change the question or the answer, or to set the instant answer to not visible.
The updated list of visible instant answers will be reflected in your online store automatically.