Skip to main content

How to Add the Thinkstack Chatbot to Your WordPress Website

info

This guide walks you through the steps to seamlessly integrate the Thinkstack chatbot into your WordPress site. You can choose from three different integration methods—using a Header/Footer plugin, editing your theme files directly, or installing the dedicated Thinkstack plugin—to best suit your setup.

  1. Select Your Chatbot: Log in to your Thinkstack account and select the chatbot you want to embed on your wordpress website.

  2. Navigate to the Embed Section: Go to Embed > Wordpress. Select your desired chatbot view: Bubble View, Bar View, Iframe View, or Conversational Form, based on your design and functional requirements.

note

To embed a conversational forms, you must have created and publish the action. Only the list of published actions are available for embedding as conversational form.

  1. Copy the Script or Iframe Code: If you’ve selected Bubble View or Bar View, copy the provided script; if you’ve selected Iframe View or Conversational Form, copy the provided iframe code, respectively.

Add the Chatbot to Your WordPress Site#

There are three methods to integrate the Thinkstack chatbot:

Method 1: Using a Header/Footer Plugin#

  1. Log in to Your WordPress Admin Panel Navigate to Plugins > Add New.

  2. Install a Header/Footer Plugin: Search for and install a plugin (Eg: “Insert Headers and Footers.”)

  3. Configure the Plugin: Open the plugin’s settings (typically found under Settings > Insert Headers and Footers).

  4. Embed the Code:

    • For Bubble/Bar View: Paste the Thinkstack script into the Footer Code section.
    • For Iframe View: Paste the iframe code snippet in the desired section.

  5. Click Save to apply the integration.

Method 2: Editing the Theme Files Directly#

  1. Access the Theme Editor: In your WordPress admin panel, navigate to Appearance > Theme Editor.

  2. Edit the Footer Template: Open the footer template file (usually footer.php or similar).

  3. Insert the Embed Code:

    • For Bubble/Bar View: Paste the Thinkstack script just above the closing </body> tag.
    • For Iframe View: Insert the iframe code snippet where you want the chatbot to appear.

  4. Update the File: Save your changes to update the theme.

Method 3: Using the Thinkstack WordPress Plugin#

  1. Upload and Activate the Plugin: Either upload the Thinkstack plugin files to /wp-content/plugins/thinkstack or install the plugin directly from the WordPress plugins screen. Activate the plugin via the Plugins menu.

  2. Configure the Plugin: Navigate to the Thinkstack settings page that appears in your WordPress admin area.

  3. Embed the Code: Use the settings page to paste the copied Thinkstack embed code and configure any additional options.

Finalize and Test#

  • Save & Publish: Whether using a plugin or editing theme files, ensure all changes are saved.

  • Test the Integration: Visit your WordPress site to verify that the chatbot is loading correctly and functioning as expected.

That's a wrap🎉. You’ve successfully integrated the Thinkstack chatbot on your Wordpress website.