WordPress WooCommerce Podcast Studio Booking System

Job ID: 39273982

Budget: $30 – $250 USD

I have built a WordPress website using Elementor, and I need assistance in configuring WooCommerce products for a podcast studio booking system.

There are 8 podcast studios, and when a client books any of them at a specific time, all other studios should become unavailable for that time slot.

We are using a paid standard Calendly account for scheduling.

Current Setup (Already Implemented)
✅ 8 Products (each representing a studio)
✅ 10 Variations per product (each representing session durations from 1 to 10 hours)

Ideal Booking Flow (All Steps on the Product Page)
Step 1: Select Studio
On the home page, there are 8 studio cards with an image and "Book Now" button.

Clicking "Book Now" leads to the specific studio’s product page.

Step 2: Choose Session Duration
Users can choose from 1 to 10 sessions (each session is 1 hour).

Example:

If a user selects 3 sessions, they are booking 3×1 hour.

Pricing:

If choosing Package 1 → $10 × 3 = $30

If choosing Package 2 → $15 × 3 = $45

Step 3: Select Service Package
There are two packages with different prices per hour:

Package 1 - $10 per hour

Includes:
Raw footage
3 cameras
2 microphones
Basic operator

Package 2 - $15 per hour
Includes everything in Package 1, plus:
Professionally edited episode
Audio mastering
2 revisions

Package descriptions should be clearly visible to help users make informed choices.

Step 4: Display Final Price
The total cost should be dynamically calculated based on session duration × selected package price.

Step 5: Pick Date & Time
The user selects a starting time.

If they book 3 sessions (3 hours) and choose 10:00 AM, then Calendly should block 10:00 AM - 1:00 PM so no other bookings overlap.

Step 6: Payment via WooCommerce
Users complete payment through WooCommerce (Stripe as the payment method).

Technical Considerations
Would it be possible to implement all these steps directly on the product page?

If needed, the reservation could be created via API integration with Calendly, or I’m open to alternative solutions if you have a better approach.
Related categories: PHP WordPress CSS HTML WooCommerce