3. Cart Page

The Cart Page WhatsApp Button allows customers to send their entire cart details directly to WhatsApp before checkout. This is ideal for:

• WhatsApp-based ordering stores
• Manual order confirmation businesses
• Cash on delivery workflows
• B2B price negotiation stores

When enabled, the plugin generates a structured message including product names, quantities, prices, URLs, subtotal, tax, and total.

Frontend Output #

On the cart page, a WhatsApp button appears near the checkout area.
When clicked, it opens WhatsApp with a pre-filled cart summary message including:

• Product name
• Quantity
• Price
• Product URL
• Subtotal
• Tax
• Total

⚙ Cart Page Settings Explained #

1. WhatsApp Button on Cart Page (Show / Hide) – Show or Hide the WhatsApp button on the Cart page.
   • Show → Button appears on the Cart page.
   • Hide → Button does not appear.
2. WhatsApp Type – Choose how users will connect:
   • Number → Start a direct chat with a WhatsApp phone number
   • Group → Redirect to a WhatsApp group invite link.
3. WhatsApp Number / Group Link
   • If Number is selected, enter your WhatsApp phone number in international format e.g., +10123456789.
   • If Group is selected, paste the full WhatsApp group invite URL
     A test link is shown below the field to verify correctness.
4. Button Position – This controls whether the button appears above or below the “Proceed to Checkout” button. Choose where the WhatsApp button appears on the Cart page. Available options may include:
   • Before Checkout Button
   • After Checkout Button
5. Pre-filled Message – Define the message automatically inserted into WhatsApp. You can use:
   • Customize the message that will be auto-filled when a customer clicks the button.
   • WooCommerce Cart Variable:
     • {cartInfo}
     • Global vars: {siteTitle}, {siteEmail}, {currentURL}, {date}, {ip}
     • Example: Hello, I want to purchase the item(s) below: {cartInfo}
6. Include With Cart Info: Choose what to include in the generated cart message. This ensures full transparency when customers send orders.
   • Product URL → Adds product page links.
   • Tax Amount → Includes tax details.
7. Hide Proceed to Checkout Button: This is useful for WhatsApp-only stores.
   • Enabled (ON) → Hides the default WooCommerce checkout button.
   • Disabled (OFF) → Keeps both Checkout and WhatsApp buttons visible.
8. WooCommerce Button Style: Select how the button appears:
   • Icon Only
   • Simple Button
   • Advanced Button
9. Button Main Label: Set the text displayed on the button.
   • Example – Order via WhatsApp, Chat Now, Buy on WhatsApp, How may we help you? 
10. Icon for Button: Choose icon style:
    • Native WhatsApp icon, Custom icon, No icon
11. Button Size: Choose the size of the button:
    • XS, S, M, L, XL, XXL (Custom size option available)
12. Icon Color: Set the icon color for:
    • Normal state
    • Hover state
13. Icon Background
    • Enabled → Adds background behind the icon.
    • Disabled → Icon appears without background.
14. Icon Background Color – Set background color for:
    • Normal state
    • Hover state
15. Button Background – Set the button background color for:
    • Normal state
    • Hover state
16. Button Label Color – Set the text color for:
    • Normal state
    • Hover state
17. Button Border – Customize:
    • Border width
    • Border style
    • Border color
    • Hover border color
    • Border radius
18. Button Padding – Control internal spacing of the button:
    • Top / Right / Bottom / Left
19. Button Margin – Control outer spacing around the button.
20. Button Visibility – Control where the button appears:
    • Everywhere / Desktop Only / Tablet Only / Mobile Only