Install on any website

Any site that lets you add code works, including a single landing page. You paste one line, and the chat appears on every page that has it.

Get your snippet

In your TideReply dashboard, go to Settings > Script tag and click Copy snippet. It looks like this, with your own ID instead of YOUR-ID:

<script src="https://app.tidereply.com/widget.js" data-business="YOUR-ID" async></script>

Always copy it from your dashboard: the ID is what connects the chat to your business.

Paste it into your site

Put the snippet just before the closing </body> tag, on every page where the chat should appear. Most site builders have a place for site-wide code:

Wix

1. Go to Settings and open Custom Code (under Development & integrations).
2. Click + Add Custom Code and paste the snippet.
3. Under Add Code to Pages, choose All Pages. Under Place Code in, choose Body - end.
4. Click Apply.

Squarespace

Code Injection needs a Core, Plus or Advanced plan (or an eligible older plan).

1. In the Pages panel, open Website Tools > Code Injection.
2. Paste the snippet into Footer.
3. Click Save.

Webflow

1. Open Site settings > Custom code.
2. Paste the snippet into Footer code and save.
3. Publish your site. Custom code only goes live after publishing.

BigCommerce

1. Go to Storefront > Script Manager and click Create a Script.
2. Give it a Script name, for example "TideReply chat".
3. Set Placement to Footer, Location to Storefront pages and Script category to Functional.
4. For Script Type, choose to enter the script yourself (not a URL), and paste the snippet.
5. Click Save.

Framer

1. Open your project's Site Settings and go to Custom Code.
2. Click Add Script, paste the snippet, and place it at the end of the body.
3. Publish your site.

WordPress without the plugin

Install a code snippet plugin such as WPCode, add a new HTML snippet, set its location to the site-wide footer, and activate it. The TideReply plugin is easier, and adds WooCommerce order answers.

Your own HTML

Paste the snippet before </body> in your page template, or in every page if you don't use one.

Check it

Reload your site. The chat bubble appears in the bottom corner.

Prefer not to touch your site's code? Use Google Tag Manager. Chat not showing? See The chat doesn't show on my site.