We use cookies to enhance your experience

We use essential cookies for site functionality and optional cookies like Google Analytics to understand how you use our site. You can customize your preferences at any time. Learn more

Integration Guides

Step-by-step guides for integrating your widget with popular platforms and CMSs.

WordPress

Installation

  1. Go to Appearance → Theme Editor
  2. Open footer.php or your theme's footer template
  3. Paste the embed code before the closing </body> tag
  4. Save changes

Using a Plugin

Alternatively, use a header/footer plugin:

  1. Install "Insert Headers and Footers" plugin
  2. Go to Settings → Insert Headers and Footers
  3. Paste embed code in the "Scripts in Footer" section
  4. Click Save

Shopify

Add to Theme

  1. Go to Online Store → Themes
  2. Click Actions → Edit code
  3. Open theme.liquid file
  4. Paste embed code before </body>
  5. Save

Webflow

Embed Code

  1. Open Project Settings
  2. Go to Custom Code tab
  3. Paste embed code in Footer Code
  4. Publish site

React / Next.js

Component Integration

HTML Website

Basic HTML

Wix

Wix has restrictions on custom JavaScript. Use the HTML embed element:
  1. Click Add → Embed → Custom Embeds → HTML iframe
  2. Paste your embed code
  3. Adjust size and position
  4. Publish

Squarespace

  1. Go to Settings → Advanced → Code Injection
  2. Paste embed code in Footer section
  3. Save

Need Help?

Can't find your platform? Check our full documentation or contact support.

Back to Documentation →
Hi and welcome! How can ChatWidgetPro help you ?