{"id":15933,"date":"2025-07-20T14:02:37","date_gmt":"2025-07-20T14:02:37","guid":{"rendered":"https:\/\/ari.app\/?p=15933"},"modified":"2025-07-20T14:02:37","modified_gmt":"2025-07-20T14:02:37","slug":"ari-update-appointments-and-booking-page-overhaul","status":"publish","type":"post","link":"https:\/\/ari.app\/2025\/07\/ari-update-appointments-and-booking-page-overhaul\/","title":{"rendered":"ARI Update Appointments and Booking Page Overhaul"},"content":{"rendered":"<p>The most recent <a href=\"https:\/\/ari.app\/\">ARI(Auto Repair Software)<\/a> update introduces a significant overhaul of the appointments menu and a complete redesign of the online booking page. Now, you can create a better-branded and more professional online booking page, list your services, and share with clients to improve business at your auto care shop.<\/p>\n<p>&nbsp;<\/p>\n<p>We&#8217;ve introduced numerous changes that improve the usability and intuitiveness of these sections. The update focuses on making the settings and navigation panels as convenient as possible, with the intention of enhancing navigation and data selection. Let&#8217;s go through the changes in detail and compare the old and new page layouts.<\/p>\n<p>&nbsp;<\/p>\n<h3><strong>Appointments Menu Changes<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">The <a href=\"https:\/\/ari.app\/features\/appointments\/\">appointments page<\/a> has been updated with a modern design that seamlessly matches the app&#8217;s overall look. The most significant navigation changes come from the menu structure and the new action buttons. Instead of the &#8216;More&#8217; menu that contained most action buttons, you now see the date search option, the calendar selector, the info tab, the refresh button, and the settings tab on the top side of the appointments page.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">The UI is much clearer, and now it&#8217;s much easier to select and set a date for your appointment. You can easily change the calendar layout so you see the appointments by day, week, or month. The back button navigation has also improved significantly, bringing you to the right spot when you want to backtrack. The search bar enables you to scan for upcoming or past appointments quickly, and the Info tab explains how to set up your online booking page and share it with clients. Again, the <strong>plus <\/strong>button is used to add a new appointment. Alternatively, you can click on a calendar slot to do the same. \u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-15937 style=\" style=\"box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border-radius: 0.5rem;\" src=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-Old.png\" alt=\"ARI appointments page old layout\" width=\"1270\" height=\"1270\" srcset=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-Old.png 1270w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-Old-300x300.png 300w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-Old-1024x1024.png 1024w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-Old-150x150.png 150w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-Old-768x768.png 768w\" sizes=\"(max-width: 1270px) 100vw, 1270px\" \/><\/p>\n<p><img decoding=\"async\" class=\"wp-image-15938 size-full alignnone\" style=\"box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border-radius: 0.5rem;\" src=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-New.png\" alt=\"Appointments menu layout new\" width=\"1270\" height=\"1270\" srcset=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-New.png 1270w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-New-300x300.png 300w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-New-1024x1024.png 1024w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-New-150x150.png 150w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Appointments-Page-New-768x768.png 768w\" sizes=\"(max-width: 1270px) 100vw, 1270px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>Individual Appointment Changes<\/strong><\/h3>\n<p>Here&#8217;s how the individual appointment sheet used to look and how it looks now:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-15947 style=\" style=\"box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border-radius: 0.5rem;\" src=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout-old.png\" alt=\"Single appointment layout in ARI\" width=\"1274\" height=\"1265\" srcset=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout-old.png 1274w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout-old-300x298.png 300w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout-old-1024x1017.png 1024w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout-old-150x150.png 150w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout-old-768x763.png 768w\" sizes=\"(max-width: 1274px) 100vw, 1274px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15948 style=\" style=\"box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border-radius: 0.5rem;\" src=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout.png\" alt=\"Single appointments page layout new\" width=\"1270\" height=\"1261\" srcset=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout.png 1270w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout-300x298.png 300w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout-1024x1017.png 1024w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout-150x150.png 150w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Single-appointment-layout-768x763.png 768w\" sizes=\"(max-width: 1270px) 100vw, 1270px\" \/><\/p>\n<p>We&#8217;ve applied the same design that&#8217;s in tune with the app&#8217;s aesthetic. The input fields are much easier to see and use. And you can navigate through the page much quicker. As with all ongoing appointments, please confirm it on your side after a client submits a request.<\/p>\n<h3>Online Booking Page Setup<\/h3>\n<p>Creating a unique online booking page for your business is now easier and more intuitive than ever before. We&#8217;ve moved most of the setup options that were previously in the &#8216;<strong>more<\/strong>&#8216; menu to the settings menu itself. The major setup page options, such as calendar settings, services offered, booking form, and appointment confirmations, appear as action buttons at the end of the page. Instead of scrolling and looking them up individually, all of them are now neatly organized in one place.<\/p>\n<p>Another impactful customization option is the ability to write your headline and description that will be displayed throughout the booking page. This can be your business name, a service you are offering, or something else that&#8217;s relevant. The other big change is the newly introduced <strong>contact information customization.<\/strong> With it, you can display a phone, address, email, or other contact information on your online booking page. You toggle to add or remove the other fields that you want displayed, or add a custom field for notes or other special offers.<\/p>\n<p>We&#8217;ve added two new toggle button options on the online booking page. One lets you disable your booking page in case you don&#8217;t want to receive new appointments there. The other will revert to the old booking page layout(not recommended unless you experience major issues).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15960 size-full\" src=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Setup-options-new.png\" alt=\"New setup options action buttons in ARI's online booking page\" width=\"842\" height=\"808\" srcset=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Setup-options-new.png 842w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Setup-options-new-300x288.png 300w, https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/Setup-options-new-768x737.png 768w\" sizes=\"(max-width: 842px) 100vw, 842px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>Custom Booking Page Overview<\/strong><\/h3>\n<p>ARI&#8217;s online booking page is now more powerful and customisable than ever. We&#8217;ve improved the layout of the booking so it renders better on mobile, desktop, and all compatible devices.<\/p>\n<p>It&#8217;s much easier to choose a service, select a vehicle, or input information. You have a clear step-by-step process and path to easily complete your booking.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15954 size-full\" style=\"box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border-radius: 0.5rem;\" src=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/online-booking-page-old-prev.gif\" alt=\"Online booking page layout old\" width=\"798\" height=\"792\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15955 size-full\" style=\"box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); border-radius: 0.5rem;\" src=\"https:\/\/ari.app\/wp-content\/uploads\/2025\/07\/online-booking-page-new-prev.gif\" alt=\"Custom ARI booking page walkthrough new version\" width=\"796\" height=\"1191\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><strong>Conclusion<\/strong><\/h3>\n<p>We&#8217;re confident these updates to the appointments section and online booking page will significantly make things easier to use and get around, making scheduling and managing appointments smoother than ever. We&#8217;ve focused on making it simple to figure out and quick to navigate so you can find what you need and book appointments with greater ease and efficiency. Plus, we&#8217;ve thrown in more ways to set things up just how you like them for both the appointment system and the online booking page. We believe these changes will streamline your workflow and ultimately help you serve your customers better.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The most recent ARI(Auto Repair Software) update introduces a significant overhaul of the appointments menu and a complete redesign of the online booking page. Now, you can create a better-branded and more professional online booking page, list your services, and share with clients to improve business at your auto care shop. &nbsp; We&#8217;ve introduced numerous [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[127,4,11],"tags":[],"class_list":["post-15933","post","type-post","status-publish","format-standard","hentry","category-ari-update","category-auto-repair-business","category-features"],"acf":[],"_links":{"self":[{"href":"https:\/\/ari.app\/wp-json\/wp\/v2\/posts\/15933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ari.app\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ari.app\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ari.app\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/ari.app\/wp-json\/wp\/v2\/comments?post=15933"}],"version-history":[{"count":19,"href":"https:\/\/ari.app\/wp-json\/wp\/v2\/posts\/15933\/revisions"}],"predecessor-version":[{"id":15961,"href":"https:\/\/ari.app\/wp-json\/wp\/v2\/posts\/15933\/revisions\/15961"}],"wp:attachment":[{"href":"https:\/\/ari.app\/wp-json\/wp\/v2\/media?parent=15933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ari.app\/wp-json\/wp\/v2\/categories?post=15933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ari.app\/wp-json\/wp\/v2\/tags?post=15933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}