{"id":3796,"date":"2022-04-04T04:34:25","date_gmt":"2022-04-04T04:34:25","guid":{"rendered":"https:\/\/pickyassist.com\/blog\/?p=3796"},"modified":"2026-04-16T12:11:09","modified_gmt":"2026-04-16T12:11:09","slug":"whatsapp-integration-into-webflow","status":"publish","type":"post","link":"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/","title":{"rendered":"WhatsApp Integration into Webflow"},"content":{"rendered":"\n

Let’s learn how WhatsApp Integration into Webflow works for continuing conversation even if your website visitor left your website<\/p>\n\n\n\n

Pre-Requisite for WhatsApp Integration into Webflow<\/h2>\n\n\n\n
    \n
  1. WhatsApp Channel Enabled in the Picky Assist Account<\/li>\n\n\n\n
  2. Access to Picky Assist Connector<\/li>\n\n\n\n
  3. Webflow Account<\/li>\n<\/ol>\n\n\n\n

    <\/a>What is Webflow?<\/h2>\n\n\n\n

    Webflow is an advanced Content Management Software (CMS) similar to WordPress which allows you to build websites, blog and e-commerce store without any coding. Read More<\/a><\/p>\n\n\n\n

    <\/a>Capabilities with Webflow & Picky Assist<\/h2>\n\n\n\n

    When you connect your Webflow account with Picky Assist Connector you can achieve below-mentioned capabilities to enhance the business communication with your customer\u2019s<\/p>\n\n\n\n

      \n
    1. Sync Contact Form Data to Picky Assist Platform<\/li>\n\n\n\n
    2. Start a WhatsApp conversation in the Teambox instantly when a user submits a new contact form on your website.<\/li>\n\n\n\n
    3. Assign a Team Member in the Teambox Instantly to engagement with the customer when a new order is received <\/li>\n\n\n\n
    4. Instantly loop multiple teams using Picky Assist Teambox when a new purchase received in your Webflow Page.<\/li>\n\n\n\n
    5. Start a WhatsApp Drip Campagin whenever a form is submitted in Webflow<\/li>\n\n\n\n
    6. Send a WhatsApp Message whenever a new order is created<\/li>\n\n\n\n
    7. Create Broadcaster to send WhatsApp messages in bulk.<\/li>\n<\/ol>\n\n\n\n

      <\/a><\/a>Supported Triggers<\/h2>\n\n\n\n

      Webflow supports following triggers and whenever these events occurs you can configure your Connector to take various actions in Picky Assist like Sending a WhatsApp Message, adding or removing a contact from a sequence etc.<\/p>\n\n\n\n

        \n
      1. New Contact Form Submission<\/li>\n\n\n\n
      2. New Order Received <\/li>\n\n\n\n
      3. Order Changed<\/li>\n\n\n\n
      4. Site is Published <\/li>\n\n\n\n
      5. Ecommerce Inventory Change<\/li>\n<\/ol>\n\n\n\n
        <\/div>\n\n\n\n

        <\/a><\/a>How It Works?<\/h2>\n\n\n\n

        Picky Assist Connector makes use of the inbuilt Webflow Webhook feature to build the automation. Picky Assist Connector generates a unique webhook URL that you can configure in Webflow. When an event occurs in Webflow, it sends the data to this webhook URL. Picky Assist then receives the data and processes it based on your configuration, such as sending a WhatsApp message or assigning a team for instant collaboration.<\/p>\n\n\n\n

        <\/a>Getting Started \u2013 Generating Webhook URL<\/h2>\n\n\n\n

        The first step is to go to Picky Assist and create a Connector URL and get ready with the Connector URL \u2013 Read More on How to Create a Connector<\/a><\/p>\n\n\n\n

        Configuring Webhook URL<\/h2>\n\n\n\n

        Configure the Webhook URL in the Webflow under Project Settings -> Integrations -> Webhooks<\/strong> and click on \u201cAdd new Webhook\u201d as shown below;<\/p>\n\n\n\n

        \"\"<\/a><\/figure>\n\n\n\n

        On clicking “Add Webhook” a popup will appear where you need to choose the event then put the Webhook URL which you have created in your Picky Assist Connector as show below;<\/h3>\n\n\n\n
        \"\"<\/a><\/figure>\n\n\n\n
        <\/div>\n\n\n\n

        Testing the Integration<\/h2>\n\n\n\n

        Based on the trigger type you select, create an event such as placing an order or submitting a form. This allows the Picky Assist Connector to receive structured data, which you can use to trigger actions like sending a WhatsApp message or adding a contact to a drip campaign.<\/p>\n\n\n\n

        \"\"<\/a><\/figure>\n\n\n\n
        <\/div>\n\n\n\n

        <\/a>Configuring Actions in Connector<\/h2>\n\n\n\n

        In this final step, you configure the actions in the Picky Assist Connector. Define what actions it should take when it receives a new event from Webflow. You can choose from 20+ actions, create conditional actions with filters, or set up scheduled actions using Smart Delay.<\/p>\n\n\n\n

        <\/a><\/a>Mapping Fields<\/h3>\n\n\n\n

        You can see all the fields from your Webflow inside the Picky Assist Connector as shown below, you can build advanced automation or actions with Picky Assist family of products.<\/p>\n\n\n\n

        \"\"<\/a><\/figure>\n\n\n\n

        Please make sure that the Form & Checkout page always ask for Mobile Number with Country Code for the Picky Assist to send WhatsApp messages <\/p>\n\n\n\n

        References<\/h2>\n\n\n\n
          \n
        1. Creating Steps in Picky Assist Connector<\/a><\/li>\n\n\n\n
        2. Creating Filters in Picky Assist Connector<\/a><\/li>\n\n\n\n
        3. Setting Up Action in Picky Assist Connector<\/a><\/li>\n\n\n\n
        4. Creating Webhook From Webflow Project Settings<\/a><\/li>\n\n\n\n
        5. Developers Webhook Reference<\/a><\/li>\n<\/ol>\n\n\n\n
          <\/div>\n","protected":false},"excerpt":{"rendered":"

          Let’s learn how WhatsApp Integration into Webflow works for continuing conversation even if your website visitor left your website Pre-Requisite for WhatsApp Integration into Webflow What is Webflow? Webflow is an advanced Content Management Software (CMS) similar to WordPress which allows you to build websites, blog and e-commerce store without any coding. Read More Capabilities with […]<\/p>\n","protected":false},"author":1,"featured_media":3809,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[140,139,131,163],"tags":[191],"class_list":["post-3796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce","category-forms","category-integrations","category-website-blogs","tag-whatsapp-integration-into-webflow"],"yoast_head":"\nWhatsApp Integration with Webflow by Picky Assist<\/title>\n<meta name=\"description\" content=\"Integrate WhatsApp with Webflow using Picky Assist to automate lead capture, trigger instant messages & manage client interactions easily.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WhatsApp Integration with Webflow by Picky Assist\" \/>\n<meta property=\"og:description\" content=\"Integrate WhatsApp with Webflow using Picky Assist to automate lead capture, trigger instant messages & manage client interactions easily.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Picky Assist Official Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-04T04:34:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T12:11:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pickyassist.com\/blog\/wp-content\/uploads\/2022\/04\/WhatsApp-Integration-into-Webflowblog.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"327\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Danny\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Danny\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/\",\"url\":\"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/\",\"name\":\"WhatsApp Integration with Webflow by Picky Assist\",\"isPartOf\":{\"@id\":\"https:\/\/pickyassist.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pickyassist.com\/blog\/wp-content\/uploads\/2022\/04\/WhatsApp-Integration-into-Webflowblog.jpg\",\"datePublished\":\"2022-04-04T04:34:25+00:00\",\"dateModified\":\"2026-04-16T12:11:09+00:00\",\"author\":{\"@id\":\"https:\/\/pickyassist.com\/blog\/#\/schema\/person\/f7e9e7ef306abb4d9a1b00210e2c86e1\"},\"description\":\"Integrate WhatsApp with Webflow using Picky Assist to automate lead capture, trigger instant messages & manage client interactions easily.\",\"breadcrumb\":{\"@id\":\"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/#primaryimage\",\"url\":\"https:\/\/pickyassist.com\/blog\/wp-content\/uploads\/2022\/04\/WhatsApp-Integration-into-Webflowblog.jpg\",\"contentUrl\":\"https:\/\/pickyassist.com\/blog\/wp-content\/uploads\/2022\/04\/WhatsApp-Integration-into-Webflowblog.jpg\",\"width\":600,\"height\":327},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pickyassist.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WhatsApp Integration into Webflow\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pickyassist.com\/blog\/#website\",\"url\":\"https:\/\/pickyassist.com\/blog\/\",\"name\":\"Picky Assist Official Blog\",\"description\":\"Picky Assist Official Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pickyassist.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pickyassist.com\/blog\/#\/schema\/person\/f7e9e7ef306abb4d9a1b00210e2c86e1\",\"name\":\"Danny\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pickyassist.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/83c616c1e62e9b2f2177e7b029b7270bea92cfe313402e298ee4c0fa0e05a951?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/83c616c1e62e9b2f2177e7b029b7270bea92cfe313402e298ee4c0fa0e05a951?s=96&d=mm&r=g\",\"caption\":\"Danny\"},\"url\":\"https:\/\/pickyassist.com\/blog\/author\/adminreji_blog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WhatsApp Integration with Webflow by Picky Assist","description":"Integrate WhatsApp with Webflow using Picky Assist to automate lead capture, trigger instant messages & manage client interactions easily.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/","og_locale":"en_US","og_type":"article","og_title":"WhatsApp Integration with Webflow by Picky Assist","og_description":"Integrate WhatsApp with Webflow using Picky Assist to automate lead capture, trigger instant messages & manage client interactions easily.","og_url":"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/","og_site_name":"Picky Assist Official Blog","article_published_time":"2022-04-04T04:34:25+00:00","article_modified_time":"2026-04-16T12:11:09+00:00","og_image":[{"width":600,"height":327,"url":"https:\/\/pickyassist.com\/blog\/wp-content\/uploads\/2022\/04\/WhatsApp-Integration-into-Webflowblog.jpg","type":"image\/jpeg"}],"author":"Danny","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Danny","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/","url":"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/","name":"WhatsApp Integration with Webflow by Picky Assist","isPartOf":{"@id":"https:\/\/pickyassist.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/#primaryimage"},"image":{"@id":"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/#primaryimage"},"thumbnailUrl":"https:\/\/pickyassist.com\/blog\/wp-content\/uploads\/2022\/04\/WhatsApp-Integration-into-Webflowblog.jpg","datePublished":"2022-04-04T04:34:25+00:00","dateModified":"2026-04-16T12:11:09+00:00","author":{"@id":"https:\/\/pickyassist.com\/blog\/#\/schema\/person\/f7e9e7ef306abb4d9a1b00210e2c86e1"},"description":"Integrate WhatsApp with Webflow using Picky Assist to automate lead capture, trigger instant messages & manage client interactions easily.","breadcrumb":{"@id":"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/#primaryimage","url":"https:\/\/pickyassist.com\/blog\/wp-content\/uploads\/2022\/04\/WhatsApp-Integration-into-Webflowblog.jpg","contentUrl":"https:\/\/pickyassist.com\/blog\/wp-content\/uploads\/2022\/04\/WhatsApp-Integration-into-Webflowblog.jpg","width":600,"height":327},{"@type":"BreadcrumbList","@id":"https:\/\/pickyassist.com\/blog\/whatsapp-integration-into-webflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pickyassist.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WhatsApp Integration into Webflow"}]},{"@type":"WebSite","@id":"https:\/\/pickyassist.com\/blog\/#website","url":"https:\/\/pickyassist.com\/blog\/","name":"Picky Assist Official Blog","description":"Picky Assist Official Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pickyassist.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/pickyassist.com\/blog\/#\/schema\/person\/f7e9e7ef306abb4d9a1b00210e2c86e1","name":"Danny","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pickyassist.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/83c616c1e62e9b2f2177e7b029b7270bea92cfe313402e298ee4c0fa0e05a951?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/83c616c1e62e9b2f2177e7b029b7270bea92cfe313402e298ee4c0fa0e05a951?s=96&d=mm&r=g","caption":"Danny"},"url":"https:\/\/pickyassist.com\/blog\/author\/adminreji_blog\/"}]}},"_links":{"self":[{"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/posts\/3796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/comments?post=3796"}],"version-history":[{"count":8,"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/posts\/3796\/revisions"}],"predecessor-version":[{"id":8047,"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/posts\/3796\/revisions\/8047"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/media\/3809"}],"wp:attachment":[{"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/media?parent=3796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/categories?post=3796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/tags?post=3796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}