Movie Show Booking System Integration in Dash SaaS

Introduction

The Movie Show Booking Add-On is a complete cinema management solution that allows administrators to manage movies, shows, screens, seating layouts, bookings, payments, food orders, reviews, contacts, subscribers, taxes, and website content from a centralized dashboard. It provides real-time insights into total bookings, revenue, movies, and shows, along with booking trends and recent transactions. The system supports full configuration of movie types, cast types, screens with dynamic seating layouts, show scheduling based on service hours, and automated tax calculations. Administrators can also customize site settings, banners, pages, contact information, social links, and business hours. From creating movies and assigning casts to managing bookings, offline payments, and food orders, the add-on streamlines both frontend customer booking experiences and backend operational control in one integrated platform.

How To Install the Movie Show Booking Add-On?

To Set Up the Movie Show Booking Add-On, you can follow this link: Setup Add-On

How to Use the Movie Show Booking Add-On?

Movie Show Booking Dashboard

• The dashboard provides a complete overview of your movie booking system’s performance through various visual elements and quick access features.
• At the top, you’ll find a QR code that customers can scan to directly access the booking page, along with a “Copy Link” button to share the booking website link easily.
• The dashboard displays important summary cards showing Total Bookings, Total Revenue (with today’s revenue shown below), Total Movies, and Total Shows, giving you instant insights into your business metrics at a glance.
• The dashboard includes a Bookings Trend chart that displays the last 7 days of booking data as a line graph, allowing you to track booking activity over time and identify your busiest days at a glance.
• The Recent Payments panel on the right side shows the latest payment records with each entry displaying the Booking ID, Customer Name, Movie, Number of Seats, Payment Status (Paid or Pending), Amount, and Date, giving you a quick view of your most recent transactions.
• The Recent Bookings table at the bottom displays the last 10 bookings with columns for Booking ID, Customer, Movie, Date & Time, Seats, Amount, and Status, allowing you to monitor and track the most recent customer bookings across all movies and screens.

System Setup

Movie Types

• To add a new Movie Type, click the “Create” button and enter the movie type name (e.g., Action, Horror, Comedy) in the Name field. The list page displays a table with the Name and Action columns. Available actions: you can use ‘Edit’ to modify the movie type detail and ‘Delete’ to remove it.
• Once a Movie Type is created, it appears on the Movies Listing Page as a genre filter tag below each movie card (e.g., Action, Thriller) and also inside the Movie Detail Page as the genre label shown alongside the movie information.

Cast Types

• To add a new Cast Type, click the “Create” button and enter the cast type name (e.g., Lead Actor, VFX Supervisor, Antagonist) in the Name field. The list page displays a table with the Name and Action columns. In the action column, you can use ‘Edit’ to modify the cast types detail and ‘Delete’ to remove it.
• Once a Cast Type is created, it appears on the Movie Detail Page under the Cast section, where each cast member is shown with their name and their assigned cast type label (e.g., Brec Bassinger, Lead Actor).

Movie Screens

• To add a new Movie Screen, click the “Create” button and enter the screen name (e.g., Grand Hall, Luxury Screen) in the Name field. The list page displays a table with the Name and Action columns.
• Each entry has three actions: a Seating Layout to configure the seating for a screen, Edit to modify the movie screen detail, and Delete to remove them.
• When you click the seating Layout button, this opens the Seating Layout page for that specific screen. Click the “Create” button to add a section, then fill in the Section Name (e.g., Platinum, Economy), Price per Seat, Total Seats, Rows, Seats per Row, and Aisle After Seat (the seat numbers where an aisle gap should appear, e.g., 6,12).
• Click “Prepare Seats” to preview the layout on the right side, then click “Save Changes” to confirm. Multiple sections with different prices can be added to a single screen.
• Once the screen and its seating layout are saved, the screen name appears on the Movie Detail Page under the Showtimes section, and the full seat layout appears on the Seat Selection Page, where users can see each section with its name and price (e.g., $500.00 Premium, $300.00 Regular) and select their preferred seats before proceeding to payment.

Site Settings

• This section controls the overall look and identity of the website. Fill in the Site Logo (shown in the header), Footer Logo (shown in the footer on a dark background), and Favicon (the small icon that appears on the browser tab).
• Enter the Footer Text (e.g., “BookMyScreen. All rights reserved”) and select the Hero Banners by clicking “Browse” to upload multiple banner images. Click “Save Changes” to apply.
• Once saved, the Site Logo appears in the top navigation bar across all pages; the Footer Logo appears in the footer section at the bottom of every page; the Favicon appears on the browser tab, the Footer Text appears as the copyright line at the bottom of the footer; and the Hero Banners appear as the sliding banner images on the Homepage.

About Section

• This section controls the content displayed on the About page. Enter the Sub Text (the short description shown below the page heading), write the full story content in the Content editor using the formatting toolbar, upload a Background Image by clicking “Browse,” and fill in the Our Mission items by entering a Name, selecting an Icon, and writing a Description for each item. Click “Save Changes” to apply.
• Once saved, the Sub Text appears as the subtitle under the “About Us” heading, the Content appears as the “Our Story” paragraph on the About page, the Background Image appears as the image displayed beside the story content, and each Mission item appears as a card under the “Our Mission” section with its icon, name, and description.

Contact Us

• This section manages all the contact information displayed on the Contact page. Fill in the Contact Title (the short description shown under the page heading), Email, Support Email, Phone, and Emergency/Support phone number.
• Under Our Location, enter the full Address and paste the Google Maps Embed Code to show the map. Click “Save Changes” to apply.
• Once saved, the Contact Title appears as the subtitle on the Contact Us page, the Email and Support Email appear under Email Addresses in the Our Information panel, the Phone and Emergency numbers appear under Phone Numbers in the Our Information panel, the Address appears under Office Location, and the Google Maps Embed Code renders as the interactive map at the bottom of the Contact page.

Service Hours

• This section sets the opening and closing hours for each day of the week. For each day (Monday through Sunday), set the status to Open or Closed using the dropdown, then enter the Opening Time and Closing Time. Click “Save Changes” to apply.
• Once saved, the service hours appear under Business Hours in the Our Information panel on the Contact page, showing each day with its corresponding open and close times (e.g., Monday: 09:00 – 23:00).

Social Links

• This section manages the social media icons shown on the website. For each item, select the Social Media Icon (e.g., Facebook, Instagram, Twitter, YouTube) and enter the full URL for that platform. Click ” Add Social Link” to add more platforms and click “Save Changes” to apply.
• Once saved, the social media icons appear in two places: in the footer section at the bottom of every page and in the “Connect With Us” panel on the Contact page, each icon linking directly to the entered URL when clicked.

Custom Pages

• This section allows you to create standalone pages, such as Privacy Policy or Terms & Conditions. Click the “Create” button to create a new page. Enter the Name (internal reference), Title (the heading shown on the page), URL Slug (the web address for the page, e.g., ‘privacy-policy’; only lowercase letters and hyphens allowed) and write the page Contents using the editor.
• Toggle “Enable Page Footer” to show or hide the footer on that page. The list displays the Name, Title, Slug, Footer status, and an Edit option for each page.
• Once created, the page becomes accessible via its URL Slug and its link appears in the Useful Links section in the footer (e.g., Privacy Policy, Terms & Conditions), which users can click to read the full page.

Movie Section

• This section controls the content shown on the Movies listing page. Enter the Sub Title (the main heading shown on the page, e.g., “Discover Your Next Movie Experience”) and add Important Information items by clicking ” Add Information.” For each item, select an Icon and write the Information text. Click “Save Changes” to apply.
• Once saved, the Sub Title appears as the main heading on the Movies listing page, and the Important Information items (shown after booking on the booking confirmation page of the website) appear as informational tip cards with icons visible to users when browsing movies.

Foods

• This section manages the food and beverage items available for users to add during online booking. Click the “Create” button to create a new item. Enter the Name (e.g., Popcorn, Nachos), upload an Image by clicking “Browse,” and enter the Price.The list page displays the Image, Name, Price, and Action columns with Edit and Delete options for each item.
• Once saved, the food items appear on the Seat Selection page under the Food & Beverages section in the Booking Summary panel, where users can add their preferred items before proceeding to payment. The selected food items and their prices are then reflected in the total amount and the Payment page.

Tax

• This section sets the tax applied to every booking. Enter the Tax Name (e.g., GST) and the Tax Rate as a percentage (e.g., 10). Click ” Add Tax” to add more tax entries if needed, then click “Save Changes” to apply.
• Once saved, the tax is automatically calculated and displayed on the Payment page as a separate line in the Booking Summary (e.g., GST 10% — $160.00), and the final total shown to the user includes the tax amount added on top of the subtotal.

Manage Movies

• To add a new movie, click the “Create” button and fill in the form. Enter the movie Name, select the Movie Type from the dropdown (comes from the System Setup → Movie Types), enter the Rating Text, Language, and Duration (in hours and minutes format, e.g., 2.20). Select the Release Date using the date picker.
• Upload a Movie Image (the poster displayed on movie listing cards), a Movie Detail Image (the background image displayed on the movie detail page), and Movie Images (multiple gallery photos for the movie). Enter the Short Description (a brief one-line summary of the movie) and write the full Synopsis using the content editor. Click “Create” to save the movie.
• The list page displays the table of the movie poster, Image, Name, Duration, Language, Certificate, Release Date, and Action columns.
• Available actions are View (to see full movie details), Edit to modify the movie data, and Delete to remove it.

• When you click the view button, you’ll get to see the full Movie Details page displaying a complete summary of the saved movie. The Basic Information section shows the Duration, Language, and Rating. The Additional Details section shows the Release Date, Movie Type tags, Short Description, and full Synopsis. On the right side, the Movie Image is displayed along with the Additional Images gallery showing all uploaded movie photos with navigation arrows to browse through them.

• Once a movie is created, the Movie Image and name appear as a movie card on the Homepage under Now Showing or Coming Soon, and on the Movies Listing page with genre tags and showtimes. The Movie Detail Image appears as the background banner on the Movie Detail page.

• The Language, Duration, Movie Type, Rating Text, and Release Date appear as detail labels on the Movie Detail page. The Short Description appears as the brief tagline under the movie title, the Synopsis appears under the Synopsis section, and the Movie Images appear in the Movie Gallery section.

Manage Movie Shows

• To add a new movie show, click the “Create” button and fill in the form. Select the Movie from the dropdown (comes from the Manage Movies section). Under the Show Schedule section, click the “Create” button to add a schedule entry.
• Select the Screen from the dropdown (fetched from System Setup → Movie Screens) and choose the Date using the date picker. Once the screen and date are selected, the Available Time Slots will automatically appear based on the movie’s duration. These time slots are generated according to the movie duration and calculated using the start and end times defined in the Service Hours under System Setup (e.g., 09:00 AM – 11:15 AM, 11:15 AM – 01:30 PM, 01:30 PM – 03:45 PM).
• Note: If a day is marked as Closed in the Service Hours section (System Setup → Service Hours), no time slots will be generated for that day, and the show cannot be scheduled on that date.
• Multiple schedule entries can be added for the same movie by clicking the “Create” button again to add another screen and date combination. Click “Save” to save the movie show. You cannot create a show for the same screen on the same date at the same show time.

• The list page displays a table with the Movie name and Actions columns. You can search for a specific movie show using the search bar at the top.
• Available actions are View (to see the full movie show details), Edit to modify the show data, and Delete to remove it.

• When you click the View button, you’ll get to see the full Movie Show Details page, which displays a complete summary of the scheduled show. The page shows the movie name at the top, followed by the Show Schedule section. Each schedule entry displays the Screen name, Show Date, and all configured Show Time Slots for that screen and date. Multiple screens and dates can be scheduled for the same movie and are all displayed as separate cards.
• Each schedule card also has a View Seating Layout button that opens a pop-up showing the full seat map for that screen, including all sections with their pricing (e.g., $500.00 Premium, $300.00 Regular) and the current availability of each seat. The “View Seating Layout” button will only appear if a seating layout has been added for that particular screen.

• Once a movie show is created, the scheduled dates appear on the Movie Detail page under the Showtimes section, where users can select a date, choose a screen, and pick a time slot. The available time slots then lead users to the Seat Selection page to complete their booking.

Manage Bookings

• To create a new booking, click the “Create” button on the manage booking page. The booking process is divided into 3 steps shown at the top of the page, like Select Movie & Show, Select Seats, and Customer Details.
• In Step 1 (Select Movie & Show), select the Movie from the dropdown (comes from the Manage Movies section). Once a movie is selected, all available show dates and time slots are displayed grouped by date, with each time slot showing the screen name (e.g., 09:00 Screen 1, 11:15 Screen 2). Click on a time slot to select it, then click “Next” to proceed.

• In Step 2 (Select Seats), the full seating layout of the selected screen is displayed, showing all sections with their pricing (e.g., $700.00 Platinum, $250.00 Economy). Click on any available seat to select it selected seats are highlighted in green. The Selected Seats and Total Amount are shown at the bottom of the page. Click “Next” to proceed.

• In Step 3 (Customer Details), enter the Customer Name, Email, Phone number, and set the Booking Status (e.g., Pending, Confirmed or Cancelled). A Booking Summary is displayed at the bottom showing the Movie, Screen, Date, Time, selected Seats, Total Seats, Subtotal, Tax, and the final Total amount. Click “Confirm Booking” to complete the booking.

• The list page displays a table with Booking ID, Customer, Movie, Date, Amount, Booking Status, Payment, Payment Method, and Actions columns. You can search for a specific booking using the search bar. Click the Filters button to filter by selecting Booking Status or Payment Status from the respective dropdown, then click “Apply” to filter the data or “Clear” to reset it.
• In the Action column, set the payment method to “Offline” to record an offline payment, View to see the full booking details, Edit to modify the booking details, and Delete to remove booking data. For bookings that are already paid, only the View icon is available.
• When you click the Payment action, a form will appear pre-filled with the Booking ID, Payment Amount, Total Seats, and Customer Name. Enter the Payment Date, Reference Number, select the Bank Account from the dropdown, and add an optional Description. Click “Add Payment” to confirm. Note that once a payment is added, the booking cannot be edited or deleted.

Manage Payments

• This section displays all offline payments recorded against bookings. Payments are created from the Manage Bookings section by clicking the Payment on any booking with a Pending payment status.
• The list page displays a table with Booking ID, Customer Name, Total Seats, Payment Amount, Payment Date, and Actions columns. You can search for a specific payment using the search bar at the top.
• The available actions are Mark as Paid, View, and Delete. When you click Mark as Paid, the payment status changes from Pending to Paid, and the corresponding booking status also changes from Pending to Confirmed. The View button is used to view the payment details, while the Delete button is used to remove the record. The Delete button is only visible when the payment status is Pending.

Manage Food Orders

• To create a new food order, click the “Create” button and fill in the form. Select the Booking from the dropdown (comes from the Manage Bookings section) and select the Bank Account from the dropdown.
• Under Food Items, select the Food item from the dropdown (comes from System Setup → Foods), enter the Quantity, and the Price and Total Price will be calculated automatically. Click “Add Item” to add more food items to the same order. The Total Amount is displayed at the bottom. Click “Create” to save the food order.

• The list page displays a table with Booking ID, Customer, Customer Phone, Total Amount, Order Date, Payment, and Actions columns. You can search for a specific food order using the search bar by entering the Booking ID or customer name.
• In the action column, you can use the Clear Payment to mark the payment as paid (clicking; opens a confirmation popup: “Are you sure you want to mark this payment as paid?” Select Confirm to proceed or Cancel to return.)
• For orders marked as Paid, only the View button is visible. If the payment status is Unpaid, the View, Edit, and Delete buttons are available. The View button displays the order details, Edit allows you to modify the order information, and Delete permanently removes the order from the system. The Delete button is only visible when the payment status is Pending.

Manage Movie Casts

• To add a new movie cast, click the ”Create” button and fill in the form. Enter the Cast Name, select the Movie from the dropdown (comes from the Manage Movies section), select the Cast Type from the dropdown (comes from System Setup → Cast Types), and upload a Profile Image by clicking “Browse.”
• The list page displays a table with Profile Image, Movie Title, Cast Type, Cast Name, and Actions columns. You can search for a specific cast using the search bar. Click the Filters button to filter by Movie or Cast Type from the dropdown, then click “Apply” to filter the data or “Clear” to reset it.
• Available actions are Edit to modify the cast data and Delete to remove it.
• Once a movie cast is created, the cast member’s Profile Image, Cast Name, and Cast Type appear on the Movie Detail page under the Cast section.

Manage Reviews

• This section displays all reviews submitted by users for movies. Reviews are created from the Movie Detail page on the website, where users can click the “Write a Review” button and submit their rating and feedback.
• The list page displays a table with Name, Email, Rating (shown as star icons), Movie, Date, and Actions columns. You can search for a specific review using the search bar. The list view can also be toggled between list view and grid view using the view toggle buttons.
• Available actions are View (to see the full review details) and Delete (to remove the review). This section depends on the Manage Movies section, as reviews are always linked to a specific movie.
• Once a review is submitted by a user on the frontend, it appears on the Movie Detail page under the Reviews & Ratings section, displaying the reviewer’s name, star rating, and written feedback for other users to see.

Manage Contacts

• This section displays all messages submitted by users through the Contact Us page on the website. Contacts are created from the Contact Us page on the frontend where users fill in the “Send Us a Message” form with their name, email, phone, subject, and message. No new contact can be created directly from this page.
• The list page displays a table with Name, Email, Phone, Subject, Date, and Actions columns. You can search for a specific contact using the search bar. Click the Filters button to filter by Email or Subject, then click “Apply” to filter the data or “Clear” to reset it.
• Available actions are View (to read the full message details) and Delete (to remove the contact entry).
• Once a user submits the contact form on the Contact Us page of the website, their message is recorded here in the backend for the admin to review and follow up accordingly.

Manage Subscribers

• This section displays all users who have subscribed to the website’s newsletter. Subscribers are added from the Homepage and the Contact Us page on the frontend, where users enter their email address and click the “Subscribe” button.
• The list page displays a table with Email and Subscribed At columns. You can search for a specific subscriber using the search bar.
• The only available action is Delete, to remove a subscriber from the list.
• Once a user subscribes on the frontend, their email is recorded here in the backend, giving the admin a complete list of subscribed users for newsletter or promotional communication purposes.