Embedding Guide

Learn detailed methods to embed NEWT Chat widget on your website.

Basic Embedding

Simply add the following code to your website to display the chat widget:

<script>
  window.newtChatSettings = {
    widgetId: "your-widget-id",
  };
</script>
<script src="https://chat-widget.newt.net/embed.js"></script>

We recommend placing the embed code just before the </body> tag.

This doesn't affect page loading and initializes the widget after all content is loaded.

Installation methods for major website platforms:

Platform	Installation Method
WordPress	Add to theme's functions.php or use a header/footer plugin to insert the code.
Shopify	Add the code just before `</body>` in theme's theme.liquid file.
Wix	Go to Wix Settings > Advanced Settings > Custom Code and add to body end tag.

Verify the Widget ID is correct. Check the correct ID in Dashboard > Widget > Embed.

NEWT Chat widget uses Shadow DOM, so it's normally unaffected by other CSS. Contact support if issues persist.

The widget is responsive. Check that the viewport meta tag is properly configured:

<meta name="viewport" content="width=device-width, initial-scale=1.0">