Installing the Sytira Live Chat Widget
Installing the Sytira Live Chat Widget
The Sytira Live Chat widget gives your website visitors an instant way to chat with your sales and support agents, ask
questions, and submit pre-chat leads.
Getting Your Embed Code
1. Log into your Sytira Dashboard at app.sytira.com.
2. Go to Settings -> Inboxes.
3. Click the gear settings icon next to your Website inbox.
4. Under the Configuration tab, you will find your customized JavaScript snippet:
<script>
window.chatwootSettings = {
hideMessageBubble: false,
position: 'right',
type: 'standard',
launcherTitle: 'Chat with us'
};
(function(d,t) {
var BASE_URL = "https://app.sytira.com";
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=BASE_URL+"/packs/js/sdk.js";
g.defer = true;
g.async = true;
s.parentNode.insertBefore(g,s);
g.onload=function(){
window.chatwootSDK.run({
websiteToken: '<YOUR_WEBSITE_TOKEN>',
baseUrl: BASE_URL
});
};
})(document,"script");
</script>
Installation on Platforms
- HTML / Static Sites: Paste the code immediately before the closing </body> tag on all pages.
- WordPress: Install a header/footer injection plugin or insert into your child theme's footer.php.
- Next.js / React: Place the script inside your root layout or load dynamically with next/script.
- Shopify: Go to Online Store -> Themes -> Edit code -> theme.liquid and place before </body>.
Customizing the Widget Appearance
From Settings -> Inboxes -> Configuration, you can easily:
- Customize the widget brand color.
- Set custom welcome greetings and taglines.
- Enable the Pre-Chat Form to collect customer name and email before starting a chat.