How one can Add a ManyChat Chatbot to Your WooCommerce Website

Do you wish to add a dwell chat function in your WooCommerce retailer, however undecided the place to get began?

ManyChat is a wonderful software for speaking extra effectively along with your purchasers. And whenever you mix it with the superior promoting options of WooCommerce, you’ve bought simply what it’s worthwhile to enhance consumer expertise (UX) and improve earnings.

That’s why, as we speak, I’m going to show you 2 strategies for find out how to add a ManyChat chatbot to your WooCommerce web site:

• Integrating ManyChat instantly onto your WooCommerce web site
• Integrating ManyChat with OptinMonster for larger conversions and a greater UX

Then, I’ll offer you 3 recommendations on find out how to use ManyChat with OptinMonster to drive extra gross sales.

What Is ManyChat and Why Do You Want It?

ManyChat is a dwell chat service that lets you communicate with prospects in real-time or with the assistance of a chatbot:

ManyChat offers you the instruments to construct deeper relationships and loyalty along with your prospects. Finally, this implies enhancing your consumer’s buying expertise and rising income.

Plus, you may discuss to potential purchasers and permit loyal consumers to purchase merchandise instantly by Fb Messenger. Although this isn’t the one channel of communication.

You too can use e-mail and SMS, too.

With ManyChat, you may extra simply attain your eCommerce targets by:

• Making focused product ideas
• Troubleshooting buyer issues
• Recovering deserted carts with focused messaging
• Producing extra income by operating promotions

And far more. However one of many largest elements in operating a profitable on-line retailer is making the consumer’s buying expertise as frictionless as attainable.

Listed below are the highest 3 methods ManyChat will show you how to enhance buyer UX:

1) Troubleshoot Issues Quicker

When there’s an issue along with your on-line retailer, you could possibly be taking a look at tons of missed income. Whether or not it’s with a product web page, a fee gateway, or only a consumer having hassle logging in, you should utilize your ManyChat chatbot to information prospects by no matter downside they’re having.

The very best half is that you would be able to create a chatbot for widespread buyer points, so that you don’t need to have dwell brokers standing by 24/7.

2) Reply Questions in Actual-Time

Typically your prospects don’t have a particular downside. They’re simply interested in your services or products. You possibly can create your chatbot to area these questions and assist prospects discover the solutions.

The extra info your customers have about your product, the extra they’ll belief your model. Ultimately, this implies producing extra gross sales and constructing extra loyal prospects.

3) Remind Clients about Gadgets They Forgot

It’s no secret that buying cart abandonment is without doubt one of the largest issues enterprise house owners face on-line. However generally, prospects fill their cart with gadgets they wished and easily overlook they’re nonetheless there.

You possibly can ship light reminders to your consumers through Fb, e-mail, or SMS to let prospects know their favourite merchandise are nonetheless ready for them.

Now that you understand how ManyChat can enhance buyer UX, let’s get into find out how to set up ManyChat in your WooCommerce web site.

Including ManyChat to WooCommerce

Right this moment, we’re going to point out you 2 strategies for including ManyChat to your WooCommerce retailer:

First, we’ll present you the extra restricted model that makes use of solely ManyChat. The total course of will be carried out in solely 2 steps:

• Get your ManyChat JavaScript snippet
• Embed your JavaScript Snippet within the tag of your WooCommerce retailer

However then we’ll kick issues up a notch by including ManyChat to an OptinMonster marketing campaign:

OptinMonster is the world’s #1 lead era software program that permits you to start extra focused conversations along with your viewers utilizing ManyChat. OptinMonster lets you create optin campaigns like popups, floating bars, fullscreen welcome mats, and extra.

Then you may configure these campaigns with subtle concentrating on guidelines to speak with folks at simply the appropriate time of their buyer journey. Ultimately, this results in a greater consumer expertise (UX) throughout your web site and extra conversions for you.

Right here’s a demo of the ManyChat popup we’ll construct for our WooCommerce retailer as we speak:

This sort of marketing campaign could be nice for partaking prospects who’ve checked out particular classes of merchandise (on this case, summer time t-shirts).

However now you could be questioning, “If ManyChat already has a popup overlay, why would I exploit OptinMonster?”

Once more, the reply is straightforward: so you should utilize the facility of OptinMonster’s superior concentrating on guidelines and set off to personalize the conversations you may have with prospects through ManyChat.

So slightly than having your chatbot introduce a imprecise subject, you may truly begin conversations primarily based on what your guests are taking a look at.

Now let’s dive into our first methodology.

Technique 1: Set up ManyChat on Your Website

Step 1: Get Your ManyChat JavaScript Snippet

Head over to your ManyChat dashboard:

You need to have related your Fb account whereas signing up for ManyChat. Should you didn’t, nonetheless, you are able to do so by clicking Join underneath Fb within the picture above.

When you’ve related your Fb account, go into Progress Instruments within the left-hand aspect menu:

Now click on + New Progress Device within the higher right-hand nook of your dashboard:

You possibly can select which kind of ManyChat widget you need in your WooCommerce web site:

You’ve bought tons of choices right here to satisfy your targets for eCommerce. For as we speak, although, we’re going to decide on Buyer Chat:

A brand new window will seem the place you may configure your messaging automation move. We gained’t get into find out how to customise your chatbot on this tutorial. As a substitute, we’re targeted on find out how to embed ManyChat in your web site.

For that, click on Set up JavaScript Snippet:

A popup will seem asking you to authorize your web site. Guarantee that your web site is allowed to assist a ManyChat chatbot. Should you don’t see your web site listed, add in your WooCommerce retailer URL and click on Add:

As soon as your web site is added and on the listing, click on Subsequent within the decrease right-hand nook. This may take you to the JavaScript snippet it’s worthwhile to embed ManyChat in your WooCommerce web site:

Copy this JavaScript snippet and embed it within the

tag on each web page of your WooCommerce web site.

Step 2: Embed Your JavaScript Snippet

At this level, all it’s worthwhile to do is take the JavaScript snippet and embed it within the

tag of each web page of your WooCommerce retailer.

Since WooCommerce is a WordPress plugin, which means you’ll be putting in the JavaScript snippet in your WordPress web site.

The excellent news is that it’s extremely simple. You’ll simply want so as to add and activate one plugin to get began.

In your WordPress dashboard, head to Plugins » Add New:

Seek for the plugin WPCode. When you’ve situated it, click on Set up Now:

Then click on Activate.

Should you’ve by no means put in and activated a plugin earlier than, that’s okay! Simply try this useful resource on find out how to set up a WordPress plugin.

If you’ve efficiently put in the WPCode plugin, go to your WordPress dashboard menu. Click on Code Snippets » Header & Footer:

Now insert your ManyChat JavaScript snippet within the first field labeled Header:

Click on Save Adjustments on the high of the display.

And that’s it! Your ManyChat chatbot is now embedded in your web site.

Now let’s flip our consideration to embedding ManyChat in an OptinMonster popup. Then we’ll offer you 3 concrete methods to spice up gross sales that you simply begin utilizing as we speak.

Technique 2: Integrating With OptinMonster

Step 1: Create an Embeddable Widget With ManyChat

Earlier within the tutorial, we mentioned you could possibly choose which kind of ManyChat widget you need in your WooCommerce retailer. However once we’re utilizing OptinMonster, we’ll want an embeddable widget within the type of a button.

Out of your ManyChat dashboard, click on New Progress Device:

Then you definately’ll choose your widget kind. On this tutorial, we’ll go together with Button:

When you’ve designed and activated your ManyChat button widget, you’ll get the embed code:

Hold this tab open for later since you’ll want the Widget ID to combine ManyChat with OptinMonster.

For now, although, we are able to open a brand new tab to create a popup for our WooCommmerce retailer.

Step 2: Create a Popup for WooCommerce

The very first thing you’ll have to do is log into your OptinMonster account. Don’t have one but? No downside.

You possibly can join your risk-free OptinMonster account right here.

When you’re within the OptinMonster dashboard, click on Create New Marketing campaign:

You’ll select Template and choose your marketing campaign kind. For this tutorial, we’ll merely select a Popup:

And then you definately’ll want to seek out the appropriate template in your web site:

OptinMonster has over 700 pre-built templates to avoid wasting you hours of time in the course of the design course of. Every of our templates will be absolutely custom-made in minutes with our drag-and-drop editor.

Plus, they appear nice throughout cellular, pill, and desktop, so you can begin chatting along with your web site’s guests whatever the system they’re utilizing.

And if extra folks go to your web site through cellular, you may even prioritize that by selecting a cellular optimized template:

Right this moment, we’ll go together with the Subscribe to E-newsletter (Mild)  template:

Then you definately’ll simply want to call your marketing campaign, assign it to your web site, and click on Begin Constructing:

Now you’re prepared so as to add ManyChat to your WooCommerce popup.

Step 3: Combine ManyChat in Your Popup

On this tutorial, we gained’t get into all of the facets of designing your marketing campaign. Frankly, there are too many customization choices to cowl right here.

However with OptinMonster’s inline textual content editor and drag and drop builder, designing your marketing campaign is a breeze. For extra info on find out how to get began, try this useful useful resource: How one can Create and Design Your First OptinMonster Marketing campaign.

However now let’s take a look at find out how to add your ManyChat chatbot to an OptinMonster popup. On the high of your editor menu, choose + Add Blocks:

Then scroll down and find ChatBot:

And drag and drop it into your popup:

Subsequent, click on on the brand new block the place it says to Setup Your Integration:

By default, the ManyChat integration will seem within the left-hand aspect of your OptinMonster marketing campaign editor. All it’s worthwhile to do is add your Fb ID and your Widget ID:

To search out these, head again to the browser tab the place you may have ManyChat open. Your Widget ID might be available underneath Embed Your Widget:

And you may shortly discover your Fb ID, too. Simply click on Set up JavaScript Snippet and click on by to Set up ManyChat Snippet. The quantity in your widget’s URL is your Fb ID:

And that’s it! Your ManyChat chatbot is now built-in along with your OptinMonster marketing campaign. Right here’s an instance of what your popup might appear like:

You possibly can change the styling of each the marketing campaign and the ManyChat factor to fit your model’s model, voice, and messaging.

Now we’re virtually able to publish the marketing campaign. However first, we have to set our concentrating on guidelines and triggers.

Step 4: Set Your Concentrating on Guidelines and Triggers

It’s necessary to recollect why we’re integrating ManyChat into an OptinMonster popup within the first place: to make the most of OptinMonster’s extra superior concentrating on guidelines to personalize your communication and increase conversions.

In any other case, you’d merely depend on ManyChat’s extra restricted overlay widget (which resembles a popup).

To configure your concentrating on guidelines, click on Show Guidelines on the high of your editor menu:

OptinMonster has 2 varieties of show guidelines:

Targets depend on a consumer’s demographic info to find out if a popup will seem. This is able to be issues like what system they’re utilizing, the place they’re situated, what sort of content material they’re taking a look at, and far more.

Triggers, however, depend on your consumer’s conduct to find out in case your popup might be displayed. That might be like how far down an individual scrolls, how lengthy they’ve been in your web site, or in the event that they’ve clicked a hyperlink.

You’ll want to find out the appropriate concentrating on guidelines and triggers in your advertising targets.

However the excellent news is that OptinMonster has tons of superior concentrating on guidelines particularly for WooCommerce. Simply click on Ecommerce out of your show guidelines menu to tug them up:

With these superior concentrating on guidelines, you may show your ManyChat campaigns to begin a dialog when prospects have:

• Checked out particular merchandise or classes
• Added or eliminated gadgets of their buying cart
• NOT added gadgets to their buying cart
• Put a sure variety of gadgets of their cart

And far more. With OptinMonster’s eCommerce show guidelines, you don’t have to have any coding or technical information to create extremely focused popup campaigns.

Once more, you’ll want to find out the appropriate show guidelines in your ManyChat popup. It should rely upon you targets and your viewers.

However with OptinMonster, you can begin conversations with the appropriate folks at simply the appropriate time of their buyer journey.

Earlier than we wrap up, although, let’s take a look at a couple of artistic methods you may improve gross sales through the use of OptinMonster and ManyChat.

How one can Increase Gross sales With OptinMonster and ManyChat

1. Counsel Associated Merchandise

An incredible function of ManyChat is that it permits you to collect knowledge in your customers and prospects. They do that to assist cut back buying cart abandonment and make associated product ideas.

However you should utilize ManyChat to redirect customers to particular areas in your web site primarily based on their dialog along with your chatbot. Then, with OptinMonster, you may create focused optin campaigns with associated product ideas to extend total gross sales.

For instance, if somebody have been chatting with you through ManyChat, you could suggest they try your retailer’s number of denims. Then you may have a popup marketing campaign seem with a associated product suggestion for all URLs associated to this product line:

As your prospects are looking for particular gadgets of clothes (really helpful by your ManyChat dialog), they’ll be extra possible so as to add further merchandise to their cart.

That is precious for two causes:

• It grows your total income
• It helps you work together with prospects by a number of channels in order that they don’t develop uninterested in anybody type of communication

Ultimately, your prospects get a greater buying expertise, and also you improve your earnings.

2. Get better Abandoning Buyers

As prospects are trying by your on-line retailer, they could have questions on your product or providers. Quite than sift by your documentation, they’ll possible head again to Google to seek for their solutions.

However as soon as they’ve left your web site, there’s a very good probability that they’ll by no means be again. That is the place an Exit Intent® marketing campaign can turn out to be useful.

By utilizing OptinMonster’s Exit Intent® expertise, you may get better guests as they’re actively leaving your web site. Exit intent campaigns can be found for each desktop and cellular units, so you may configure your campaigns to focus on no matter is most suited to your viewers.

As your guests are leaving, you may encourage them to interact along with your ManyChat chatbot to seek out any solutions to questions they could have. Your marketing campaign might look one thing like this:

That is an exit intent popup we constructed with OptinMonster in rather less than 5 minutes. These kind of campaigns have been confirmed to be extremely profitable at recovering abandoning guests. T

For instance, the journey company Wherever.com was capable of get better 56% of their abandoning guests.

You should utilize OptinMonster to seize your consumer’s consideration and direct them to your chatbot earlier than they depart your web site eternally.

3. Construct Suspense With Coupon Codes

ManyChat lets you distribute coupon codes to your web site’s customers. Additionally they allow you to create key phrases that set off sure responses within the dwell chat function.

You possibly can mix these 2 components to make key phrases carry out a coupon code. You can configure your settings to offer out a 20% coupon any time somebody writes the phrase “Coupon,” for instance.

You may make your coupon codes extra standard through the use of an OptinMonster marketing campaign to gamify the method.

Right here’s an instance of an OptinMonster marketing campaign you could possibly use to create extra suspense and curiosity round your promotion:

When customers see this marketing campaign, it is going to create a way of curiosity and anticipation. Which means extra folks might be more likely to interact along with your dwell chat to see what the phrase “thriller” reveals.

These are solely 3 of the methods that you would be able to improve earnings by combining OptinMonster and ManyChat. Since each have so many useful options in your WooCommerce retailer, there are lots of different methods you should utilize.

And in the event you actually wish to make your WooCommerce web site extra profitable, we extremely suggest testing the next sources:

However in the event you’re on the lookout for find out how to generate extra earnings and develop your e-mail listing, we propose beginning right here: How Does OptinMonster Work? (8 Advantages + 12 Case Research).

Able to get began rising visitors, rising your listing, and driving extra gross sales? Join your risk-free OptinMonster account as we speak!