WeSecure WhatsApp Shop for WooCommerce

WeSecure WhatsApp Shop transforms your standard WooCommerce store into a high-converting WhatsApp Enquiry Catalog. It seamlessly replaces default WooCommerce "Add to Cart" and checkout flows with direct, pre-filled WhatsApp enquiry buttons—enabling direct communication between store owners and customers.

Ideal for B2B stores, wholesale businesses, service providers, custom/made-to-order products, real estate listings, or any business requiring custom quotes via WhatsApp.

✨ Key Features

• 💬 Direct WhatsApp Enquiry Buttons: Replace standard WooCommerce cart/checkout buttons with instant WhatsApp chat actions on both shop grid and single product pages.
• 📦 Smart Auto-Generated Messages: Clicking the enquiry button automatically opens WhatsApp with pre-filled details including Product Title, Price, SKU, and Direct Product Link.
• 🎨 Powerful Admin Customizer:
  • Full control over Primary, Accent, and Dark theme colors with real-time color pickers.
  • Customizable typography (Google Fonts / Theme Font inheritance).
  • Editable button text, shop headers, subtitles, and Call-To-Action (CTA) sections.
• 🏷️ Interactive Category Filter: Built-in interactive category filter tabs for seamless navigation without page reloads.
• 📲 Site-Wide Floating Chat Widget: Always-visible floating WhatsApp button in the bottom corner with custom greeting text.
• ⚡ Shortcode Engine: Easily embed shop catalogs, category grids, custom buttons, or floating widgets on any page or post.
• 🖼️ Built-in Responsive Templates: Modern, clean, and mobile-ready archive and single product templates.
• ⚙️ Flexible Cart Mode: Easily toggle WooCommerce cart disable mode or keep standard WooCommerce features active.

🛠️ Installation

Option 1: Manual Installation via WordPress Admin

1. Download or clone this repository as a .zip archive.
2. Go to your WordPress Dashboard -> Plugins -> Add New -> Upload Plugin.
3. Select the wesecure-whatsapp-shop.zip file and click Install Now.
4. Click Activate Plugin.

Option 2: Upload via FTP / File Manager

1. Extract the wesecure-whatsapp-shop folder.
2. Upload the wesecure-whatsapp-shop folder to /wp-content/plugins/ directory.
3. Navigate to WordPress Dashboard -> Plugins -> Installed Plugins.
4. Locate WeSecure WhatsApp Shop for WooCommerce and click Activate.

⚙️ Configuration

Once activated, configure the plugin settings from your WordPress Dashboard:

1. Go to WA Shop -> Settings in the WordPress admin sidebar.
2. Configure WhatsApp Settings:
   • WhatsApp Number: Enter your business phone number with country code (e.g., 8801700000000 without + or spaces).
   • Default Message: Customize the fallback enquiry message.
   • Company Name: Set your business name used in default templates.
3. Configure Colors & Typography:
   • Choose your brand colors for buttons, primary accents, and dark highlights.
   • Set custom fonts or leave as inherit to match your active WordPress theme.
4. Customize Shop Text & Grid Settings:
   • Change button text (e.g., Enquire on WhatsApp, Get a Quote).
   • Set products per page and grid column layout (2, 3, or 4 columns).

🧩 Shortcodes Reference

Use shortcodes to display products, shop layouts, or WhatsApp buttons anywhere on your site:

1. Full Shop Catalog with Category Filter

[wws_shop limit="12" columns="4"]

• limit: Number of products to display per page (default: 12).
• columns: Number of grid columns (2, 3, or 4) (default: 4).

2. Category Products Grid

[wws_products category="electronics" count="8" columns="4" orderby="date" order="DESC"]

• category: Category slug to filter products.
• count: Total products to show (default: 8).
• columns: Grid columns (2, 3, or 4).
• orderby: Sort by date, title, price, or rand.
• order: ASC or DESC.

3. Custom WhatsApp Button

[wws_whatsapp_btn text="Enquire on WhatsApp" message="Hi, I need assistance." class="custom-class"]

• text: Label displayed on the button.
• message: Pre-filled message sent to WhatsApp.
• class: Custom CSS class for custom styling.

4. Floating WhatsApp Chat Widget

[wws_floating_button]

Displays the fixed floating WhatsApp chat icon in the bottom corner of the page.

📁 Directory Structure

wesecure-whatsapp-shop/
├── assets/
│   ├── css/
│   │   └── wws-style.css          # Frontend styling & layout styles
│   └── js/
│       └── wws-script.js          # Interactive JS filtering & behaviors
├── includes/
│   ├── class-wws-frontend.php     # Template hooks & assets enqueuing
│   ├── class-wws-post-type.php    # WooCommerce integration & product queries
│   ├── class-wws-settings.php     # Admin settings page & color options
│   └── class-wws-shortcodes.php   # Shortcode registrations & rendering
├── templates/
│   ├── archive-wws_product.php    # Full shop archive template
│   ├── shortcode-products.php     # Products grid shortcode template
│   ├── shortcode-shop.php         # Catalog shortcode template with filter
│   └── single-wws_product.php     # Single product detail template
├── uninstall.php                  # Cleanup on plugin uninstall
└── wesecure-whatsapp-shop.php     # Main plugin bootstrap file

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check out the issues page if you want to contribute.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

👤 Author

Developer Alamin

• Website: developeralamin.com

📄 License

This project is licensed under the GPL-2.0+ License - see the GNU General Public License for details.