═══════════════════════════════════════ INSTALLATION GUIDE — WhatsApp Chat Widget Pro
═════════════════════════════════════════

──────────────────────────────────────────
STEP 1 — Install The plugin
──────────────────────────────────────────
1. Click "Install plugin" from the Bubble Marketplace
2. Go to your app → "Plugins" tab
3. Verify that "WhatsApp Chat Widget Pro" appears in the list

──────────────────────────────────────────
STEP 2 — Add the widget to your page
──────────────────────────────────────────
1. Open your page editor
2. In the left panel, search for "WhatsApp Widget"
3. Drag and drop the element onto any page

⚠️ The position in the editor doesn't matter:

the widget will always be displayed in a fixed position on the page page

──────────────────────────────────────────
STEP 3 — Configure the Properties
─────────────────────────────────────────── In the element's properties panel, enter:

📱 GENERAL
• phone_number → Your WhatsApp number WITHOUT the "+"
Example: 33612345678 (France)
Example: 212612345678 (Morocco)
• company_name → Name displayed in the widget header
• logo_image → Direct URL of your logo (square format recommended)
• header_color → Hexadecimal color Ex: #075E54 (WhatsApp green)
• position → "right" or "left"
• welcome_message → Message displayed when you are ONLINE
• offline_message → Message displayed when you are OFFLINE
• pre_filled_message → Pre-filled text in WhatsApp when you open it
• timezone_offset → UTC offset of your time zone
Ex: 1 = Paris/Madrid, 0 = London, 2 = Cairo
• sound_enabled → true/false — Enables notification sound
• dark_mode → true/false — Enables dark mode

📅 OPENING HOURS (for each day)
• [day]_enabled → Check if the day is open
• [day]_open → Opening time Ex: 9:00 AM
• [day]_close → Closing time e.g., 6:00 PM

Available days:

Monday / Tuesday / Wednesday / Thursday / Friday / Saturday / Sunday

Example Monday:

monday_enabled = ✅ true

monday_open = 9:00 AM

monday_close = 6:00 PM

Example Sunday (closed):

sunday_enabled = ☐ false

(The hours are ignored if the day is (Disabled)

─────────────────────────────────────────
STEP 4 — Test
──────────────────────────────────────────
1. Preview your app in "Preview" mode
2. The widget appears in the bottom right (or left) of the page
3. It opens automatically after 4 seconds (first load)
4. Verify that the ONLINE / OFFLINE status matches your schedule
5. Click on "Start Chat" → WhatsApp should Open

──────────────────────────────────────────
⚠️ POINTS IMPORTANT
───────────────────────────────────────────
• The phone number must be entered WITHOUT spaces, WITHOUT "+", AND WITHOUT a leading "0"

✅ Correct: 33612345678

❌ Incorrect: +33 6 12 34 56 78

• The logo URL must be a direct URL to an image

(Publicly hosted JPG, PNG, or SVG)

• The widget is automatically placed on top of all
Floating Groups and Bubble Popups (z-index) (maximum)

• Dark mode can be activated by the end user using the 🌙 button in the widget header.

─────────────────────────────────────────
💬 SUPPORT
───────────────────────────────────────────
A question? A problem?

Contact us at: [email protected]

⚡ Powered by BATHOS PRO