內容簡介
**總結:**
這個 WordPress 外掛可以幫助您建立一個展覽地圖，上傳樓層地圖圖片，定義展位的 JSON 格式，並且能夠嵌入到網站中，讓使用者透過點擊展位將相關產品加入到 WooCommerce 購物車中進行臨時預訂。
**問題與答案:**
1. 這個 WordPress 外掛可以幫助你做什麼？
- 回答: 這個外掛可以幫助您建立一個展覽地圖和上傳樓層地圖圖片。
2. 展位如何被定義？
- 回答: 展位被定義為 JSON 格式，包括 id、x/y 座標（百分比）、類型、產品 ID 和價格。
3. 外掛可以如何被嵌入到網站中？
- 回答: 外掛可以透過 [brandjaws_ebb_booth_map id="123"] 或 Elementor widget 進行嵌入。
4. 如何將產品添加到 WooCommerce 購物車？
- 回答: 透過點擊展位，連結的產品將被添加到 WooCommerce 購物車中，並透過 AJAX 進行臨時預訂。
5. 為什麼要確保每個展位連結到一個獨特的 WooCommerce 產品？
- 回答: 這是為了簡單的預訂，確保每個展位鏈接到庫存數量為1的獨特 WooCommerce 產品上。
6. 預訂如何被處理？
- 回答: 預訂使用臨時快取（約10分鐘），完成訂單應該依賴於產品庫存以進行最終預訂。
外掛標籤
開發者團隊
原文外掛簡介
Expo Booth Booking allows event organizers to sell exhibition booths visually using an interactive floor map instead of a traditional product list.
Upload your expo layout image, place clickable booths anywhere on the map, link them to WooCommerce products, and let exhibitors reserve and purchase booths directly from the layout.
Perfect for:
– Trade shows
– Business expos
– Conferences
– Startup events
– University fairs
– Property exhibitions
– Mall shop bookings
How It Works
Create an Expo Map (Custom Post Type).
Upload your event floor layout image.
Define booths using JSON with:
id
x / y position (percentage-based)
type
product_id
price (optional display)
admin_booked (optional manual booking control)
Link each booth to a WooCommerce product.
Display the map using:
Shortcode: [brandjaws_ebb_booth_map id=”123″]
Elementor widget
Users click a booth → enter details → booth becomes reserved → product is added to cart via AJAX → checkout is completed through WooCommerce.
Key Features
Interactive Floor Map
Upload custom expo map image
Clickable booth markers
Responsive percentage-based positioning
Visual booth states:
Available
Temporarily Reserved
Booked
Admin Booked
WooCommerce Integration
Each booth linked to a WooCommerce product
AJAX add-to-cart functionality
Uses WooCommerce stock system
Final booking confirmed after successful checkout
Exhibitor Details Collection
When selecting a booth, users must enter:
– Full Name
– Email Address
These details:
– Are stored with the cart item
– Appear in WooCommerce order details
– Allow admin to identify booth owner easily
– Are visible inside WooCommerce → Orders
Temporary Reservation System
Booth is temporarily reserved when added to cart
Prevents multiple users from booking the same booth
Reservation uses WordPress transients (~10 minutes)
If checkout is not completed, booth becomes available again
Final confirmation depends on WooCommerce stock
Admin Manual Booking Control
Admins can manually mark booths as already booked.
To do this, add the following inside booth JSON:
{
“id” : “A1”,
“x” : 12.5,
“y” : 30.2,
“type” : “cp_outside”,
“type_label” : “CP Outside”,
“color” : “#00a65a”,
“product_id” : 123,
“price” : 3500,
“admin_booked” : true
}
When admin_booked is set to true:
– Booth appears as fully booked on frontend
– Cannot be clicked or reserved
– Ignores WooCommerce stock
– Useful for offline bookings, VIP reservations, sponsor booths, or manual allocations
Elementor Support
Dedicated Elementor widget
Drag-and-drop placement
No coding required
Fully responsive
Developer Friendly
JSON-based booth configuration
Clean architecture
Easy to extend
Ready for future enhancements
Benefits for Event Organizers
Visual booth selling increases conversions
Prevents double booking
Supports manual offline allocations
Easily identify booth owners via name & email
Works with all WooCommerce payment gateways
Simple setup
Benefits for Exhibitors
Instantly see available booths
Transparent pricing
Clear booth status
One-click reservation
Secure checkout
Simple detail submission
Getting Started
After activation:
Install & activate WooCommerce
Create WooCommerce products (one per booth)
Set stock quantity = 1
Use Simple product type
Go to WP Admin → Expo Maps
Upload your floor layout image
Add booth JSON configuration
Publish the Expo Map
Add shortcode to a page or use Elementor widget
Your interactive booth booking system is ready.
