How to create a rich Dialogflow chatbot front end for web and mobile marketing without Javascript.

Now you can create a rich Dialogflow chatbot front end for your website in minutes, without programming. Thanks to Botcopy SaaS.

Ever wondered why you can’t easily have a similar-to-Drift or Intercom front-end look, but with a 100% Google Dialogflow brain and a full suite of rich media and branding customizations? Plus a live chat handoff if you need it?

Well, now you can have your cake and eat it, too. You can build a rich, custom front end web chat for your Dialogflow chatbot with no hassles or coding.

No slogging through documentation about Google’s REST API. And no hiring a freelance developer who might take advantage of you on pricing, or disappear for weeks or months, leaving you with buggy software.

Read on to find out how to avoid these hassles and get your bot in gear.

(Btw, if you happen to BE that freelance developer, we mean no disrespect. It’s just that you can now focus your Javascript and JSON talents on doing the significant back-end fulfillment work for brands who need Dialogflow on their website, and worry less about front-end assignments. Or you can use Botcopy for the front end and charge fees for managing it.)

Congratulations, you no longer need to ask: “How do I create a rich Dialogflow chatbot front end for a website, quickly and affordably?”

Step 1: Set up a free Botcopy account

Make sure you sign up with the same Gmail address associated with the admin (or owner) of your Google Dialogflow account.

Step 2: Once inside, click the big chunky Add-A-Bot button.

Once inside your Botcopy account select Add A Bot.

You’ll quickly discover (to your delight) that you can access a dropdown menu that contains all your Dialogflow agents! Thanks to Botcopy’s native Google integration, Botcopy “sees” all your agents in your Dialogflow account and can connect with them in one click.

Yup, this is going to be a LOT easier than you thought. Life is good. 😎

Use the drop-down menu to select the agent you want to build a custom front-end web chat for and boom, you’re locked and loaded.

Next, if you’d like, add your API key for analytics tools such as Dashbot or Chatbase, and move on to the next step.

Step 3: Customize your Dialogflow chatbot skin with Botcopy’s branding tool

Here’s where it gets crazy: Accomplish in seconds what commonly takes a front-end Javascript and CSS/HTML programmer weeks or months. Use Botcopy’s intuitive branding tools to choose the colors and fonts for your bot skin. Upload your avatar and greeter image. Your chat window and variety of beautifully designed rich media components will look how you want them to.

Step 4: Cut and paste a generated snippet into your website

The snippet generated for this particular bot will work forever, no matter how many times you tweak the branding in Botcopy later or how often you edit, train, and augment the associated Dialogflow agent itself.

Step 5: Repeat and rejoice

Keep hitting that Add-A-Bot button every time you want a nice rush of endorphins.

Each time you add a bot, you’ll be prompted to connect that new bot to a Dialogflow agent from your drop-down menu, and you’ll be able to customize the skin however you want and get a new snippet going. Save all your new Dialogflow chatbots nice and neat in your Botcopy dashboard. Psst — if you’re a bot agency, this workflow will help your margins skyrocket.

NLU frameworks like Dialogflow are the most powerful option

Dialogflow can do almost anything in the right hands, but requires varying levels of coding expertise. I’m not a coder and I manage to play Dialogflow’s console like a violin, so it’s my favorite. Dialogflow is good for companies of all sizes looking to dominate in the years to come.

Live chat solutions with non-AI playbooks hand off to humans too early.

You may benefit from a simple handoff bot, as long as you don’t expect a lot of upside in terms of real automation. Plus, if the headline of this article caught your eye, you’re probably past considering those kinds of products. You don’t want to hand off the baton too early and needlessly waste even a second of your staff’s precious time.

When you are good and ready to hand off to a human, Botcopy’s live chat integration makes it super-easy.

Conclusion

You don’t need to build a web chat front-end from scratch to have a rich, custom Dialogflow chatbot that looks great on your website. You don’t have to do it yourself, nor do you have to pay a front-end developer to do it for you. Don’t be fooled.

You can have buttons, carousels, branded colors, and all the NLU goodness (intents, entities, context and fulfillments) that brought you to Dialogflow in the first place, without the agony of building (or buying) your own UI and creating workarounds with REST API.

Best of all, Botcopy’s friendly support is always available, and new features are added every month.

Congratulations, you no longer need to ask: “How do I create a Dialogflow chatbot front end for a website, quickly and affordably?”

Enjoy!