Simple floating WhatsApp button.


Based on:


https://github.com/rafaelbotazini/floating-whatsapp


Description


The neoWhatsApp plugin for VisualNEO Web adds a simple floating WhatsApp button to an application, allowing users to initiate a chat with a designated WhatsApp number directly from the app interface. This feature is particularly useful for customer support, sales inquiries, or any application where quick, direct communication with users is valuable. Here’s a summary of the plugin’s usage:

Adding the WhatsApp Button

The neoWhatsApp command creates a floating WhatsApp button with options for a custom welcome message, header, color, and button positioning.

    • Command: neoWhatsApp
    • Syntax: neoWhatsApp "objId" "thePhone" showmessage "headermessage1" "themessage1" "themessage2" "hcolor" theposition
      • objId: Container where the WhatsApp button is displayed.
      • thePhone: Phone number for WhatsApp (in international format, e.g., +1234567890).
      • showmessage: Show a initial message to show to users (true / false)
      • headermessage1: Header message displayed at the top of the chat.
      • themessage1 and themessage2: Primary and secondary messages shown to users.
      • hcolor: Color for the button header (e.g., #25D366).
      • theposition: Position of the button on the screen (e.g., bottom-right).

Example:

neoWhatsApp "Container1" "+1234567890" true "Customer Support" "Feel free to ask us anything!" "We'll get back to you shortly." "#25D366" "right"

In this example:

    • A floating WhatsApp button appears at the bottom-right.
    • The phone number is set for direct contact with customer support.
    • The initial, header, and primary messages are customized to greet users and prompt engagement.

Practical Applications

The neoWhatsApp plugin is ideal for:

    • Customer Support: Enabling users to contact support via WhatsApp quickly.
    • Sales and Inquiries: Allowing potential clients to reach out with questions directly.
    • Real-Time Assistance: Providing a channel for real-time communication and engagement with app users.

By integrating a WhatsApp contact button, the neoWhatsApp plugin enhances communication options within VisualNEO Web applications, making it simple for users to connect directly through one of the most popular messaging platforms​.

 

neoWhatsApp

Purpose:

Add a simple floating WhatsApp button.

Category:

neoWhatsApp

Syntax:

neoWhatsApp "objId" "thePhone" showmessage "headermessage1" "themessage1" "themessage2" "hcolor" theposition

 

objId

Select a Container object

thePhone

Phone number

showmessage

Show Popup?

headermessage1

Header message

themessage1

Popup message

themessage2

User message

hcolor

Header color (ie #00ff00)

theposition

Position

Created with the Personal Edition of HelpNDoc: Eliminate the Struggles of Documentation with a Help Authoring Tool