Add Conferbot to Next.js

Create your Conferbot account

Sign up for a free Conferbot account if you haven't already.Create account

Build your chatbot

Choose from 100+ templates or build from scratch using our drag-and-drop builder.

Customize your bot

Modify the conversation flow to match your business needs. Add your brand colors and personalize messages.

Configure widget settings

Go to Deploy > Widget and customize how your chatbot appears on your Next.js app.

Generate the embed code

Click 'Generate Code' to get your unique embed snippet.

<script type="text/javascript">
  (function (d, s, id) {
    var js, el = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.async = true;
    js.src = 'https://s3.ap-south-1.amazonaws.com/conferbot.defaults/dist/v1/widget.min.js';
    js.id = id;
    js.charset = 'UTF-8';
    el.parentNode.insertBefore(js, el);
    js.onload = function () {
      var w = window.ConferbotWidget("YOUR_BOT_ID");
    };
  })(document, 'script', 'conferbot-js');
</script>

Add to your Next.js app

Install the code in your Next.js application using one of these methods:

You're all set!

Refresh your Next.js app and your chatbot should now be live. Start engaging with your visitors!