Expo Booth Booking

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

1. Create an Expo Map (Custom Post Type).
2. Upload your event floor layout image.
3. Define booths using JSON with:
   • id
   • x / y position (percentage-based)
   • type
   • product_id
   • price (optional display)
   • admin_booked (optional manual booking control)
4. Link each booth to a WooCommerce product.
5. 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:

1. Install & activate WooCommerce
2. Create WooCommerce products (one per booth)
   • Set stock quantity = 1
   • Use Simple product type
3. Go to WP Admin → Expo Maps
4. Upload your floor layout image
5. Add booth JSON configuration
6. Publish the Expo Map
7. Add shortcode to a page or use Elementor widget

Your interactive booth booking system is ready.