Subiz chat button is displayed by default on the right or left side of the website after integration. Subiz chat widget will open when clicking on this chat button.
With Subiz, you have more than one way to place your chat button in a easy-to-reach and visible place, that fits your website design.
You need to do 2 steps as followings:
You will use the CSS code in app.subiz.com to hide the default chat button: Sign in to App.subiz.com> Setting > Account > Widget > Customize CSS
The Subiz widget has two types: Standard and Full height
Here are two CSS codes that hide the chat button corresponding to each type of widget. You copy and place this CSS code in the CSS Customize box and then save changes.
Widget type: Standard
Widget type: Full height
After hiding the default chat button, put API into website HTML code will help you link the Subiz chat widget to an image or a text on website which is also called chat button.
Then the chat widget will pop up at your website only after the visitor clicks on the chat button.
Common API links Subiz chat widget in the container of website HTML code
API links the Subiz chat widget to an image
<a href="#nogo" onclick="subiz('expandWidget')"><img src="URL of your image"></a>
The API links the Subiz chat widget to a text
<a href="#nogo" onclick="subiz('expandWidget')">your text</a>
We are here for your help. Let us know if you have questions or concern!