Skip to main content

How to create a custom chatbot

Learn how to embed a chatbot on your website with Formaloo to engage visitors instantly, answer questions automatically, and capture more leads without coding.

Updated over 2 weeks ago

Adding a chatbot to your website can transform how you interact with visitors. Instead of filling out long forms or waiting for support emails, people can get instant answers and guidance. With Formaloo, you don’t need coding skills, just a few clicks, and your chatbot is live on your site.

In this article, you will learn:

What a chatbot is and why it matters

A chatbot in Formaloo is an interactive widget that looks and feels like a chat conversation. Instead of seeing traditional fields, your visitors interact step by step, answering questions, choosing from options, or providing their information in a conversational flow.

This matters because:

  • It’s always available: A chatbot never sleeps, so visitors can reach you at any hour.

  • It saves time: Simple, repetitive questions are handled automatically, freeing up your team.

  • It scales easily: Chatbots can respond to hundreds of visitors at once, something human agents can’t.

  • It improves experience: The conversational format feels faster, more personal, and less intimidating than long forms.

💡 Pro Tip: Research shows that 88% of customers interacted with a chatbot in the last year. If you’re not offering one yet, chances are your competitors already are.

How to embed a chatbot in your website

Embedding your chatbot is straightforward and requires no technical skills. Once you’ve set up the form you want to use, follow these steps:

  1. On your Formaloo dashboard, go to the top navigation bar and click the Share button.

  2. A sidebar will open. From there, click on ‹ › Embed.

  3. Select the Chatbot option. You’ll immediately see how it looks.

  4. On the bottom left corner, click Get the code.

  5. Copy the code and paste it into your website’s HTML where you want the chatbot to appear.

Here’s the embed snippet you’ll get:

 <!-- Formaloo Chatbot Widget --> <script id="formaloo-chatbot-script" type="text/props" data-widget-form="formaloo-widget" data-prop-slug="NXlBVKjq" data-prop-type="chatbot" data-prop-position="right" data-prop-once_per_user="false" dir="ltr" style="font-size: 13px; line-height: normal"></script> <script async src="https://chatbot.formaloo.me/script.js"></script> <!-- End Formaloo Chatbot Widget -->

Once you add this code, your chatbot is live and ready to engage with your visitors.

💡 Pro Tip: You can change the position setting to “left” or “right” depending on where you want the chatbot to appear on the screen.

Chatbot components

When you embed a chatbot with Formaloo, here’s what you get:

  • Welcome message: A greeting that sets the tone and invites the visitor to start chatting.

  • Conversational flow: Each form question appears as a step in the chat, making it feel natural and simple.

  • Response collection: Every reply is saved in your Formaloo dashboard, where you can analyze and export the data.

  • Design settings: Options for adjusting text style, widget position, and behavior so the chatbot matches your site’s look and feel.

By understanding these components, you can design a chatbot that feels both functional and personal.

💡 Pro Tip: Pair your chatbot with Formaloo charts to track interactions visually. See how many people engage, where they drop off, and which questions perform best. This makes it easier to optimize your chatbot step by step. Learn more in our guide: How to add charts to your projects in Formaloo.

Use cases for chatbots

Chatbots are versatile and can be adapted for many industries. Here are a few examples:

  • Customer support: Provide instant answers to FAQs and reduce support ticket volume.

  • Lead generation: Collect visitor details like name, email, and preferences in a friendly way.

  • E-commerce: Help users choose products by offering guided recommendations.

  • Event management: Handle registrations, share event details, and confirm attendance.

  • Education: Give quick course details, answer common student questions, or gather feedback.

Each of these use cases improves efficiency while keeping the customer experience smooth and enjoyable.

🎨 Want to get started faster? Explore ready-made templates for your industry. Use event management templates to handle registrations, lead generation templates to capture more prospects, e-commerce templates for product recommendations, education templates to support students, or client portal templates to give customers secure access anytime.

Customization options

Formaloo gives you flexibility to make the chatbot your own. You can:

  • Change the position of the widget (left or right).

  • Adjust the font size and line height for readability.

  • Control how often the chatbot appears (once per user or on every visit).

  • Align colors and styles with your brand identity.

With these options, the chatbot feels like a natural part of your website rather than a third-party add-on.

🎉 For the best results, keep your chatbot’s colors and layout consistent with your website’s design. A cohesive look builds trust and makes the chatbot feel like a natural part of your brand. Learn how in our guide: Customize your form & app layout and design.

Wrap-up

Embedding a chatbot in your website with Formaloo is one of the fastest ways to improve visitor experience. With just a few clicks, you can:

  • Answer questions instantly

  • Capture valuable leads

  • Automate repetitive interactions

  • Provide a modern, engaging customer journey

🪄 Boost efficiency with On Update logic, automate tasks, send notifications, and trigger workflows whenever a response changes. Save time, reduce manual work, and keep your processes running smoothly. Learn more: What is On Update logic and how it works.

Did this answer your question?