![]() ![]() Paste the code you copied from Customers.ai into this box. Give your tag a descriptive name like “Facebook Messenger Chatbot Widget.”įrom the tag type menu, select “Custom HTML”:Īn empty text box will appear. Head back to your Google Tag Manager dashboard, and click “Add A New Tag”: Create a New Tag for Your Chatbot in Tag Manager This is what we’ll add to Tag Manager next. With all the settings customized, click the “Copy” button to paste the website chat widget code to your clipboard: Under “Add Domain to Whitelist,” enter your domain name, like, and click “Add.” Next white list all the domains you’ll be using this website chat widget on. Use your standard welcome page bot or design a bot to greet your website visitors. Here’s a quick primer on how to build a chatbot page in Customers.ai. But you can use the drop-down selector to pick the chat page that responds to your website visitors. What will your bot say when the user clicks “Chat Now”?īy default, your Welcome Page bot is selected. Want to customize the color of the Messenger logo that appears in the lower right corner to match your site theme?Įnter the hex color code of any color into the Plugin Color field! Chat page that responds to the user You can say something different to someone who is logged into Facebook and someone isn’t logged into Facebook. To customize the text on the chat widget box, enter text here in Customers.ai: Next we’ll pick all the chat widget settings including:Ī closer look at these three selections to customize… Keep these things in mind when you’re giving your website chat widget a name. “ Website Chat” is a good name, for instance.īecause you can add different bots to different pages of your site, you might design a different bot for blog than your shopping cart. Give your customer chat widget a descriptive name so you can recognize in a listing of all your Customers.ai Messenger HTML elements. Select “Customer Chat Widget” from the options: In Customers.ai, select “HTML Elements” from the left sidebar and click the button to “Add HTML Element”: ![]() Once you’ve installed Google Tag Manager on your website, you’ll need to connect your Facebook Messenger chatbot to your domain. Set Up Your Website Chat Widget in Customers.ai If you’re using a different CMS and aren’t sure how to enable Google Tag Manager, search your CMS provider’s website for instructions for adding third-party integrations in Google or YouTube, or get in touch with their support staff to help you out. Then, select “Connect Google Tag Manager,” paste in your ID and click “Save”. Log into your WIX account and navigate to “Marketing Integrations”.įind the integration for Google Tag Manager and click “Go For It.” ![]() This next part will vary slightly based on your CMS, but the process of adding integrations is similar for most CMS platforms. This ID is located at the top of the page in blue text: Once you’ve created your account, copy the ten-digit ID from your Tag Manager dashboard. Install Google Tag Manager on Your Websiteįirst, head to Google Tag Manager and either create an account or log in to your existing one. Install Google Tag Manager on your website.Ģ. Set up your website chat widget in Customers.ai.ģ. Create a new tag for your customer chatbot in Tag Manager.ġ. So how can you add Facebook Messenger chat to a WIX website? With Google Tag Manager! Just:ġ. In a single container controlled from the Google Tag Manager interface, you can manage tags you might need for a variety of reasons, from analytics tracking to a website chat widget, without the help of an experienced developer. Google Tag Manager is a free tool that lets webmasters quickly and easily add snippets of code, or “tags,” to a website. 3 Easy Steps to Add a Facebook Messenger Chat Widget Using Google Tag Manager You can interact with Customers.ai’s website chatbot marketing widget by clicking the Messenger logo in the lower right corner of this window, or any other page of the site! Then build your own free chatbot with Customers.ai. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |