The GC Group - Booking Forms
Booking forms for the Goldcrest Group, allowing customers to book appointments.
Services: React
Introduction:
While working for The Goldcrest Group I developed a booking form that allows customers to schedule appointments for in-home consultations. Users can select a preferred date and time, after which confirmation emails are sent to the customer and Goldcrest staff, as well as writing the booking information to a google spreadsheet via an API call. This form is used across multiple group websites, with dynamic content tailored to each brand.
Services: React
Highlighted Features:
Below I have listed some key features in the project, including functionality, code and design.
One codebase, multiple brands:
The Goldcrest Group consists of seven companies under one umbrella. The application detects the current domain and dynamically loads the correct brand content from a centeral storeConfig.js file. To ensure a smooth user experience, a loading screen is displayed while content is being selected. This allows for one scalable codebase to power multiple websites efficiently.
The full list of sites is: https://book.goldcrest-blinds.co.uk, https://book.baileys-blinds.co.uk, https://book.grampian-blinds.co.uk, https://book.aberdeen-blinds.co.uk, https://book.sunrite.co.uk, https://book.rainbow-blinds-and-interiors.co.uk, https://book.cruickshank-blinds.co.uk, https://book.scot-blinds.co.uk & https://book.crestselfstorage.co.uk.
Optional Content:
As each company has slightly different requirements, the form conditionally renders content depending on the configuration. For example, Trustpilot and Google Reviews only appear for the relevant brands, and if content fields are empty, these sections are automatically omitted from the page.
Crest Self Storage:
One of the groups companies, Crest Self Storage, required a modified version of the form as it contains animated gifs (to display storage unit sizes), a pricing table instead of a standard thank you page, and integration with MailChimp for marketing subscriptions.
Once the form is submitted user data is sent to MailChimp (if marketing consent is given) and 2 automated follow-up emails are triggered (after 2 days and 5 days).
Integrations with Email and Google Sheets:
One of the main features of this project was automating post submission workflows. After submitting the form, a confirmation email is sent to the customer, a notification email is sent to staff and an API call is made to write the booking information to the Google Sheet. This means that appointments are tracked in real time and reduces administration work.
Conclusion:
The Goldcrest Group booking forms allow users to book appointments. The use of various API calls allows for easy management of data.