Chatalog Help Centre
HomePricingBlogLogin
English
English
  • Welcome to chatalog
  • 💬Instant Enquiry
  • ℹ️Release Notes
    • 2025 Releases
    • 2024 Releases
    • 2023 Releases
  • ❓FAQs
  • 🔊Announcements
    • Temporarily Disable the Delete Message Template Function
  • 🔹Platform Setup
    • 🚩Things to note when setting up the platform
    • WhatsApp
      • WhatsApp Conversation Fees
      • Turn off WhatsApp Number Two-step verification
      • Submitting an eligible phone number for WhatsApp Business API
      • WhatsApp Business API Display Name Guideline
      • Applying for Official Business Account (Green Tick)
      • WhatsApp Business API Limitations
      • WhatsApp Broadcast Limit and Setup Business Profile
      • Regarding WhatsApp Business API being blocked
      • Export WhatsApp Conversations
      • WhatsApp Catalogue
        • Connect the catalogue to your number
      • WhatsApp Flow
    • Instagram
    • Facebook
    • WeChat
      • Customer Service Messages
    • LINE
  • 🔷Contact setup
    • Contact
      • Import, Export and Add Contact
      • Notes
      • Block/Unblock Contacts
      • Delete Contact
      • Contact List (WhatsApp)
      • Label Management
      • Contact activity
  • 🔷BROADCAST SETUP
    • Broadcast
    • Broadcast (WhatsApp)
      • Create or import a contact list for broadcast
      • Create a WhatsApp message template
      • Create a Carousel Template
      • How to Send WhatsApp Broadcast
      • Selective Display of Templates
    • Broadcast (Non-WhatsApp)
    • Broadcast - Recurring Notification (Facebook)
  • 🔹CRM Quickstarts
    • Messages
      • The status of the conversation and the chat box interface
      • Icon in the message
      • Inbox Permissions
      • Export Conversation
      • Auto message for assigning conversation
      • Import new contacts and open - individual import
      • Import new contacts and open - multiple imports
    • Basic Flow
      • First Direct Message, Ice Breaker, Story Mention
      • Setting up non-business hours
      • Flow management tools
      • Selective Display of Flows
    • Customized Flow
      • Flow Blocks
        • Flow template reference
          • Event reservation Flow
          • Subscription cancellation Flow
      • Flow Trigger
      • Assign Conversation
      • Custom Field and User Input Setup in Flow
      • Setting up Call API Block in Flow
      • Smart Delay
  • 🔷AI Tools
    • AI Tools
      • Manage projects for AI Reply from Document
      • AI Tools - AI Writer & Doc Reply
      • AI Writer & Consultant
      • AI Reply from Document Flow Block
      • AI Dialog Flow Block
        • How to write good prompts for your AI Dialog?
      • AI Funnel Flow Block
  • 🔷POST AUTO REPLY
    • Post Auto Reply
      • Post Auto Reply Setup
      • Post Auto Reply Setup - Multiple
      • Manage The Bot
      • Create an IG Live Bot
  • 🔹Settings
    • Upgrade Plan
    • Account Details
    • Two-factor authentication (2FA)
      • Enable 2FA in Settings (Owner Only)
      • Disable 2FA in Settings (Owner Only)
      • 2FA login on the mobile app
      • 2FA login on the web
    • User Management
      • Add Team Member
      • User Status
    • Team Management
      • Advanced Permission Settings (Beta)
    • Web Chat
      • Setting up Web Chat on wordpress
      • Setting up Web Chat on Shopify
      • Add WhatsApp button to your website that links to your WhatsApp Business account
    • Auto Follow-ups
    • Names Display
  • Supported Languages
Powered by GitBook
On this page
  1. Settings
  2. Web Chat

Setting up Web Chat on Shopify

Setting up web chat plugin on your Shopify is easy. Just embed the code into the corresponding position to allow your customers to chat with you on their preferred channels, including WhatsApp, Insta

PreviousSetting up Web Chat on wordpressNextAdd WhatsApp button to your website that links to your WhatsApp Business account

Last updated 11 months ago

You will need login to your and copy the code in .

// the code should be something like this :

<script src="https://widget.chatalog.ai/chatalog-sdk.min.js" app-id="TsGq6dSOhvgKb5dkPPlB" position="bottom-right" lang="en" defer></script>
  1. Login to

  2. From your Shopify admin, go to Online Store > . Next to the theme that you want to edit, click Customize.

    Click Sections.

  1. Click "Actions "-> "Edit code ".

  2. Navigate to the Sections folder and expand it .

  3. Open the subs file " footer.liquid "

  4. Search the " </Footer> " in the " footer.liquid "

  1. Paste your code before {% schema %}.

It is between </footer> and {% schema %} Please use "Paste and Match Style" to paste the code on Shopify.

  1. Click "Save"

  2. You’ve successfully integrated our messaging platform into your Shopify website! 🎉 To see the updated changes, simply open your website. You’ll find the widget positioned at the bottom right-hand side. Feel free to explore and engage with your customers using this powerful tool! 😊

Copy the code

🔹
here
Shopify
Chatalog
Shopify
Themes