Skip to content
ChurchWiseAI
ChurchWiseAISeeing Jesus through Wise AI

Embed on Your Website

Platform-specific instructions for adding the ChurchWiseAI Chatbot widget to your church website

Once you have enabled your chatbot and copied the embed code from your dashboard, here is how to add it to your church's website on the most common platforms.

Your Embed Code

Your embed code looks like this (your specific IDs will be different):

<script src="https://cdn.churchwiseai.com/widget.js"
        data-org-id="your-church-id"
        data-key="your-chatbot-key">
</script>

You can always find this code in your admin dashboard at churchwiseai.com/admin/[your-token] under the Settings tab. If you are on a Chat Pro or Suite plan, you can also use the Widget Customizer to adjust the look and feel of the widget before copying the embed code.

WordPress

Using a Plugin (Recommended)

  1. Install the Insert Headers and Footers plugin (or similar code insertion plugin)
  2. Go to Settings > Insert Headers and Footers
  3. Paste your embed code in the Footer section
  4. Click Save

Using the Theme Editor

  1. Go to Appearance > Theme Editor
  2. Open your theme's footer.php file
  3. Paste the embed code just before the closing </body> tag
  4. Click Update File

Using a Page Builder (Elementor, Divi, etc.)

  1. Add an HTML or Code widget to your site's footer template
  2. Paste the embed code
  3. Save and publish

Squarespace

  1. Go to your Squarespace dashboard
  2. Click Settings > Advanced > Code Injection
  3. Paste your embed code in the Footer section
  4. Click Save

The widget will now appear on every page of your Squarespace site.

Wix

  1. Go to your Wix dashboard
  2. Click Settings > Custom Code (under Advanced)
  3. Click Add Custom Code
  4. Paste your embed code
  5. Set placement to Body - end
  6. Choose All pages
  7. Click Apply

Custom HTML Site

If your website is built with custom HTML, add the embed code just before the closing </body> tag in your HTML files:

    <!-- Other content above -->

    <script src="https://cdn.churchwiseai.com/widget.js"
            data-org-id="your-church-id"
            data-key="your-chatbot-key">
    </script>
  </body>
</html>

If you use a shared template or layout file, you only need to add it once in the template.

Verifying the Installation

After adding the code:

  1. Visit your website in a browser
  2. Look for the chat widget icon in the bottom-right corner of the page
  3. Click it and send a test message
  4. Check your admin dashboard to confirm the conversation appears in your logs

Troubleshooting

The widget does not appear

  • Make sure the embed code is placed inside the <body> tag, not the <head>
  • Check that the code was saved correctly in your platform
  • Try clearing your browser cache and reloading the page
  • If using a caching plugin (WordPress), clear the plugin cache

The widget appears but does not respond

  • Verify your chatbot is enabled in the admin dashboard
  • Make sure the data-org-id and data-key values in your embed code match what is shown in your dashboard

I only want the widget on certain pages

By default, the widget appears on every page where the embed code exists. To limit it to specific pages, add the code only to those pages rather than in a site-wide footer.