Creating a custom chatbot for your website is a powerful way to automate customer support, enhance lead generation, and streamline the user experience.
Phase 1: Starting the Build and Defining the Flow
Step 1: Access the Chatlink Platform
Go to the Chatlink website and click “Create Chatbot” to begin.
Step 2: Choose Your Chatbot Type
You’ll be prompted to choose the type of chatbot you want to build. Options include preset models or starting from scratch:
- AI Chatbot: Handles customer interactions automatically by pulling information from your website, documents, or data.
- Basic Lead Generation: Collects contact information from potential customers.
- AI Lead Generation: Combines lead capture with advanced AI for personalized automation.
- From Scratch: Allows full customization (recommended for this tutorial).
Step 3: Name the Bot and Enter the Builder
Give your chatbot a name (its “call name”) and enter Builder Mode. You’ll see a visual canvas where you can construct your chatbot using drag-and-drop blocks.
Step 4: Design the Welcome and Information Capture
- Add a Welcome Message: Drag a message block onto the canvas to create a greeting.
- Capture Responses: Add blocks to collect information from users.
- Assign Variables: Assign a variable to each input (e.g., a text variable) to store responses. You can adjust input settings such as response length or voice input.
- Continue the Conversation: Add a follow-up message block to keep the dialogue flowing.
Step 5: Integrate AI Actions and Prompting
- Process Input: Drop in a block that takes the user’s answer and assigns it to a variable.
- Set the Data Source: Specify where the AI should pull data from—either Chatlink’s built-in database or a custom one. Custom databases are ideal for site-specific bots.
- Give the AI Instructions: Write a prompt that directs the AI on how to use the stored variables (e.g., “Read the user’s response and provide an informative answer”).
- Save the Response (Optional): Assign the AI’s reply to a variable if you want to track or reuse it later.
Step 6: Configure AI Performance and Model Choice
- Set Streaming: Choose whether the chatbot’s reply appears all at once (instant) or streams gradually (more conversational).
- Select the Model: Chatlink offers 12 AI models, including:
- Claude: Ideal for creative and language-based tasks.
- Claude Haiku: Lightweight and fast.
- Opus: Handles complex tasks.
- Sonet Versions: Balance creativity and cost.
- Gemini: Offers both Flash (fast) and Pro (accurate) options.
- GPT Models: Turbo and Mini for small tasks; GPT-4 models for deep, complex conversations.
Step 7: Establish the Conversation Loop
- Add Continuation Options: Insert a block asking the user if they need further assistance, with Yes/No buttons.
- Define Button Logic: Double-click to name the buttons and assign variables.
- Use a Condition Block: Create a condition based on the user’s response.
- Complete the Loop: Connect a farewell message to “No” and link “Yes” back to the earlier question block to create a seamless conversation loop.
Phase 2: Training, Appearance, and Integration
Step 8: Feed the Knowledge Base
Go to the Knowledge Base section to provide your chatbot with relevant data:
- Website Link: Import information automatically from your website.
- Uploads: Add a sitemap, specific URLs, or documents.
- Manual Input: Insert text directly or use the FAQ option, which is ideal for support bots.
- Tip: Chatlink can also connect with Zoho for added functionality.
Step 9: Customize the Appearance and Configure Settings
- Adjust Look and Feel: Under Appearance, you can modify the chat window’s color, background, text, and position. You can also change the bot icon shape or upload a custom image.
- Set the Name: Under Text, give your chatbot a display name.
- Configuration Options:
- Remove Branding: Disable “Powered by Chatlink.”
- Enable Feedback: Allow users to rate the bot’s responses.
- Boost Engagement: Add hover messages, toggle response source visibility, and set the chat to auto-open on page load.
Step 10: Integrate the Chatbot into Your Website
- Choose Integration Style: Decide how the chatbot should appear:
- Floating Chat: A compact assistant for quick answers.
- Inline Chat: Perfect for embedding in FAQ sections.
- Full Screen: Ideal for a full conversational experience (similar to ChatGPT).
- Insert the Code: Copy and paste the integration code provided by Chatlink into your website.
- Follow Integration Guidelines: Choose the appropriate setup guide based on your platform and follow the steps.
Conclusion
After completing these steps, you’ll have a fully functional, customized chatbot—trained on your business data and integrated seamlessly into your website. This no-code process makes it possible to build and deploy a professional AI assistant in under 10 minutes.
