No Code Functionality Widgets (Part 1) -Build No Code Chatbot with Creyoface: Series 3
Creating a chatbot from scratch can be challenging, usually requiring a team of tech experts who know about coding, setting up servers, and making the chatbot user-friendly. But with CreyoFace, anyone without tech skills can do it quickly.
In our series on Building No Code Chatbot with CreyoFace, we’ve taken a close look at message widgets and user input widgets, highlighting their roles in enhancing chatbot functionality and user engagement.
This time, we’re focusing on functionality widgets. From multimedia sharing to real-time data fetching through API integrations, functionality widgets are about to open up new possibilities for your chatbot development.
Let’s explore how these widgets can make your chatbots even better.
Understanding Functionality Widgets
Functionality widgets are designed to make chatbots more versatile and valuable across different industries. They let chatbots do more than just talk with text. By using these widgets, you can make your chatbot’s conversations better.
For example, multimedia widgets help chatbots show pictures and videos to make the chats more exciting. API integrations help chatbots get real-time information or do things on other computer systems so users get the latest and most relevant data.
Here’s a list of functionality widgets and what they do in the CreyoFace platform:
API Integration
The API Integration Card in Creyoface Canvas is essential for seamlessly connecting your chatbot to external services or data sources. It acts as a bridge between your chatbot and external systems, allowing for dynamic, real-time interactions.
Let’s see the steps to add the API integration card.
Name the API Integration Card appropriately to reflect its purpose or the associated service. It makes it easier to identify and manage within your chatbot project.
API Endpoint URL: Input the endpoint URL provided by the external service. This is the address your chatbot will use to send requests to.
HTTP Method Selection
Select the HTTP Method that aligns with the operation you intend to perform with the API (GET for retrieving data, POST for submitting data, PUT for updating resources, DELETE for removing resources, etc.). The choice of method should be based on the API documentation of the external service.
Authorization Configuration
Authorization
If the API requires no authorization, select the ‘none’ option. If authorization is necessary (e.g., Basic Auth, OAuth), choose the appropriate option and provide the required details (like username and password for Basic Auth).
Headers, Body, and Parameters Setup
Headers
Configure the request headers by providing key-value pairs. Headers are often used for specifying content type or authorization information. Use the plus button to add more key-value pairs as needed.
Body
Depending on the API’s requirements and the HTTP method selected, choose the body type (Text, JSON, JavaScript, ML, HTML) and provide the corresponding content. The body is typically used with POST and PUT requests.
Parameters
Add each key and value for APIs that require query parameters. Use the plus button to add additional key-value pairs.
Testing and Handling Responses
Test the Configuration: After setting up, save the API integration settings and conduct a test within the canvas interface to ensure the API requests and responses function as expected. If there are issues, refer to the API documentation for troubleshooting and make the necessary adjustments.
Handle API Response: Decide how your chatbot will process the API response. It may involve parsing the response to extract specific data points, displaying information to the user, or executing further logic based on the response. Save important response data as memory variables within the chatbot for later use.
Notification of API Failure
Enable Email Notification: If the API request fails, it can be crucial to be notified promptly. Enable the option to receive email notifications and provide an email address where these notifications should be sent.
By following these steps carefully and referring to the external API’s documentation for specific requirements, you can effectively integrate external services into your chatbot’s workflow, enhancing its capabilities and offering a richer user experience.
Send Email
The “Send Email” card feature allows for the incorporation of email capabilities within a chatbot’s workflow.
By integrating “Send Email” cards, chatbots can send personalized emails to users directly or to specific, predefined email addresses. This functionality can be triggered by specific user interactions or particular events within the chatbot workflow.
To set up the “Send Email” card in your chatbot workflow, follow these steps:
Name the Card: Give the “Send Email” card a name that reflects its role in the chatbot sequence. It helps in identifying the card’s purpose at a glance.
Configure Email Parameters: Enter the details necessary for sending the email:
To Email: Specify the recipient’s email address.
Subject: Write down what the email will be about; this will appear as the subject line.
Content: Fill in the body of the email with the message you want to send.
Save: After entering all the necessary information, click the save button to keep the settings.
Get Arathyajith’s stories in your inbox
Join Medium for free to get updates from this writer.
By completing these steps, you integrate the capability to send automated emails directly from your chatbot, enhancing its interaction with users.
Logic
A logic card allows the specification of certain logic or rules that the chatbot should follow when interacting with users. Here’s how to add a logic card to your workflow.
Entering Code
You would input the code that performs the desired logic in the large text area where it says “{ Enter code here }.” It could be a script that processes user input, retrieves data, performs calculations, or any other logic function.
Setting Key-Value Pairs
These are typically used to set variables or parameters your code will use. For example, you might have a key called ‘user_input’; the value would be whatever the user has entered that you want to process.
Adding Memory Variables
The ‘Memory Variable’ section with the ‘+ Add’ button allows you to create variables that retain information throughout a conversation.
Once you’ve entered your code and configured any key-value pairs or memory variables, you would click the ‘Save’ button to preserve your changes and implement the logic into your chatbot’s workflow.
Goal
The goal card helps businesses set and monitor their goals. It works with the chatbot to track how well the company is doing. This tool saves information so businesses can check how they meet their goals, like getting new leads or when people buy something or book a service.
Defining a Goal
You start by adding a goal card to your chatbot. This is where you decide what action you want to track. It could be tracking when a customer buys something or when someone signs up for a service.
Naming the Goal
Give this goal a straightforward name that describes what you’re tracking, like “Purchase” or “Signup.”
Choosing Tracking Steps
Decide the steps in the chatbot conversation that you want to monitor:
Start: This is where the goal begins, such as when a customer starts a search for a product.
Milestones: These are the critical steps in between, like adding a product to the cart or filling out payment details.
End: This is the final step, like confirming a purchase or sending a receipt.
Decision
The decision card in the CreyoFace platform lets you make your chatbot’s conversations smarter. It uses simple yes or no conditions to decide what the chatbot should do next.
For example, if someone answers a question in a certain way or meets a condition you’ve set, the decision card can guide the chatbot on what to say or do next.
This makes the chatbot’s conversations with people more personalized and helpful because it can react differently based on what each person says or does.
To integrate a decision card into your chatbot workflow, follow these steps:
Set General Conditions
Write down general situations or conditions for the chatbot to look out for. These are the scenarios where the chatbot needs to decide what to do next.
Variable 1: Choose the first information set for the chatbot to evaluate. It involves data that the chatbot will assess to determine a condition, like whether something is true or false.
Condition: Select the specific condition under which the chatbot should compare Variable 1 and Variable 2. This condition will guide the decision-making process.
Variable 2: Select the second set of information that will be evaluated against Variable 1. It is also checked on a conditional basis to aid in decision-making, such as determining if another aspect is true or false.
Add Tag Keys
Insert tags into the conditions. These tags help the chatbot recognize when to use the rules you’ve set. They’re connected to specific things the user might mention.
Include User Data
Tell the chatbot to use the information it has collected from the user earlier in the conversation to make decisions. It could be anything the user has typed in before.
When a chatbot checks the user’s input, including tags and user data keys, and finds that it meets specific criteria, this is considered a “True” condition. The chatbot will move the conversation along the path designed for responses matching the requirements.
If the user’s input, including tags and user data keys, does not meet the specified criteria, it’s marked as a “False” condition. In this case, the chatbot will direct the conversation to the next step intended for responses that do not fulfill the required conditions.
Stop
A stop card is like a stop sign for chatbots. It’s used to end the chat or interaction with the user. This can happen if the user decides they want to stop chatting or if certain rules are met in the chatbot. It’s a way to neatly finish a conversation or exit out of the chat flow.
Let’s see how to add a stop card to your chatbot workflow.
Choose the Stop widget from the list.
Enable the custom message option for ending conversations. It allows for a specific farewell message to the user.
Save your changes to finalize the update.
Conclusion
Whether adding new features, setting goals for your business, or deciding how your chatbot should respond to people, functionality widgets let you do it all without a fuss. So, with CreyoFace, creating intelligent and engaging chatbots is something anyone can do, making it an excellent tool for connecting with others in today’s digital world.
Ready to start? Sign in to Creyoface.
