There's a number of issues you may come across when installing ManyChat Growth Tools (aka widgets) on your website or even using them after the installation. If that's the case - don't worry, just read through this article to find a quick solution to your problem :)
Table on contents:
1. Can’t install widget on a site
2. Widget isn’t clickable
3. Widget doesn’t appear on a site
4. Widget throws an error in Console
But what to do if you don't have access to the source code and you're just using the site builder, like Wordpress, for example? In such cases, you'll need to look for the special section that replaces the <head> section on the site platform that you're using, or install a special helpful plugin on your page.
As there's a great variety of site platforms, it would be difficult to list how to install ManyChat widgets on all of them, but you should always be able to find the necessary info in your site platform's knowledge base or by reaching out to their support. There's also a plenty of useful tutorials on the net, like this one on installing the widgets on a Wordpress site.
Thus, if you're having difficulties adding the widget code to a site, the right place to look for the solution is the platform's help documentation or support channels.
If you've noticed that the widget that appears properly on your site doesn't react to clicks, the issue might be caused by the site's layout.
Sometimes a layout is designed in such a way that some elements cover the widget which makes it unclickable, because it's located in the background. Often it's difficult to notice this, especially with the Customer Chat widget if it's in minimized state, but sometimes if you scroll through the site, you can see something like this:
How to solve such issues? Just follow the steps listed below:
1. Choose the element that covers the widget, hover over it with a cursor, then right-click and choose 'Inspect element' in the menu that appears.
2. When the Console opens, right-click on the selected element and choose "Hide element":
3. Once the widget is uncovered, check if it's clickable and working properly. You'll also be able to see which elements were hiding the widget:
If that's the case, first thing to check is whether you've pasted the widget's code properly into your site. Instructions can be found in these articles depending on the type of widget you're dealing with: Embeddable Widgets or Overlay Widgets.
If you've followed the instructions and you're 100% sure that the widget is installed properly on your site, but it still doesn't show up, let's use ManyChat's diagnostic tool to see what's wrong. This feature will tell you if there are any errors found on your site and how to fix them to make the widget appear.
However it may happen that the diagnostic tool doesn't spot any errors, although the widget still isn't there. In this case the issue is probably caused by something our tool can't identify (it's rare, but it happens). In such cases, be sure to check your website Console for errors. To open a Console, follow these steps:
1. When on your site, click anywhere with the right mouse button.
2. Choose 'Inspect element' in the menu that appears.
3. Open the 'Console' tab on the panel that appeared at the right side of the screen.
If you see any errors there, make sure to take action to eliminate them - this may help solve the issue with your ManyChat widget.
If after installing ManyChat widget on your site you've noticed that an error related to the widget appeared in your site's Console, first thing to check would be if the widget is installed properly. You can check it using our diagnostic tool.
If you experience difficulties eliminating the error yourself, it would be worth contacting your web developer or website platform's technical support representative - they should be able to help you solve the issue!
"With checkbox" widget: Subscriber's name isn't shown in the opt-in message
Sometimes you may notice that although you have First Name/Full Name/other name variable in the opt-in message connected to any widget that has "with checkbox" button type in it (for example Button, Box, Modal, etc.), the message is being delivered to your subscribers without their name in it.
How you see the message in your flow
How it arrives to your subscribers
The reason why this happens is that due to Facebook limitations, ManyChat variables only work in opt-in messages connected to the widgets with "Send to Messenger" button type.
How to troubleshoot
To solve this issue, you may either edit your opt-in message so that it looks nice without the user name, or change the type of the widget button to "Send to Messenger".
Opt-in Message isn't sent
This issue is usually appearing when you are trying to send a message that either does not have its content type tag specified or that has some limitations due to technical issues.
How to troubleshoot
Make sure that you have manychat.com in your ManyChat Settings > Growth Tools. Check whether the flow is actually Published. Also, make sure to set up a content-type tag according to this article here.