About this plugin
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”,
5,
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.