{"id":3796,"date":"2022-04-04T04:34:25","date_gmt":"2022-04-04T04:34:25","guid":{"rendered":"https:\/\/pickyassist.com\/blog\/?p=3796"},"modified":"2022-04-04T06:59:21","modified_gmt":"2022-04-04T06:59:21","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 to integrate WhatsApp into Webflow for continuing conversation even if your website visitor left your website <\/p>\n\n\n\n

Pre-Requisite<\/h2>\n\n\n\n
  1. WhatsApp Channel Enabled in the Picky Assist Account<\/li>
  2. Access to Picky Assist Connector<\/li>
  3. Webflow Account<\/li><\/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

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

      1. New Contact Form Submission<\/li>
      2. New Order Received <\/li>
      3. Order Changed<\/li>
      4. Site is Published <\/li>
      5. Ecommerce Inventory Change<\/li><\/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 allows you to generate a unique webhook URL which can be configured in the Webflow platform, so whenever an event happens in the Webflow software it will trigger the details to the configured Webhook URL, Picky Assist receives the data and process the way you configured it, like sending a WhatsApp Message, Assigning a Team for instant Collaboration etc<\/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 have selected you need to create an event like Making an Order, Submitting a New form etc so that Picky Assist connector will receive the structure of the data which can be used for further actions like Sending WhatsApp Message, Adding Contact into a Drip Campagin etc<\/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

        This is the last step in which you need to configure the actions in the Picky Assist Connector i.e what action Picky Assist Connector should take when a new event is received from the Webflow, you can choose the 20+ actions or create conditional actions with filters or even Scheduled Actions with Smart Delay etc<\/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
        1. Creating Steps in Picky Assist Connector<\/a><\/li>
        2. Creating Filters in Picky Assist Connector<\/a><\/li>
        3. Setting Up Action in Picky Assist Connector<\/a><\/li>
        4. Creating Webhook From Webflow Project Settings<\/a><\/li>
        5. Developers Webhook Reference<\/a><\/li><\/ol>\n\n\n\n
          <\/div>\n","protected":false},"excerpt":{"rendered":"

          Let’s learn how to integrate WhatsApp into Webflow for continuing conversation even if your website visitor left your website Pre-Requisite WhatsApp Channel Enabled in the Picky Assist Account Access to Picky Assist Connector Webflow Account What is Webflow? Webflow is an advanced Content Management Software (CMS) similar to WordPress which allows you to build websites, […]<\/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 into Webflow - Picky Assist Official Blog<\/title>\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 into Webflow - Picky Assist Official Blog\" \/>\n<meta property=\"og:description\" content=\"Let’s learn how to integrate WhatsApp into Webflow for continuing conversation even if your website visitor left your website Pre-Requisite WhatsApp Channel Enabled in the Picky Assist Account Access to Picky Assist Connector Webflow Account What is Webflow? Webflow is an advanced Content Management Software (CMS) similar to WordPress which allows you to build websites, […]\" \/>\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=\"2022-04-04T06:59:21+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 into Webflow - Picky Assist Official Blog\",\"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\":\"2022-04-04T06:59:21+00:00\",\"author\":{\"@id\":\"https:\/\/pickyassist.com\/blog\/#\/schema\/person\/f7e9e7ef306abb4d9a1b00210e2c86e1\"},\"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 into Webflow - Picky Assist Official Blog","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 into Webflow - Picky Assist Official Blog","og_description":"Let’s learn how to integrate WhatsApp into Webflow for continuing conversation even if your website visitor left your website Pre-Requisite WhatsApp Channel Enabled in the Picky Assist Account Access to Picky Assist Connector Webflow Account What is Webflow? Webflow is an advanced Content Management Software (CMS) similar to WordPress which allows you to build websites, […]","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":"2022-04-04T06:59:21+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 into Webflow - Picky Assist Official Blog","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":"2022-04-04T06:59:21+00:00","author":{"@id":"https:\/\/pickyassist.com\/blog\/#\/schema\/person\/f7e9e7ef306abb4d9a1b00210e2c86e1"},"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":7,"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/posts\/3796\/revisions"}],"predecessor-version":[{"id":3810,"href":"https:\/\/pickyassist.com\/blog\/wp-json\/wp\/v2\/posts\/3796\/revisions\/3810"}],"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}]}}