Activechat Manual
  • What is Activechat?
  • New? Start here
    • The basics
    • Set up your first project
    • Install the chat widget
    • Upload the knowledge
    • Explore the CRM
    • AI-assisted live chat
      • How to set context for AI hints
    • Live chat mobile app
    • Build your first automation
  • Conversational AI
    • For Customer Service Teams
    • For Product Managers
    • For Innovation Teams
    • For Marketers
    • For e-commerce
    • For developers
  • Help Guides
    • Setting up your team
    • Managing conversations
      • Customer attributes
      • User tags and segments
      • Searching for specific users
      • Agent tags (live chat groups and queues)
      • Triggering live chat sessions from the bot
      • Notifications with the TRIGGER block
    • Managing knowledge
      • Uploading business data
      • Question answering and live chat hints
      • Fine-tuning the large language model
    • Natural language automation
    • Building automations visually
      • Customizing your welcome message
      • Adding new skills
      • Navigating skills
      • Copying skills and blocks
      • Handling errors
    • Improving your virtual agent
    • Using live chat AI hints
    • Customizing automatic website page messages
    • Tracking website actions
    • Facebook Ads automation
      • How to set up a Facebook ads bot
      • How to use buttons and quick replies in a Facebook ads chatbot
    • Lead generation
    • Zapier integrations
    • Customizing your project
      • How to customize the chat widget
      • How to customize the Facebook chat widget
      • How to change bot settings
    • Pricing guide
  • Fundamentals
    • Terminology
      • Intents and entities
      • Contexts
      • Skills and events
        • Built-in system skills
          • /start
          • /default
          • /_default_fallback
          • /_start_live_chat
          • /_page_visit
          • /_error
      • Conversation elements
        • Messages
        • Buttons
        • Quick replies
        • Galleries / carousels
    • Messaging channels
      • Website chat widget
        • Installation
        • Customization
        • Voice input
      • Chat widget landing page
      • Facebook Messenger
        • Connect your page
        • 24 hour rule
        • Message tags
        • Persistent menu
      • Telegram
      • Email
      • Twilio SMS automation
    • Intents and bot skills
    • Conversation insights
    • Grow tools
      • Landing pages
      • Messenger links and QR codes
    • Broadcasting
  • Visual builder reference
    • Sending messages
      • TEXT
      • LISTEN
      • IMAGE
      • MEDIA
      • GALLERY
      • FILE
      • EMAIL
      • SMS
      • LEAD
    • Triggering events
      • SEND
      • CATCH
      • TRIGGER
      • LIVE CHAT
    • Manipulating data
      • DATA
      • ADD TAG
      • REMOVE TAG
      • JSON
      • STATUS
      • VALIDATION
    • Conditional logic
      • SWITCH
    • Timers and delays
      • TIMER
      • WAITFOR
      • WAITUNTIL
    • E-commerce blocks
      • CATEGORY
      • PRODUCT
      • VARIATIONS
      • SIMILAR
      • UPSELLS
      • CROSSSELS
      • Shopping carts
        • ADD TO CART
        • UPDATE CART
        • SHOW CART
        • CLEAR CART
        • CREATE ORDER
    • Natural Language
      • NLP
    • System attributes
    • System events
  • Integrations
    • Google services
      • Connect your Google account
      • Google Sheets
        • Searching and updating Google Sheets data
        • Building galleries with Google Sheets data
      • Google Calendar
        • Searching for events
        • Creating and updating events
    • Shopify
    • WooCommerce
    • Dialogflow
      • Building an agent
      • Using entities
      • Slot filling
      • Context management
      • E-commerce NLP
Powered by GitBook
On this page
  • Step 1 – install pixel code
  • Step 2 – choose the chat widget type
  • How to install pixel and website chatbot with WordPress plugin

Was this helpful?

  1. New? Start here

Install the chat widget

PreviousSet up your first projectNextUpload the knowledge

Last updated 3 years ago

Was this helpful?

To start actual conversations between your customers and your virtual and human agents, you need to install the chat widget on your website (and/or or any ).

Step 1 – install pixel code

Once you install Activechat pixel on your website, we’ll start tracking website events (for example, specific page visits and other actions by your customers).

If you are using please skip to . Otherwize, follow these easy steps:

1. Go to the "Settings – Channels" in the menu on the left and click on the gear icon in the Website Chat panel.

How to connect website chat widget

2. Type in your website address and click “Validate” to get the code.

3. Copy the code and paste it anywhere in the <body> section of your website HTML.

4. Visit any page on your website, then click “Check installation” to make sure the code is working. If everything is OK, it will display the time when your pixel was last active.

You can also forward installation instructions to your developer or website designer – just type his/her address in the “Developer’s email address” field and click “Send”.

Step 2 – choose the chat widget type

Once the pixel code is installed and active, you can go to your chatbot settings to select the type of chat widget displayed.

Native Activechat widget does not require any authentication, but messages will be delivered only while your users are on the website. The conversation is persistent, i.e. it will continue when the same user visits your website again (it’s cookie-based, so it will depend on the browser and device).

To choose the type of chat widget on your website, go to your bot Settings – General and open the “Chat widget” section. Choose either “Activechat widget” or “Facebook messenger” or even no widget at all.

Both widgets can be customized in terms of colors, messages, and font sizes. Check these two links for more details:

How to install pixel and website chatbot with WordPress plugin

WordPress users can easily add website chatbot functionality with Activechat plugin. Here is how:

1. Visit your WordPress dashboard and go to “Plugins” section. Click “Add new”.

2. Type “Activechat” in the search box. “Activechat.ai chatbots and live chat” plugin will appear in the search.

3. Click “Install now” and then “Activate”.

4. New item “Activechat.ai” will appear in your WordPress dashboard menu on the left. Click it to set up.

5. Go to your bot settings in the Activechat dashboard and open the “Advanced settings” section. There will be a bot ID in the bottom right section. Click the icon to copy it to your clipboard.

6. Go back to your WordPress dashboard (Activechat.ai settings) and paste the ID to connect this bot to your website. Click “Connect”.

7. Select the type of chat widget to use (Activechat native or Facebook Messenger). Click “Update” and you’re done!

Grab a code snippet for your chat widget installation
Verify that your widget is installed correctly

Activechat supports both native HTML chat widget and Facebook chat widget (if your bot is ).

Both have their pros and cons. The will require Facebook authentication for your bot users to be able to talk to your chatbot. Not everyone loves this, but once your bot starts a conversation on your website, it will be able to continue on even after the user leaves your site. Actually, you get lead data with every new conversation and you will be able to later.

Choose between Facebook chat widget and Activechat native chat widget

Install the Wordpress chat widget plugin
Copy the bot ID to paste it into Wordpress chat widget settings
Connect your Wordpress chatbot to Activechat
connected to Facebook page
Facebook chat widget
Facebook Messenger
broadcast marketing messages
How to customize Activechat native chat widget
How to customize Activechat Facebook Messenger widget
connect your agent to Facebook Messenger
other channel
WordPress
this section