LEARN
LOGINREGISTER
English
English
  • AI-Powered Conversation Management Platform with Official WhatsApp Business API
  • Get Started
    • Welcome to iSlash AI | Your Guide to Getting Started [2025 Updates]
    • iSlash: Self-Service Registration [2025 Updates]
  • iSlash Insights 2025
    • iSlash AI No-Code Chatbots Power 24/7 Customer Conversations
    • More Ways to Start WhatsApp Conversations with Opt-In Methods You Should Be Using
    • From Click to Customer: CTWA + iSlash AI Maximizes Every Lead
    • Business Messaging: Templates for Marketing, Utility & Authentication ((Best Practices Inside!)
    • Businesses Sending Unlimited Broadcasts/Month — Here’s the secret.
    • Breaking Down WhatsApp’s Three Platforms: Why Businesses Need the API
    • Engagement Is Everything to The Facebook & Instagram's Algorithm
    • Never Delete an FAQ Again – iSlash AI Stores Unlimited Responses!
    • Get to Know Your Customers with Automated Labels!
    • Upgrade Your Forms: Welcome to WhatsApp Flows!
    • How Rich Communication Services Creates Meaningful Conversations with Customer Globally!
    • WhatsApp Opt-Ins: The Secret to Not Getting Your WhatsApp Account Blocked!
    • Meta Introduces WhatsApp Business Calling API!
    • Social CRM: TRAFFICking in Success (Legally!)
    • Transform Your Business Communication with Team Message Inbox!
    • Move Over Auto-Replies, iSlash AI's Chatbot Packs a Punch!
    • Schedule Smarter, Book Faster. All with In-App Calendar!
  • iSlash Insights 2024
    • WhatsApp OTP: Securing Your Digital Identity Today and Tomorrow
    • From Chat to Cash: WhatsApp Made Easy!
    • From Chatting to Broadcasting: No Limits, No Bans, No Worries
    • WhatsApp Message Templates: Text Less, Engage More!
    • iSlash Conversion API: Turns Meta Ads into Meta-mazing✨
    • Omnichannel Messaging: Connect All Your Customer Touchpoints!
    • Get to Know WhatsApp 3 Versions: WhatsApp Messenger, WhatsApp Business, and WhatsApp API
    • Unlocking Your Secret Weapon for Customer Service: Making AI Customer Service Possible!
    • What’s New in 2025: WhatsApp API Pricing Updates
    • What to Do When Your WhatsApp Gets Banned
    • Say Hello to E-Coupons – No Membership Required, No App, No Paper!
    • From 10 Agents to One iSlash AI: A New Era of Efficient Customer Service!
    • Transform Patient Communication: WhatsApp Your Healthcare Journey!
    • Automating Success: How a Body, Mind & Healing Business Thrived with iSlash AI
    • 👠From Style to Sales: How WhatsApp API Powers Your Fashion Brand!
    • 24 Reasons You Can't Ignore: How Chatbot Automation Benefits Both Your Business and Your Customers
    • Every Hospitality Business Needs WhatsApp API: Here’s Why It’s a Game-Changer
    • E-Commerce Success with WhatsApp API: Why Your Online Store Needs It Now!
    • From Green to Blue: How WhatsApp Blue Tick Can Transform Your Business
    • 📈Revolutionize Your Marketing: The Power of Click-to-WhatsApp Ad
    • 🔝Supercharge Your Paid Ads: Harness the Power of iSlash Chatbot Funnel for SMEs
    • 💬Discover the Future of AI: ChatGPT 3.5 vs ChatGPT 4.0 vs ChatGPT-4o in 2024
    • ⏳AI Won't Wait! New Ways to Catalyze Productivity are here!
    • 🎰Transform Your Business With AI: Boost Your Chat Commerce Today!
    • 💡Effortlessly Convert Customers: Unveiling the Features and Use Cases of WhatsApp In-App Form
    • 🎯The Secrets of WhatsApp Chatbot: Instantly Convert Your Traffic
    • 🤖Unlock Your Business Potential: A 3-Step Chatbot Guide for Beginners
    • ⚡iSlash is now an Official WhatsApp API Solution Provider!
    • 🚀Enhance Customers Experience with Cross-Platform Integration
    • 🌎WhatsApp API: Your Game-Changer for Future Business Success
    • iSlash AI: Official WhatsApp Business API
  • API Integration
    • The Power of WhatsApp API [2025 Updates]
    • iSlash x WhatsApp API: Unlock Global Potential [2025 Updates]
      • iSlash is Now an Official WhatsApp API Solution Provider [2025 Updates]
    • Conversion API - The Perfect Partner for Business Messaging [2025 Updates]
    • Understanding the Difference: WhatsApp Cloud API vs. On-Premise API [2025 Updates]
  • iSlash Game-Changing Features
    • Omnichannel Messaging: Elevating Business Communication to New Heights [2025 Updates]
      • WhatsApp Official API Integration
        • How to Check if a Phone Number is on WhatsApp
      • Facebook Messenger Integration
      • Instagram Integration
      • WeChat Official Account Integration
      • Web-Plugin Integration
    • Building Your WhatsApp Chatbot in Minutes [2025 Updates]
      • Mastering Chatbots: Essential Tips to Optimize iSlash No-code Chatbot
    • Supercharge Your Paid Ads Campaign with iSlash FB/IG Campaign [2025 Updates]
    • WhatsApp Team Inbox: Enhancing Customer Service Efficiency [2025 Updates]
    • Importing and Exporting Customer Info and Label by Batch [2025 Updates]
    • In-App Payment: Chat, Order, and Purchase [2025 Updates]
    • In-App Calendar: Your New Bestie for Booking and Reminders [2025 Updates]
    • WhatsApp Personalized Broadcast Feature: Enhance Your Sales and Marketing [2025 Updates]
      • Messaging Limits: What You Need to Know [2025 Updates]
    • Boost Your Customer Service with WhatsApp FAQs Automation [2025]
    • WhatsApp eShop: Unlock Direct Sales Potential [2025 Updates]
  • AI-Powered
    • How iSlash Powers ChatGPT 4o, Gemini 1.5 Flash and ChatGPT 3.5 [2025 Updates]
    • The Evolution of ChatGPT: Comparing Versions 3.5, 4, and 4o [2025 Updates]
    • iSlash AI Knowledge Base [2025 Updates]
    • Let AI Listen for You [2025 Updates]
  • WhatsApp Flows
    • Unlock the latest WhatsApp function: In-App Form [2025 Updates]
    • WhatsApp Flows: How to Create, Send, and Receive Responses [2025 Updates]
    • Attract and Win Customers with WhatsApp Flows [2025 Updates]
      • ❓WhatsApp Flow FAQs [2025 Updates]
  • Pricing Strategy
    • iSlash Pricing Plans in HKD [2025 Updates]
    • iSlash Pricing Plans in USD [2025 Updates]
    • WhatsApp Conversation-Based Pricing [2025 Updates]
  • WhatsApp Messaging Strategy
    • Entry Points and Marketing Activation [2025 Updates]
    • Click-to-WhatsApp Ads: A Comprehensive Guide to Generate Leads and Boost Sales [2025 Updates]
    • Boost Communication: WhatsApp Message Templates Made Easy [2025 Updates]
    • WhatsApp Message Templates with iSlash: A Step-By-Step Guide [2025 Updates]
    • Message Template Undeliverable: Reasons and Solutions [2025 Updates]
    • Supported Media Types and File Sizes on iSlash [2025 Updates]
    • Easy Steps to Unban Your WhatsApp Account [2025 Updates]
    • WhatsApp Link Generator: How to create WhatsApp Link [2025 Updates]
  • Why Choose iSlash AI
  • WhatsApp Blue Tick
    • How to get WhatsApp Blue Tick [2025 Updates]
  • Facebook Advertising Strategy
    • Facebook Ads : Tips for Building and Running Successful Campaign in 2025
    • Discover Your Perfect Audience Using Proven Targeting Strategies [2025 Updates]
    • Adding Administrators to Your Facebook Page [2025 Updates]
    • Meta's Pixel Optimization Guide [2025 Updates]
  • Client Case Study [2025 Updates]
    • Client - BEAUSKIN Medical
    • Client - Hong Kong Water Solution
    • Client - China Unicom
  • Privacy
    • Compliance Center
    • Privacy Policy - End Users [2025 Updates]
    • End-User Licence Agreement for iSlash SaaS Platform [2025 Updates]
    • Introduction [2025 Updates]
      • iSlash API Data And Description [2025 Updates]
    • Request Deletion of Your Account and Related Data [2025 Updates]
  • Partners Corner
    • Welcome to iSlash AI Partners Corner
    • 2025Q2V4 - Meta Trusted CTWA Partner: CTWA + iSlash AI Maximizes Every Lead
    • 2025Q2V3 - Business Messaging: Templates for Marketing, Utility & Authentication
    • 2025Q2v2 - Businesses Sending Unlimited Broadcasts/Month — Here’s the secret.
    • 2025Q2v1 - WhatsApp Unlocked: Personal, Business, or API?
    • 2025Q1v5 - Click-to-WhatsApp Ads: The Smartest Way to Connect with Customers
  • 2025Q1v4 - Beyond Text: Unlocking Rich Communication with WhatsApp Message Templates
  • 2025Q1v3 - WhatsApp Opt-In, Opt-Out: The Smart Guide to Messaging Consent
  • 2025Q1v2 - Beyond 4 Devices: How iSlash API Unlocks Seamless Team Messaging on WhatsApp
  • 2025Q1v1 - Unlocking No-Code Chatbots with iSlash AI
Powered by GitBook
On this page
  • Web Plugin Integration
  • Step-by-Step Guide
  • Log into your iSlash AI Account.
  • Configure the Web Plugin
  • Save and Implement the Plugin
  1. iSlash Game-Changing Features
  2. Omnichannel Messaging: Elevating Business Communication to New Heights [2025 Updates]

Web-Plugin Integration

Integrate Facebook with iSlash AI to enhance customer engagement and drive optimized conversions with Ads and Conversions API.

PreviousWeChat Official Account IntegrationNextBuilding Your WhatsApp Chatbot in Minutes [2025 Updates]

Last updated 3 months ago

Your website is often the first point of contact for customers. By integrating your website with iSlash AI, you can provide real-time support, collect leads, and automate interactions through chat widgets. Follow these steps to connect your website to iSlash AI and enhance your customer experience.


Web Plugin Integration

Follow this to integrate the plugin seamlessly.

Step-by-Step Guide

Log into your iSlash AI Account.

  1. Navigate to Settings > Channel.

  2. Click on the + icon to add a new channel.

  3. Provide a Channel Name and set the Timezone.

  4. Under the Platform dropdown, select Web.

  5. Click Save to create the channel.

Configure the Web Plugin

  1. On the left panel, find and click Web Plugins.

Appearance Settings:

  • Name: Enter a unique name for your web plugin, such as your website’s name.

  • Popup Title: This is the header text that appears when users click the chat icon. Example: "Chat with Us!"

  • Popup Body: Write a brief introductory message for the chat. Example: "How can we assist you today?"

  • Welcome Message (Optional): A message displayed above the chat icon to encourage users to click and chat. Example: "Need help? Click to chat!"

  • Choose the position for the chat icon on your website: Right or Left.

  • Theme Color: Select your preferred theme color using a HEX color code.

  • Margins: Set Margin Right and Margin Bottom values to "20" (in pixels) for standard placement.

  • Language: Select the language for your web plugin from the following options: English (ENG), Chinese Traditional (繁體), Chinese Simplified (简体).

Channels Setting

  1. A Web Channel Settings dialog will appear. Configure the following:

    • Assign a chatbot to handle live chat interactions automatically.

      • This allows your website live chat and chatbot to provide automated responses and gather customer information efficiently.

    • Pro Tip: Enable the Require Contact Information option. This will prompt customers to provide their email or phone number before starting the chat, making it easier for follow-ups.

Save and Implement the Plugin

  1. Once all settings are configured, click Save.

  2. After saving, you’ll see a JavaScript code and a Preview option on the right side.

  • Copy the JavaScript code provided, and add the code to the footer section of your website.

  1. Using the preview:

The preview shows how the plugin will look to your customers, including the welcome message, popup title, and popup body. If needed, make adjustments to your settings and click Save again.


Hope this article helps you!

Click Create to set up a new plugin ( & ).

Under the Channels section, select the web channel you created in .

Appearance
Channels
Step 1
step-by-step guide
iSlash AI Account Channel
Appearance Setting