Implementing Bot to Your Desired Site

Overview

Once you’ve built and configured your AI bot, the next step is to implement it on your desired website. This guide will walk you through the implementation process.

Prerequisites

Before implementing your bot, make sure you have deployed your bot first. The bot must be live and published before you can integrate it into your website.

Implementation Methods

Pluggi supports two primary methods for integrating your AI bot into your website:

Method 1: Script Integration

The script method is the recommended approach for most websites. It provides a seamless integration that works well with modern web applications.

<script
  src="https://your-bot-domain.pluggi.io/widget.js"
  data-api-key="your_bot_api_key_here"
></script>

Advantages:

• Easy to implement
• Automatically responsive
• Works with single-page applications (SPAs)
• Minimal impact on page load time

Implementation Steps:

1. Navigate to your bot settings in the Pluggi dashboard
2. Copy the provided script tag
3. Paste the script tag in your website’s HTML, typically before the closing </body> tag
4. Save and deploy your website changes

Method 2: iFrame Integration

The iframe method allows you to embed your bot in a specific location on your page with full control over size and positioning.

<iframe
  src="https://your-bot-domain.pluggi.io/chat"
  width="400"
  height="600"
  frameborder="0"
></iframe>

Advantages:

• Complete control over bot placement
• Custom sizing options
• Isolated from your main application styles

Implementation Steps:

1. Get your bot’s iframe URL from the Pluggi dashboard
2. Add the iframe code to your desired page location
3. Customize the width and height attributes as needed
4. Save and deploy your website changes

Deployment Checklist

Before implementing your bot, ensure you have completed the following:

• Bot is fully configured and tested
• Bot has been deployed/published in the Pluggi dashboard
• You have obtained your bot’s API key or embed URL
• You have verified the bot is responding correctly in preview mode

Next Steps

After implementing your bot:

• Test the bot on your website in different browsers
• Monitor bot performance and user interactions
• Customize the bot appearance to match your brand
• Review analytics to optimize bot responses

Troubleshooting

If your bot doesn’t appear on your website:

• Verify that the bot is deployed and published
• Check that the API key or embed URL is correct
• Ensure there are no JavaScript errors in your browser console
• Confirm that your website allows third-party scripts/iframes