Social Chat Documentation

Plugin: Social Chat by Easy Social Share Buttons
Version: 2.1
Description: Add WhatsApp, Telegram, Viber, Messenger, and more chat buttons to your WordPress site.

Table of Contents

1. Getting Started

After activating the plugin, go to Social Chat in your WordPress admin menu. The settings are organized into four tabs:

Workflow

  1. Operators first — Add your team members (name, platform, phone/username, avatar, etc.)
  2. Create a Widget — Choose a widget mode (chat popup, direct button, etc.) and assign operators
  3. Create a Display Rule — Choose automatic placement (entire site or selected locations), manual shortcode, or WooCommerce-specific placement

2. Operators

Operators represent your team members that visitors can chat with.

Add an Operator

  1. Go to the Operators tab
  2. Click Add Operator
  3. Fill in the details (see fields below)
  4. Click Save All Operators

Operator Fields

FieldDescriptionRequired
NameDisplay name shown to visitorsYes
Role / TitleJob title (e.g. "Support Agent")No
PlatformMessaging app (WhatsApp, Viber, Telegram, Signal, LINE, iMessage, SMS)Yes
Phone / UsernamePhone number or username for the selected platformYes
Default MessagePre-filled message when a chat starts. Use {{title}} and {{url}} as variablesNo
Avatar URLImage URL for the operator's avatar. Leave empty for initial letterNo
Status TextCustom status text shown next to the operatorNo
AvailabilityControls when the operator appears (see below)Yes

Availability Modes

ModeFreePro
Always Online — Operator always shown FREE FREE
Always Offline — Operator hidden (useful for days off) — PRO
Follow Schedule — Show only during configured business hours — PRO

PRO availability modes unlock:

Limits

LimitFreePro
Maximum operators3Unlimited

3. Chat Widgets

Widgets define how the chat button looks and behaves on the frontend.

Add a Widget

  1. Go to the Chat Widgets tab
  2. Click Add Widget
  3. Choose a widget mode and configure options
  4. Click Save All Widgets

Widget Modes

ModeDescriptionFreePro
Chat popup (same network) A floating button that opens a popup listing operators on a single network (e.g. all WhatsApp) FREE FREE
Chat popup (different networks) A floating button that opens a popup listing operators on different networks with an accent color FREE FREE
Direct Chat Button Single button that directly links to one operator's chat without a popup FREE FREE
Operator popup A full popup interface with welcome message, suggested replies, and an input prompt FREE FREE
Persons Card A styled card showing one operator with their platform badge — PRO
Persons Card Group Multiple person cards displayed inline or in a group — PRO

Widget Fields

General Settings

FieldDescriptionFreePro
Widget NameInternal name for identificationFREEFREE
TypeFloating (fixed position) or Static/Inline (placed in content)FREEFREE
NetworkFilter operators by platform ("All / Auto" shows all assigned)FREEFREE
Button ShapeRound, Pill, Rounded Edges, or SquareFREEFREE
Button Label TypeIcon only or Icon + LabelFREEFREE
Button TextText shown when "Icon + Label" is selectedFREEFREE
Text Above ButtonSmall label displayed above the chat button—PRO
Default MessagePre-filled message sent to the messenger (supports {title} and {url})FREEFREE
Entrance AnimationSubtle entrance animation on page loadFREEFREE
Auto-open ChatAutomatically opens the chat popup after a timeout—PRO
Auto-open TimeoutSeconds before the chat opens automatically—PRO

Operator Popup Settings

Shown when the Operator popup mode is selected:

FieldDescriptionFreePro
Popup TitleTitle displayed in the popup headerFREEFREE
Popup MessageDescription/subtitle shown below the titleFREEFREE
Default MessagePre-filled message when user sends a chatFREEFREE
Welcome / Greeting MessageMessage shown when the popup first opens—PRO
Suggested MessagesPre-defined reply buttons (one per line)—PRO
Input PlaceholderPlaceholder text in the message inputFREEFREE
Popup CornerCorner style (Default, Round, Square)FREEFREE
Popup OperatorThe operator assigned to receive popup messagesFREEFREE
Assigned OperatorsWhich operators appear in the popupFREEFREE

Persons Card Settings PRO

Shown when Persons Card or Persons Card Group mode is selected:

FieldDescription
Card TypeDefault or Compact
Direct Chat OperatorThe operator linked to the card
Display on same line(Group only) Show cards horizontally

Widget Limits

LimitFreePro
Maximum widgets1Unlimited

4. Display Rules

Display rules control where and when chat widgets are shown.

Display Types

TypeDescriptionFreePro
Automatic Widget appears automatically on matching pages FREE FREE
Manual Widget is placed via shortcode [essb_chat display="..."] FREE FREE
WooCommerce Widget appears on WooCommerce pages (shop, product, cart, checkout) FREE FREE

Automatic Display Settings

SettingDescription
Location Type"Entire Website" or "Selected Locations"
LocationsWhen "Selected" is chosen, pick Homepage and/or specific post types
Exclude URLsURL fragments (one per line) — if the current URL contains any fragment, the widget is hidden

WooCommerce Display Settings

SettingDescription
Floating LocationsShop, Single Product, Checkout, Cart
Products from CategoryShow only on products from a specific category
Static LocationsBelow Product Price, Below Product Description (for static/inline widgets)
Exclude URLsURL fragments to exclude

Display Limits

LimitFreePro
Maximum display rules1Unlimited

5. Options (Import / Export)

The Options tab provides:

All options tab features are available in both Free and Pro.

6. Integrations

IntegrationFreePro
Shortcode — [essb_chat display="..."] FREE FREE
Gutenberg Block — "Social Chat Widget" block in the block editor — PRO
Elementor Widget — Drag-and-drop widget for Elementor page builder — PRO
WooCommerce — Display chat buttons on shop, product, cart, checkout pages FREE FREE

7. Shortcodes

Automatic Display Shortcode

[essb_chat display="display_id"]

Place this shortcode in any page or post to render the widget associated with the given display rule. The display rule must be of type Manual.

To find the display ID, look at the Display tab — each display rule shows its shortcode with the correct ID.

8. Frontend Styling

The plugin registers the following frontend assets when needed:

Assets are enqueued automatically when:

Key CSS Classes

ClassPurpose
.essb-ctc-widgetMain widget container
.essb-ctc-btnChat button
.essb-ctc-roundRound button shape
.essb-ctc-pillPill button shape
.essb-ctc-roundedRounded edges shape
.essb-ctc-rectSquare button shape
.essb-ctc-btn-mode-iconIcon-only mode
.essb-ctc-btn-mode-icon-labelIcon + label mode
.essb-ctc-floatingFloating position
.essb-ctc-inlineInline/static position
.essb-ctc-popupChat popup container
.essb-ctc-operatorOperator item in popup
.essb-ctc-personPerson card
.essb-ctc-poweredPowered-by link (Free version only)

9. FAQ

Which messaging apps are supported?

WhatsApp, Viber, Telegram, Signal, LINE, iMessage, and SMS.

Is it GDPR compliant?

Yes. The plugin does not set cookies, track users, or store personal data. All chat links open directly in the messaging app.

Can I set business hours?

PRO Yes. The Pro version includes a schedule system with per-operator availability, weekly schedules, timezone support, and automatic offline status.

Free vs Pro Summary

FeatureFreePro
Operators3 max (always-online only)Unlimited with schedules
Widgets1 maxUnlimited
Display Rules1 maxUnlimited
Widget Modes4 basic modes6 modes (+ Person Card & Group)
Operator AvailabilityAlways Online onlyOnline, Offline, Schedule
Weekly Schedule—PRO
Text Above Button—PRO
Auto-open Chat—PRO
Welcome Message—PRO
Suggested Messages—PRO
Gutenberg Block—PRO
Elementor Widget—PRO

Changelog

2.1

2.0 — Major rewrite with new popup interface and operator management

1.0 — Initial release