How do I know if my chatbot is working?

Test it by interacting on both desktop and mobile. Ensure responses align with expected flows and troubleshoot any errors in your chatbot platform.

Can I integrate more than one chatbot on Draftly?

Yes, you can integrate multiple chatbots by embedding their unique code into different Custom HTML Blocks or specific pages.

Will adding a chatbot slow down my website?

No, if you place the chatbot code in the Footer section. This ensures it loads after the main content, minimizing performance impacts.

Can I customize my chatbot’s branding?

Absolutely. Most platforms allow you to adjust the chatbot’s name, avatar, and color scheme to align with your brand's identity.

What’s the best chatbot for e-commerce websites?

Platforms like Tidio and Drift are ideal for e-commerce, offering features like cart recovery, personalized recommendations, and automated support.

How to Integrate Third-Party Chatbots into Your Draftly Website

Integrating a chatbot into your Draftly website can improve engagement, streamline customer support, and even boost conversions. Whether it's for answering FAQs, generating leads, or providing 24/7 assistance, this guide will walk you through the entire process step-by-step.

Why Add a Chatbot to Your Draftly Website?

A chatbot isn’t just a nice-to-have—it’s a game-changer for website functionality:

24/7 Support: Chatbots handle queries instantly, cutting response times.
User Engagement: Websites with chat features have 50% higher session durations, according to Chatbot Magazine.
Lead Generation: Chatbots can increase conversion rates by up to 30%.

!how to integrate thirdparty chatbots into your draftly website, tutorials

For a detailed look at how chatbots boost lead generation, check out How AI Chatbots Enhance Lead Generation on Draftly Websites.

Step 1: Choose the Right Chatbot Platform

Not all chatbots are created equal. Here’s how to find one that meets your needs:

Popular Choices: Consider Tidio, Intercom, or ChatGPT integrations.
Customizations: Look for platforms that offer branding and AI training.
Budget-Friendly Options: Many chatbots, like Drift, start with free plans.

If you’re new to third-party integrations, Draftly's API Documentation can help simplify the process.

Step 2: Generate The Chatbot Code

Once you’ve chosen a chatbot, follow these steps to generate its embed code:

Log into your chatbot platform.
Navigate to the “Install” or “Integration” section.
Copy the provided JavaScript code snippet.

Most platforms will have a copy button for ease of use.

Step 3: Add the Chatbot Code to Draftly

Draftly makes embedding third-party code seamless:

Using Draftly’s Advanced Content Block

Open your Draftly website editor.
Navigate to the page where you want the chatbot to appear.
Add a Custom HTML Block from Draftly Advanced Content Blocks.
Paste the chatbot code into the HTML editor.
Save and preview your changes.

Alternative: Global Header/Footer Injection

If you want the chatbot on every page:

Go to the Settings panel in Draftly.
Open the Global Header/Footer section.
Paste the chatbot code in the Footer section for better loading performance.
Click Save.

Step 4: Test the Integration

Before going live, verify that the chatbot functions properly:

Mobile Testing: Ensure responsiveness using Testing Your Draftly Site on Mobile Before Launch.
Chatbot Flows: Test user interactions to confirm they meet your expectations.
Speed Check: Use Draftly Site Speed Optimisation to ensure the chatbot doesn't slow down your site.

Step 5: Optimize for Engagement

A chatbot is only as effective as its setup. Here are some optimization tips:

Personalize Responses: Train the chatbot to align with your brand voice.
Add Call-to-Actions: Encourage users to book a demo or subscribe directly from the chatbot.
Monitor Analytics: Use your chatbot platform’s dashboard to assess performance metrics like response rates and effectiveness.

For more on engagement, explore How Draftly's Scroll-Triggered Animations Boost Time on Page.