# Bubble plugin :: Sociocs - Click to Chat by WhatsApp

# Introduction

This plugin adds a chat bubble on your website that draw user's attention, and gives them an easy way to reach out to you. It converts an inquiry into WhatsApp based conversation, so that your user doesn't have to wait on the website for a response.

When your web app user initiates the inquiry, it shows up in your Sociocs Inbox, from where you can reply to the user, and continue the conversation.

Demo Plugin page on Bubble

# Plugin Installation

  1. In the Bubble dashboard, go to "Plugins".

  2. Click on "+ Add Plugins".

  3. Search for "Sociocs - Click to Chat by WhatsApp".

  4. Click on "Install".

# Plugin Configuration

# Sociocs

  1. Sign up or log in on app.sociocs.com.

  2. Select "WhatsApp (with Twilio)" or "WhatsApp (with Gupshup)" in the "Connect a new channel" page. If you are an existing user, after logging in, click on "Channels" menu on the top, click on "+" button to go to the "Connect a new channel" page.

  3. Finish the channel setup by following the instructions.

  4. Go to "Connect a new channel" page again (click on "Channels" on the top menu, and click on "+" button), and select "Click to Chat by WhatsApp". Enter information and click "Next".

  5. You should see a code sample, find these values in the code sample: "data-channel", and "data-prompt-text". These fields are referred without "data-" prefix in the below steps (e.g. "data-channel" is referred as "channel" etc.) image

# Bubble Editor

  1. Go to the "Sociocs - Click to Chat by WhatsApp" plugin in the Bubble Editor.

  2. Add "channel", and "prompt-text" configuration parameters.

  3. Bubble also shows fields for adding dev keys (i.e. "channel - dev.", and "prompt-text - dev."). You can leave them blank.

That's it! Refresh your Bubble web app page, and you should see a chat bubble on bottom right.