Looking to integrate a popular chat application into your next big project? Wish you could have one place to manage all your social media channels, but don’t have the time to dedicate to doing so yourself? You can use a service like ManyChat to easily build an end-to-end integration between your website and chat application – all without having to write a single line of code! Let’s take a look at how to get started with ManyChat on ClickFunnels.

First, You’ll Need To Sign Up For A Free Account

In order to use ManyChat, you’ll need to first sign up for a free account. You can do this from the dashboard located at http://manychat.com. Once you’re logged into your dashboard, you can click the “Get Started” button to be directed to the signup form. Enter your desired username and click the “Create Account” button to proceed.

You’ll then see a short-term email sent to the address you provided. Click the “Create Account” button in the email to confirm your email address and create your account.

Next, You’ll Need To Configure The Embedding

After you’ve created your account, you’ll be brought back to the dashboard. From here, click the gear icon at the top right of the screen to access the settings for the account you created.

You can then click the “Embedding” tab located at the top of the page to be taken to the configuration options for the app you chose to integrate with ClickFunnels.

First, you’ll need to enter the domain for the website where you’d like to have the embedded chat widget appear. This can be either the domain of your site, or a subdomain for example: mysite.com.

Secondly, you’ll need to enter the name of the chat application you’d like to have appear. If you go with the popular and free version of ManyChat, the name will be embedded into the site once you’ve configured it. For more information on the popular ManyChat version, see

The Two Versions of ManyChat

Third, you’ll need to pick the type of input you’d like to have into the chat application when a user types in the box located at the top of the screen. You can choose from the following:

  • Real-Time (the default) – Real-time updates will appear in the chat window as soon as you make them.
  • Custom HTML (advanced) – With this option, you can enter HTML into the box provided – be careful not to put too much HTML into this field as it may break your site’s formatting
  • PHP Code (advanced) – Similar to the Custom HTML option, but allows you to enter php code into the box
  • JavaScript (basic) – Similar to the PHP option, but allows you to enter javascript into the box

Then, Once You’ve Entered The Inputs, Click The “Create Embed” Button

Once you’ve filled out the necessary details, click the “Create Embed” button at the bottom of the page. This will submit your configuration details and have the embed code generated and placed into your website’s source code.

Now, if you want to test the embedded chat widget on your site before it goes live, you can click on the “Try This Out” button on the right. This will direct you to a new page where you can click the “Live Test” button to enter a fake message into the chat box on your site.

The Two Versions of ManyChat

While the above instructions covered the basics of integrating With ManyChat, if you want to learn more, take a look at their website for instructions on connecting your various social media channels (such as Twitter, YouTube, and Facebook) to the app. Additionally, if you’re interested in using the more advanced features of ManyChat (such as customizing the look of your chat widget with CSS or changing the functionality of the chat with JavaScript), then take a look at their documentation for more information.