Can I customize Shopify Inbox's chat box and icon?

[Debacq]

Shopify Inbox
is it possible to customize:

- code to adjust css and other parts of the chat box?

- replace the icon with another third in-house icon?

- replace font?

[EcomGraduates]

hel;lo there  

Yes, it is possible to customize the Shopify Inbox chat box with custom CSS code, replace the icon with another third-party or in-house icon, and replace the font. Here's how:

1. Custom CSS code: To adjust the CSS of the Shopify Inbox chat box, you can add custom CSS code to your theme. Navigate to Online Store > Themes > Actions > Edit Code > Assets > theme.scss.liquid, and add your custom CSS code. You can use the browser's developer tools to inspect the chat box elements and find the appropriate CSS selectors to target.

2. Replacing the icon: To replace the icon with another third-party or in-house icon, you can modify the code for the chat box. Navigate to Online Store > Themes > Actions > Edit Code > Sections > header.liquid, and look for the code that generates the chat box icon. You can replace the code with the appropriate HTML for your desired icon.

3. Replacing the font: To replace the font used in the chat box, you can add custom CSS code to your theme. Navigate to Online Store > Themes > Actions > Edit Code > Assets > theme.scss.liquid, and add your custom CSS code to target the font used in the chat box.

[Debacq]

Does this work with the prestige theme?

[DestMan]

Hello, I simply looked everywhere and could not find the code anywhere to edit the SVG. if you know where the code may be located please help. I am using dawn theme. Thanks!

[Debacq]

The suggested solution has limitations as the original logo and size keep reappearing with each page click, making it unsustainable.

[Debacq]

The suggested solution has limitations as the original logo and size keep reappearing with each page click, making it unsustainable.

[DestMan]

Hello, Well I've found myself a solution by implementing a JQuery code and changing the icon after a short delay. if you are still looking for a solution check my website and if you like the way it looks I may help you implement it animerch.one

[Lee89]

Hi,
Can you guide me specifically for this customization? *Moderator Edit*

[Debacq]

The suggested solution has limitations as the original logo and size keep reappearing with each page click, making it unsustainable.

[ApexMikey]

Hi

How can I do that? thanks!

[Debacq · Accepted solution]

Despite extensive research and attempts with suggested ideas, I haven't found a suitable solution on the market. I reached out to Shopify directly, and they informed me that if enough people request it, they will consider adding a feature to adjust icon size and logo. I encourage those who desire this feature to reach out to Shopify support and express their interest in order to facilitate its implementation.

[CoffeeAndCode]

Hi @Debacq are you still looking for a solution to this?