No-Code Message Widgets: Build No-Code Chatbots with CreyoFace — Series 1

Have you ever considered developing a chatbot but felt it was too complicated? Well, that’s where Creyoface comes in. It’s a no-code chatbot platform that lets anyone create chatbots easily.

They’re making it easy for anyone to build chatbots with simple message widgets. And the best part? It’s all drag-and-drop.

We are starting a series on mastering no-code chatbots with CreyoFace! This series will delve into various aspects of chatbot development and management, including widgets, flow, deployment integration, and analytics. It is an excellent opportunity for anyone interested in building and integrating chatbots efficiently without extensive coding knowledge. So, stay tight with us as we explore the world of no-code chatbot solutions and unlock the potential of this powerful technology. Whether you’re a beginner or looking to refine your skills, this series promises to be informative and engaging.

We are starting with the message widgets in Creyoface.The message widgets are for setting up what the chatbot says, and the user input widgets let it understand and reply to what people ask.

In this blog, we’re focusing on the message widgets of Creyoface’s no-code chatbot platform. These widgets are all about setting up what the chatbot says. We’ll delve into how they make building a chatbot not only easy but also quite enjoyable.

So, let’s jump in and find out how Creyoface makes no-code chatbot development simple with these drag-and-drop widgets.

Understanding Message Widgets

Imagine you’re on a website, and suddenly, a chat window appears. You type a question, and within moments, you get a friendly and helpful reply, even with pictures and videos. How does this chat feel so easy and natural?

The secret is message widgets! They’re like the chatbot’s language skills. They help the chatbot talk to you in a way that’s not boring or robotic but more like chatting with a friend.

These widgets make chatbots seem human-like and fun to talk to. We will look closer at these message widgets and see how they work to make your chatbot conversations engaging.

Send Message Widget

Now that we understand the basics with Creyoface, let’s delve deeper into the specific features, starting with the ‘Send Message’ widget.

Picture this: You’re building a chatbot on Creyoface, and you want it to greet users warmly or provide essential information. That’s where the “Send Message” widget comes in.

This widget lets you send text messages within your chatbot’s conversation flow. It’s like having a chatbot that can start a conversation with a friendly “Hello” or provide helpful details seamlessly.

With Creyoface’s user-friendly interface, you can easily drag and drop the “Send Message” widget into your chatbot’s dialogue, customize the text, and let your chatbot do the talking. It’s a simple yet powerful tool that enhances the user experience and makes chatbot development on Creyoface a breeze.

So, whether you want to create a chatbot that offers a warm welcome or delivers informative messages, the “Send Message” widget on Creyoface has got you covered, making your chatbots more conversational and engaging.

Also, next time you chat with a chatbot, remember it’s using these message widgets to make the conversation as human as possible.

Let’s see how you can message customers using this widget.

From the widget list, select the Send Message.

You can enter the message you want your chatbot to send in the large text area. This is where you type the text the chatbot will display to the user during the conversation.

Below the text area, there’s an option to set a pause with a dropdown menu. It allows you to choose how long the chatbot should wait before sending the message, measured in seconds.

After typing your message and setting the pause, you would click the “Save” button in purple to save your message and any configurations you have set.

Send Message with Options

Let’s move on to another widget: the ‘Send Message with Options’ widget. This tool takes interaction to the next level.

You’re the owner of an e-commerce website, and you’ve decided to add a chatbot to assist your customers. You want the chatbot to be helpful and engaging, like conversing with a knowledgeable store assistant.

Now, a potential customer visits your website.

They’re interested in your products but have a few questions. Instead of bombarding them with information, your chatbot starts the conversation with a warm greeting:

“Hello there! Welcome to our online store. How can I assist you today?”

But it doesn’t stop there. The chatbot goes a step further. It presents the customer with the following options:

• Browse Products
• Learn More About Our Brand
• Get Assistance

These options are like the chatbot’s saying, “How would you like to proceed?” The customer clicks on one of these options, and the chatbot responds accordingly, guiding them through a personalized shopping experience.

This is made possible by the “Send Message with Options” widget, a no-code tool that allows you to create interactive chatbots without any programming knowledge. It’s like giving your website visitors a friendly and tailored shopping assistant right at their fingertips.

Here is how you can use this widget in your chatbot workflow.

Select the send message with the option Widget.

Decide whether your message will be “Static” or use “Dynamic Data” by toggling the switch. Static is for predefined messages, while Dynamic Data allows for messages that change based on user interactions or other conditions.

Click into the large text box to type the message your chatbot will send. This message will include the options that users can select from.

Use the “+ Header” or “+ Footer” buttons to add additional context or information at the beginning or end of your message.

Check the “Save to memory” option if you want the user’s selection to be remembered by the chatbot for later use in the conversation.

After configuring the message and options, click Next.

Choose how the options will be displayed to the user. You can select “Buttons” for interactive button options or “Dropdown menu” for a compact list of options.

Click on the “Add Options” area to start adding the interactive options that you want to present to the user. Here, you’ll input the text for each option under “Option Title.”

Use the “-Select Connection — “ dropdown for each option title to determine the chatbot’s action when selecting the option. It could link to another message, a function, or any other step in your chatbot’s flow.

Once you’ve added all options and set their connections, click the “Save” button to save your settings.

Carousel

Now, let’s talk about Creyoface’s Carousel widget, a helpful tool for creating chatbots without complex coding. It’s all about simplifying chatbot development.

Imagine you’re using Creyoface’s no-code chatbot platform to build a chatbot for your online store. You want it to showcase your products effortlessly, and that’s where the Carousel widget comes into play.

This widget is like a handy assistant, always there to engage your chatbot. It’s beneficial if you need to become a coding expert.

Here’s how it works: Within Creyoface’s platform, adding the Carousel widget to your chatbot is a breeze. You can easily upload product images and add titles, descriptions, and buttons. There is no need for coding skills!

For example, if you’re selling clothing, you can use the Carousel widget to display dresses, shoes, and accessories in a user-friendly way. Customers can swipe through the Carousel and click on items they want to learn more about.

Using Creyoface’s Carousel widget is like having a practical tool in your toolkit. It’s all about bringing your chatbot idea to life without any hassle.

So, when you come across a chatbot displaying products neatly in a Carousel on your favorite online store, know that Creyoface’s no-code platform has made it easy for developers to create such user-friendly shopping experiences. Ready to give it a try?

Let’s see how this carousel card can add to your workflow.

Decide whether each slide will display ‘Static’ content, which remains the same for all users, or ‘Dynamic’ content, which can change based on user interactions or data.

At the top, you’ll see a preview with multiple slides. It gives you an idea of how the carousel will appear as you add more slides.

Image URL: Add the URL for the image you want to display on the first slide.

Heading: Enter the main title or heading for this slide.

Subheading: Add additional descriptive text or a subheading.

Button: To include a call-to-action, input the button text and link it to the desired action or URL.

Click on ‘Add New Slide’ if you want to include more slides in your carousel. Repeat the process for each new slide, filling in the image URL, heading, subheading, and button as needed.

Once you’ve set up your slides, click ‘Save’ to preserve your carousel configuration.

Send Image

The Carousel widget shows us the power of visual engagement. Building on this, let’s explore the ‘Send Image’ widget, which brings another dimension to our chatbot conversations.

Send Image widget is a valuable tool that enhances chatbot interactions by introducing visual elements.

Imagine chatting with a chatbot instead of just plain text; it surprises you with an image. It’s like adding a touch of color to a conversation.

When a Send Image widget is used in the chatbot development, it can share images.

These images can be anything from product photos to informative graphics. It’s like showing instead of just telling.

For instance, if you’re selling travel packages, the chatbot can send images of destinations, attracting your customers with the beauty of the places you can visit.

Moreover, the send image widget is a creative way to make conversations more engaging. It’s like painting a vivid picture in a chat window.

Start by selecting the ‘Send Image widget feature.

You have two options to input the image you want to send. You can either:

Enter the image URL directly into the ‘Enter image URL’ field.

Click ‘Browse’ to upload an image file from your computer.

You can add a caption to the image by typing it into the ‘Enter Caption (Optional)’ field. It can provide context or additional information to accompany the image.

Choose the size in which the image will be displayed to the users. You can select ‘Small,’ ‘Medium,’ or ‘Large,’ depending on how prominently you want the image to feature in the chat.

Send Audio

With visuals covered, it’s time to introduce another sensory experience with the ‘Send Audio’ widget. This feature adds an auditory layer to the interactive chatbot environment.

Send Audio widget is all about engaging your customers through sound.

Imagine you’re using Creyoface’s no-code chatbot platform to connect with your customers. You want to make your chatbot conversations more immersive and dynamic.

With Creyoface, you can easily incorporate the “Send Audio” widget into your chatbot interactions. This widget allows you to send audio clips to your customers seamlessly. You can effortlessly add an auditory dimension to your chats, whether a welcoming message, product demonstration, or musical snippet.

For instance, if you’re running a music store, you can use the “Send Audio” widget to share short music samples, letting customers preview the tunes before making a purchase decision. It’s like having a virtual listening booth in your chat.

Creyoface’s “Send Audio” widget is a fantastic way to engage your customers on a new level. It’s about making your chats more interactive and enjoyable with the power of sound.

Follow these steps to send audio files to your customers.

You have two ways to include your audio file:

Type the direct URL of the audio file into the ‘Enter audio URL’ field.

Click the ‘Browse’ button to upload an audio file from your computer. The widget supports the mp3 format; the file size must be 10MB or smaller.

You can set a delay for the audio in the chat. Use the ‘Pause’ option to specify how long the chatbot should wait before sending the audio, measured in seconds.

After uploading the audio and setting the pause duration, click the ‘Save’ button to store your settings and integrate the audio into the chatbot’s flow.

Send Video

The Send Video lets your chatbot show videos to users. It’s easy to use, even if you don’t know how to code. You add it to your chatbot’s conversation by dragging and dropping it where you want it to go.

For example, let’s say you have a chatbot for a travel agency. With the “Send Video” widget, your chatbot can show videos of holiday destinations. It makes the chat more enjoyable and helps people see what the places are like, which is much more engaging than just reading about them.

This widget is super helpful in many different areas. It can show product demos for online stores or educational videos for learning websites. Plus, it works well on all devices, ensuring everyone has a good experience when watching the videos.

Adding videos to your chatbot conversations makes them more fun and helpful for users. It’s a simple but effective way to improve how your chatbot talks to people.

Moreover, adding video to your chatbot can significantly enhance user engagement. Here’s how to use the Send Video widget.

To upload your video, you have a couple of options:

Input the direct URL of the video into the ‘Enter video URL’ field.

Click the ‘Browse’ button to upload a video file from your computer. The platform supports mp4 videos up to 25MB in size.

If you want to use a video from YouTube, tick the checkbox labeled ‘Embed YouTube Video.’ You will then need to provide the YouTube video’s URL.

Select the video display size from ‘Small,’ ‘Medium,’ or ‘Large.’ It determines how the video will appear in the chat interface.

Decide if there should be a delay before the video is sent. Adjust the ‘Pause’ spinner to the number of seconds you want the chatbot to wait before displaying the video.

Once you have configured the video, URL, and size, click the ‘Save’ button to apply these settings to your chatbot.

Conclusion

Drag-and-drop widgets are super handy for making chatbots without knowing how to code. They’re like the easy buttons of chatbot building — you pick what you want your chatbot to do or say and drop it into the conversation.

So, let’s quickly go over what we’ve talked about:

Send Message Widget: For crafting direct text responses within a chat.

Send Message with Options Widget: To provide users with selectable response options and create interactive dialogues.

Carousel Widget: For showcasing multiple products or services in a swipeable format.

Send Image Widget: To visually enhance conversations with images.

Send Audio Widget: For adding sound to the chat experience, whether it’s voice messages, music, or other audio content.

Send Video Widget: To incorporate video content, making interactions more engaging and informative.

Creyoface is changing the game in the chatbot building. It’s making it easy and fun for anyone to create a chatbot. It is a big deal because it means you don’t have to be a computer expert to set up a chatbot that can help your customers.

There’s even more to come. Creyoface has many other widgets we haven’t discussed yet, and we’ll cover those in our following articles.
Watch for our next article, where we’ll explore user input widgets. Stay tuned!

Ready to start? Sign in to Creyoface.