IngridAI
Installation guide

Installing the IngridAI
Intake Assistant

Step-by-step instructions for adding your chat widget — find your platform below and follow only that section.

Before you start

When you sign up, IngridAI emails you a short snippet of code. Have that email open before you begin. A few things to know about it:

Raw HTML / JavaScript

For developers — use this if you or a developer edit the site's HTML directly.


  1. Open the shared template every page uses (e.g. index.html, or a base layout file).
  2. Find the closing </body> tag near the bottom.
  3. Paste your snippet on a new line just before </body>:
  <!-- Paste your IngridAI snippet here, just before </body> -->
</body>
  1. Save and deploy, then open your live site. The chat bubble appears in the bottom-right corner.

Adding the snippet to the shared template makes it appear site-wide. Added to a single page, it appears only there.

Wix

Use this if your site was built with Wix.


Your site must be published with a connected domain — Custom Code doesn't run on the free wixsite.com preview address.

  1. Open your Wix dashboard and select the site.
  2. Click Settings, then Custom Code (under Development & integrations).
  3. Click + Add Custom Code, and paste your snippet into the code box.
  4. Name it something like IngridAI Widget.
  5. Under Add Code to Pages, choose All pages.
  6. Under Place Code in, select Body — end. (This places it before </body> for you.)
  7. Click Apply, then check your live site.
Official docs: Embedding Custom Code on Your Site →

Squarespace

Use this if your site was built on Squarespace.


Code Injection requires a paid plan (Business or higher; newer accounts may see names like "Core" or "Plus"). It isn't available on the Personal plan — if you don't see it, that's why.

  1. Log in and open your site.
  2. Click Settings → Advanced → Code Injection.
  3. Paste your snippet into the Footer box. (The Footer field loads code before </body> on every page.)
  4. Click Save.
  5. Check your live site in a private/incognito window; changes take a minute or two to appear.

Heads up: closing the panel without clicking Save discards your code — a common slip.

Official docs: Using code injection →

WordPress

Use this if your site runs on WordPress.


Two kinds of WordPress: self-hosted WordPress.org sites, and WordPress.com sites on a Business plan or higher, can install plugins. Lower WordPress.com plans can't — contact whoever hosts your site.

Easiest method — no code editing:

  1. Go to Plugins → Add New Plugin and search WPCode.
  2. Install and activate "WPCode – Insert Headers and Footers + Custom Code Snippets."
  3. In the left menu, go to Code Snippets → Header & Footer.
  4. Paste your snippet into the Footer box. (This loads before </body> site-wide.)
  5. Click Save Changes, then check your live site.

Developer alternative: add the snippet via a child theme's functions.php on the wp_footer hook (priority 100). Use a child theme, or a theme update will erase it.

Plugin page: WPCode on WordPress.org →

Shopify

Use this if your site runs on Shopify.


Duplicate your theme first, so you have a safe backup to revert to.

  1. Go to Online Store → Themes.
  2. Next to your theme, click the ··· button → Duplicate (your backup), then ··· → Edit code.
  3. In the left sidebar, open the Layout folder and click theme.liquid.
  4. Scroll to the bottom, find the closing </body> tag, and paste your snippet just before it:
  <!-- Paste your IngridAI snippet here, just before </body> -->
</body>
  1. Click Save, preview the theme, and publish when it looks right.
Official docs: Shopify Themes Help →

Confirming it worked


Open your live site (not the editor preview), wait a second for it to load, and look for the chat bubble in the bottom-right corner. Click it and send a test message.

If the bubble doesn't appear:

Still stuck? Email info@ingridai.co with the name of your platform, and we'll help you troubleshoot.

Quick reference


PlatformWhere to pastePlacement before </body>
Raw HTML/JSBefore </body> in your templateManual
WixSettings → Custom Code → Body — endAutomatic
SquarespaceSettings → Advanced → Code Injection → FooterAutomatic
WordPressWPCode plugin → Header & Footer → FooterAutomatic
ShopifyOnline Store → Themes → Edit code → theme.liquidManual