VonStroheim

<p><strong>TheBooking</strong> is a modern <strong>booking plugin</strong> to manage appointments and reservations, focused on usability and nice-looking user interface.</p>
<h4>User friendly booking plugin</h4>
<p>With its reactive calendar widget and a step-by-step reservation process, TheBooking allows customers to book your services in a snap!</p>
<h4>Availability schedule</h4>
<p>TheBooking implements an intuitive weekly planner to define availability hours, vacations and day offs.</p>
<ul>
<li><strong>Weekly working hours</strong>: define the available time intervals for each day of the week.</li>
<li><strong>Closing dates</strong>: configure the day offs.</li>
<li><strong>Booking time frame</strong>: define (if needed) both reservation opening and closing time independently for any of your services</li>
</ul>
<h4>Reservation form</h4>
<p>Define and customize a reservation form for each one of your services. TheBooking ships with a flexible <strong>form builder</strong>.</p>
<ul>
<li><strong>Custom fields</strong>: add your desired fields in the reservation form to collect the data you need (even <strong>files</strong>!)</li>
<li><strong>Conditional fields</strong>: fields can be configured to show/hide or being required in consequence of values of other fields.</li>
<li><strong>Validation</strong>: apply the desired validation rule to any text field, if needed.</li>
</ul>
<h4>Zoom meetings and Google Meet</h4>
<p>TheBooking integrates with Zoom and Google Meet to automate meetings creation and management for your services.</p>
<h4>Google Calendar 2-ways and 3-ways integration</h4>
<p>Connect your Google Calendar to see all your reservations there and to block available timeslots when busy. TheBooking is the <strong>only</strong> plugin that also allows you to <strong>plan the availability directly through Google Calendar</strong> (3-way) without the need to use the plugin backend to define time slots and opening hours.</p>
<h4>Locations</h4>
<p>Each service can have one or more locations that customer will be able to select during the booking process.</p>
<p><strong>Google Maps</strong> is also supported.</p>
<h4>Notification email messages</h4>
<p>TheBooking is very powerful when it comes to build the perfect notification system for your booking system.</p>
<ul>
<li><strong>Complete stack</strong> of notifications for any action: confirm, cancel, reschedule, approve, decline etc.</li>
<li><strong>Differentiate by service</strong>: any notification can be configured independently for each service</li>
<li><strong>Dynamic content</strong>: use placeholders to put dynamic data inside notification templates, such as service details, reservation details and customer’s data</li>
<li><strong>Advanced email content editor</strong>: create amazing HTML email content thanks to the clarity and power of TinyMCE editor</li>
</ul>
<h4>Service restrictions</h4>
<p>You can configure services to be booked by registered users only. Services can also be configured to require <strong>approval</strong> of the bookings.</p>
<h4>Data export</h4>
<p>Reservations and customers can be <strong>conveniently exported</strong> in *.CSV format.</p>
<p>To know more, see the <a href="https://docs.thebookingplugin.com/" title="TheBooking documentation" rel="nofollow ugc">documentation</a>.</p>
<h3>Contribute</h3>
<p>Source code can be found <a href="https://github.com/VonStroheim/thebooking" title="TheBooking repository" rel="nofollow ugc">here</a></p>
<h3>Getting started</h3>
<p>See the <a href="https://docs.thebookingplugin.com/" title="TheBooking documentation" rel="nofollow ugc">documentation</a> for all the info.</p>
<h3>Credits</h3>
<p>This plugin uses the following libraries/products:</p>
<ul>
<li><a href="https://github.com/mui-org/material-ui" title="Material-UI" rel="nofollow ugc">Material-UI</a></li>
<li><a href="https://github.com/tinymce/tinymce" title="TinyMCE" rel="nofollow ugc">TinyMCE</a></li>
<li><a href="https://github.com/date-fns/date-fns" title="date-fns" rel="nofollow ugc">date-fns</a></li>
<li><a href="https://github.com/primefaces/primereact" title="PrimeReact" rel="nofollow ugc">PrimeReact</a></li>
<li><a href="https://github.com/axios/axios" title="Axios" rel="nofollow ugc">Axios</a></li>
<li><a href="https://github.com/leongersen/noUiSlider" title="noUiSlider" rel="nofollow ugc">noUiSlider</a></li>
<li><a href="https://github.com/atlassian/react-beautiful-dnd" title="react-beautiful-dnd" rel="nofollow ugc">react-beautiful-dnd</a></li>
<li><a href="https://github.com/cure53/DOMPurify" title="DOMPurify" rel="nofollow ugc">DOMPurify</a></li>
<li><a href="https://github.com/JustFly1984/react-google-maps-api" title="react-google-maps-api" rel="nofollow ugc">react-google-maps-api</a></li>
<li><a href="https://github.com/bl00mber/react-phone-input-2" title="react-phone-input-2" rel="nofollow ugc">react-phone-input-2</a></li>
<li><a href="https://github.com/jakubroztocil/rrule" title="rrule.js" rel="nofollow ugc">rrule.js</a></li>
<li><a href="https://github.com/casesandberg/react-color" title="react-color" rel="nofollow ugc">react-color</a></li>
<li><a href="https://github.com/alexcaza/export-to-csv" title="export-to-csv" rel="nofollow ugc">export-to-csv</a></li>
<li><a href="https://github.com/moroshko/autosuggest-highlight" title="autosuggest-highlight" rel="nofollow ugc">autosuggest-highlight</a></li>
<li><a href="https://github.com/wojtekmaj/react-clock" title="React-Clock" rel="nofollow ugc">React-Clock</a></li>
<li><a href="https://github.com/moneyphp/money" title="Money" rel="nofollow ugc">Money</a></li>
</ul>


WordPress Booking Plugin – TheBooking

TheBooking is a modern booking plugin to manage appointments and reservations, focused on usability and nice-looking user interface.

typps

<h4>Some of the features in this basic edition</h4>
<ol>
<li>Bookings with a single start date.</li>
<li>Bookings with both a start date and start time.</li>
<li>Bookings with both a start date and start time with padding.</li>
<li>Bookings with a start date and time range.</li>
<li>Bookings a date range.</li>
<li>Booking a date and time range.</li>
<li>Booking a date range with partial day charge (Half day booking).</li>
<li>Bookings a round trip.</li>
<li>Bookings a round trip (with time).</li>
<li>Booking multiple dates (non sequential).</li>
<li>Booking multiple dates with time (non sequential).</li>
<li>Booking one or more packages.</li>
<li>Payments through Paypal.</li>
<li>Collect payment offline.</li>
<li>Enable online payments.</li>
<li>Enable online payments and offline mode.</li>
<li>Enable or disable payments (perfect for free bookings).</li>
<li>List of custom date formats to choose from.</li>
<li>AM/PM or 24h time format.</li>
<li>Customize any piece of string displayed to customer directly from the plugins back-end.</li>
<li>Translation ready.</li>
<li>Customize the data capture fields in a way that suits your business via Custom form fields.</li>
<li>Unlimited Categorized extras to add elements that carry extra cost and can be in limited quantity.</li>
<li>Define departure and destination dropdown fields with predefined locations and cost.</li>
<li>Calculate price by travel distance.</li>
<li>Charge only an upfront deposit(percentage or fixed fee). Pay reminder upon arrival.</li>
<li>Restrict from booking too soon or too late in the future with min/max notice.</li>
<li>Turn over days to set prep time needed before and after the next booking.</li>
<li>List services in a dropdown list.</li>
<li>List availables in a dropdown list.</li>
<li>An availability can contain an area displayed on a map in the front-end.</li>
<li>Style by choosing from a predefined color list to allow a more natural integration with your website.</li>
<li>Customize all email notifications sent out by the plugin.</li>
<li>Booking cancel link sent via email.</li>
<li>Set up Email reminders.</li>
<li>View sales, request payment or confirm payment.</li>
<li>View appointments in your back-end calendar.</li>
<li>Manage all appointments in the back-end.</li>
<li>Departure and destination input fields with google maps autocomplete support.</li>
<li>Booking with both departure and destination input fields.</li>
<li>Booking with single departure input field only.</li>
<li>Booking with both departure and destination dropdown fields.</li>
<li>Booking with single departure dropdown field.</li>
<li>Set waypoints between departure and destination.</li>
<li>Enable direction on a live google map within your site (no redirect).</li>
<li>Enable options such as avoid highway, avoid tolls and show traffic.</li>
<li>Select departure and destination directly on google map using right click context menu.</li>
<li>Add Search form with search attributes via short-code – allow customers to find matching appointments.</li>
<li>Control availability and available space by setting seats quantity per booking.</li>
<li>GDPR ready – EU law compliant on data protection and privacy.</li>
</ol>
<h4>I need more features, do you have a premium version?</h4>
<p>Honestly, we are glad you asked because we do have a premium version with many more features. Please checkout <a href="https://www.calendarista.com" rel="nofollow ugc">Calendarista Premium Edition</a></p>
<h3>Full list of features found on <a href="https://www.calendarista.com" rel="nofollow ugc">Calendarista Premium Edition</a></h3>
<p>BECOMING A CALENDARISTA</p>
<p>Getting started</p>
<p>Everything takes place in the “Services” page. This is your workshop for making your date and time available and ready for consumption through the web. But let’s do this in steps. We will be ignoring self-explanatory settings and focus on the basics that we need to get you up and running fast.</p>
<blockquote>
<p>NOTE: While this is the basic edition of Calendarista, it is actually a complete booking solution in it’s own right. A <a href="https://www.calendarista.com" rel="nofollow ugc">premium verison</a> of the plugin is also available.</p>
</blockquote>
<p>What is an availability?</p>
<p>In Calendarista, an availability is the date and time you are available to provide a certain service. An availability can be a single date or time you are available or one that repeats daily, weekly, monthly, yearly and so forth.</p>
<p>However, in order to setup your availability, first you will need to define a service.</p>
<h4>SERVICES</h4>
<p>Services can be created from the “Services” page. The page is subdivided in tabs to allow the various settings that affect a service.</p>
<p>Service tab</p>
<p>Provide a name that describes your service. Please try to keep this short and descriptive as it may come handy when you have defined several services. This will enable you to quickly distinguish one from the other at a glance. Additionally, it is possible to list services in a dropdown list in the front-end. In that case, this same name will be used so remember to keep it short and descriptive.</p>
<p>Select a mode for your service. This will dictate the way Calendarista behaves in the front-end. Remember you are simply selecting the behavior. You will be able to set the actual date(s) and how these repeat later when setting the availability.</p>
<ul>
<li>Single day<br />
In the front-end, the booking calendar will allow selecting only a day. In this basic edition, only a single day selection is eneabled. This mode does not support time slots. </li>
<li>Single day and time<br />
In the front-end, the booking calendar will allow selecting a date and a single timeslots. </li>
</ul>
<p>Availability Tab</p>
<p>This is where you can setup the calendar, including the days and time slots you are available and the cost if applicable among other options. Multiple availabilities can be created. In this case, each availability will be listed in a list in the front-end. We will skip self-explanatory and optional settings so that we can focus on the main settings you will need.</p>
<blockquote>
<p>Note that most of the availability settings depend on the service mode selected.</p>
</blockquote>
<ol>
<li>Provide a name for the availability. Make sure the name is short and descriptive. This will help you identify an availability quickly. The same name will also be used in the front-end in case you have created multiple availabilities. </li>
<li>Set the date and time your availability starts.</li>
<li>Seats can be set depending on the service mode. Not all modes support seats. Additionally, if the service supports timeslots, then you will be able to set seats per timeslot and the setting will be available separately when creating timeslots.</li>
<li>An image URL can be provided optionally. If you do provide one, it will display in the front-end when the availability is selected. This can be useful in cases where you want to display the picture of the person that owns the availability. To set the images width and height refer the “Styles” section.</li>
<li>Check “repeat”, this will allow you to add days to your availability. If you do not check repeat, you will end up with a single day in your availability, which is the date you setup in step 2.<br />
Checking “Repeat” will produce a dialog box where you can setup the repetition pattern.<br />
>Note that we will not go through the options in the “Repeat” dialog as these are all quite >simple to guess what they do.</li>
</ol>
<p>This covers the necessary settings required to create an availability. Now click the “Create New” button. Congratulations. You have just created your first service.</p>
<p>In case the service mode is one that includes timeslots, then you are not quite done yet. Head on to the “Timeslots” tab. We will discuss this in the next section.</p>
<p>Timeslots tab</p>
<p>If the service mode is one that supports time, then the time slots tab will display. This is where you generate time slots, set cost per time slot. But first ensure you have already created an availability otherwise you won’t be allowed to setup time slots.</p>
<blockquote>
<p>NOTE: In the basic edition, you can only autogenerate slots by weekday but this is quite sufficient for most usecases.</p>
</blockquote>
<p>From the timeslots tab, select an availability. The timeslots you will be creating will be for the selected availability only.</p>
<p>For instance, if you are running a dental clinic and have several dentists, then you will likely setup one availability per dentist. The timeslots generated will be the working hours of that particular dentist. A dental clinic is only an example, and you are not confined to any specific type of business as the use case for Calendarista aims to be for the general use case, thus covering several scenarios.</p>
<p>Next choose “Create timeslot”. If you select this option, you will be able to create time slots manually per specific day by date or week day.</p>
<ol>
<li>Weekday<br />
The default selection of “All week days” will generate slots using the “Start interval”, “Time length” and “End time” values to generate slots that will be included in all weekdays. If slots exist in any particular weekday, these will be wiped out and replaced by fresh values generated.</li>
<li>Cost<br />
If your service supports payments, you will be able to set the cost for each time slot. </li>
<li>Seats<br />
The seats behavior determines if you want to allow a single individual booking per slot or the same slot can be booked multiple times.<br />
> NOTE: In the basic edition, you cannot set the number of seats available per slot nor take time timeoff.</li>
</ol>
<p>Now click create. Your availability in the front-end calendar will show the time slots created.</p>
<blockquote>
<p>NOTE: If for seats you selected “One seat per slot”, in this case when a slot on any particular date is booked, it wont be available for a second booking.</p>
</blockquote>
<p>Styles tab</p>
<p>The booking form displayed in the front-end can be styled. We offer basic styling and advanced styling.</p>
<p>BASIC</p>
<p>Basic styling will allow you to change the color of the main menu and the navigation button.</p>
<ol>
<li>Select a Theme<br />
This setting allows you to choose from one of 3 predefined color schemes available. The color scheme will apply to the wizard containing the booking form.</li>
<li>Font-Family and Font-size<br />
This applies to fonts used in the wizard</li>
<li>Thumbnail width and height<br />
This applies to the images you set on the availability. The image displays in the wizard when the availability is active.</li>
</ol>
<p>ADVANCED</p>
<p>You can also control the presentation of the summary data found within the wizard. This will allow you to change the entire HTML structure of the content but keep in mind that some basic knowledge of HTML is required.</p>
<p>Importantly, try to pay particular attention to the existing tokens and the braces around the tokens. Some tokens are enclosed within 2 curly braces and others within 3.</p>
<p>We provide this level of customization to power users who know their way around templating engines. For a list of tokens, expand the tokens and control statement sections.</p>
<p>The templating engine in use will try to alert you of mistakes made, however this may not happen always. In case things don’t look right, reset the template and start over. A reset button will appear after saving your first customization.</p>
<p>Text tab</p>
<p>The plugin will display textual content in the front-end based on various conditions.</p>
<blockquote>
<p>NOTE: In the basic edition, translations can be done manually using a separate third party plugin such as PoEdit.</p>
</blockquote>
<p>If you just want to quickly edit text displayed in the front-end, this can be done by going in the Service Text tab. Here you can customize content quickly and effectively, so that the text reflects content specific to your business.</p>
<p>This is service specific. So, if you have several services you will need to repeat this again for each service. A tool that will come in handy in this case is the “Duplicate” option found in the “Services” page.</p>
<p>Short codes tab</p>
<p>A service can be inserted into a page or post to allow booking by copying the generated short code and pasting it into your page or post.</p>
<p>To find the short-code of your service, go into the short codes tab found in the “Services” page and select a service in the left page. Then copy the short code generated in the right pane.</p>
<p>If you select multiple services, this will add a service switcher dropdown list in your booking form allowing your customer to switch services on the fly.</p>
<h4>SETTINGS</h4>
<p>The settings page is where you can control various configurations of the plugin.</p>
<p>The general tab</p>
<p>This is where you may change the general behavior of the plugin such as approval, notifications, date/time formats and so forth.</p>
<h4>The emails tab</h4>
<p>The plugin sends out several notifications to customers regarding the status of their booking. General properties such a sender name and email, the admins email address, the logo of your company to include in the emails and color settings can be managed on this screen.</p>
<p>If you wish even more control, i.e. if you want to include custom content within the emails, select the template and add your modifications.</p>
<blockquote>
<p>Importantly, try to pay particular attention to the existing tokens and the braces around the tokens. Some tokens are enclosed within 2 curly braces and others within 3.</p>
</blockquote>
<p>Note that the templating engine in use will try to alert you of mistakes made, however this may not always happen. So, make sure you test the emails to catch any mistakes you may have made. In case things don’t look right, reset the template and start over. A reset button will appear after saving your first customization.</p>
<h4>The payments tab</h4>
<p>Here you can add or edit payment methods supported by the plugin.</p>
<blockquote>
<p>NOTE: In the basic edition we support PayPal only and is not limited in anyway, for more options checkout our premium version.</p>
</blockquote>
<p>PAYPAL</p>
<p>First ensure that you have selected a currency that is PayPal supported, next proceed.<br />
1. Check the enable field.<br />
2. Provide your email associated to your PayPal account.<br />
3. Set the title field. This value is used for the Payment operator selection in the front-end.<br />
4. If you are still in the planning stages, check “Sandbox”. This will allow you to test before going live.<br />
5. Next save.</p>
<h4>Error log tab</h4>
<p>Any errors encountered during the normal operations of the plugin will be logged here. This can be useful if something isn’t working, such as emails failing, payments rejected by a payment operator etc. The error log is cleared periodically or can also be cleared manually after viewing.</p>
<h4>Assets tab</h4>
<p>Third party CSS and JavaScript files registered by the plugin can be disabled here. This is useful in case there are third party plugins or themes causing a conflict because they too include the same libraries. Generally, we do not recommend you disable any assets because sometimes the versions may differ and this will cause Calendarista to function incorrectly.</p>
<p>Some of the options worth a mention:<br />
1. A setting noteworthy mentioning is “Debug mode”. This option when will include the full uncompiled versions of the client-side libraries. This may help sometimes when debugging issues.<br />
2. The calendar used in the front-end can also be themed here. Simply select one from the various available themes in the “Calendar themes” field. Currently we include a single theme to keep the plugin size compact.<br />
3. Set the URL to a Font file using the Font-Family URL field. The font-family name itself needs to be set in the services page, styles tab.</p>
<h4>SALES</h4>
<p>The sales page is where you can view bookings that sold. These are bookings made from services that have payment enabled and a valid cost amount. Free bookings are excluded from this list.</p>
<p>In addition to sales being listed, you can also view details of the booking and request payment for “unpaid” ones. This will send an invoice to the user to solicit payment or you can confirm payment in case you are collecting payment offline.</p>
<p>In addition, you can also view the appointment.</p>
<h4>APPOINTMENTS</h4>
<p>From the appointments page, all appointments made will be displayed in a calendar view. Additionally, selecting an appointment on any particular date, you will be able to view and cancel or delete the appointment.</p>
<h4>TRANSLATIONS</h4>
<p>Editing text is possible from the plugins services page. After selecting a service, head on to the Text tab and edit any piece of string that is to be seen in the front-end. However, while it allows you a quick way to modify text, this may not always be convenient especially if you plan to support multiple languages.</p>
<p>But do keep in mind, if you plan to create translation files, then in this case you will need to reset text strings in the “Text” tab mentioned above.</p>
<p>Calendarista stores its language files in the plugins “languages” folder, i.e. wp-content\plugins\calendarista\languages.</p>
<p>After creating your .mo and .po files, usually done through a third-party application such as poEdit, ensure that the file is named based on the domain “calendarista” followed by a dash, and then the locale.</p>
<p>The locale is the language code and/or country. For example, the locale for German is ‘de_DE’, and the locale for Danish is ‘da_DK’.</p>
<p>So, for instance, if we were to translate to Danish, the .mo and .po files should be named “calendarista-da_DK.mo” and “calendarista-da_DK.po”.</p>
<p>As we issue updates, you are responsible for maintaining your language files updated. This makes saving your language files within the plugins languages folder quite a chore, hence we recommend you to instead store your new language files at the following location: /wp-content/languages/calendarista/</p>
<p>This has the advantage of you not having to worry about when updates are available as the language resource is stored outside the plugin directory.</p>
<p>How can I report security bugs?</p>
<p>You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. <a href="https://patchstack.com/database/vdp/calendarista-basic-edition" rel="nofollow ugc">Report a security vulnerability.</a></p>


Calendarista Basic Edition – WordPress appointment booking system

CALENDARISTA BASIC EDITION - WordPress appointment booking system: Calendarista is a hassle-free way to book services online.

WordPress Booking Plugin – TheBooking vs Calendarista Basic Edition – WordPress appointment booking system