How to Setup Frontend Booking using Amelia plugin (2021)

hi everyone uh paolo here from mp web designs so now i'm uh i'm going to show you how to set it how to set up um the services or the booking on the front end using amelia plugin so if you missed my first video i have uh i will link it on the description below uh this uh i have uh shown how to set up the back end of the amelia plugin so now i'm going to show you how to set up the front end as well so basically um there are three shortcuts that you can use for uh using amelia so you can say that it's somehow limited and how you're going to show you but this is so much better compared with other booking plugins because uh they only have one view and amelia does so much better with it so uh first and foremost this part uh this type of uh front end uh this is using this short code yeah amelia catalog shortcode so basically what you need to do is just pull up or add the shortcode widget on elementor and then paste the shortcode so here i'm going to paste this url as well for your reference so i'm going to show you the other two um like booking types as well so again this will be the catalog this is so much better uh this is uh for me this is very uh good or very uh applicable for uh as you can see this is only a services tab or on my end it's just a book now so this is very uh good when applied to a page where it's only good for booking so again this is catalog uh let's view for let's view the other one the um amelia booking let's see update so this this one uh this is uh more of the search type um this is good for widget types uh i mean on the sidebar you know where you have widgets you can actually uh put this so as you can see uh people could search uh the specific one so the downside of this view is that it's not categorized so they will not be able to you know when compared with the catalog um that you it is grouped via the category uh this part uh this is actually just a modern drop down and then when someone clicks it um they'll be able to book for a certain date uh the experience is actually just the same just different view so again um this one this short code i highly suggested to put it if you do have a sidebar here like for example if your layout consists of your main uh layout here and then there's a sidebar you can actually um use this because it's it's pretty good in terms of you know uh direct bookings so yeah the third one amelia search this one i highly suggest to put this on the home page this is actually really good when you put this on the homepage because it does uh offer a calendar so as you can see um this is very very good if you're gonna be putting it on a section on your homepage or uh maybe in your about us page because users can easily uh see um when someone clicks or you know chooses a a date all the available uh services will be you know will be shown and then some [Music] there are some details as well and then we'll if the user clicks this one uh they'll be able to search the appointment time and as you can see it's very very intuitive it even offers a pop-up which is very user-friendly and it offers very strong user experience because users will not uh get to another page for them to book and as you can see um this view is really really good so yeah um that's how you set it up again just a few um [Music] recap we just need the short code let me just show you so usually i just search shortcode and then here and then you go to this list i mean url and then you uh have this uh first uh this part um it's actually just a um like sort or for example for you do have a certain category uh you can sort like exclude other uh category service uh depends but basically what we do is we show everything uh just because uh in some uh instances people may try to book as well uh for the other um events i mean services uh this one is uh for events this is just i think this is just for this year or last year that they've added event booking uh because originally uh it's just for service bookings which i i really applaud amelia for really continuing to develop this plug-in and still you know this is the same price before so i i highly um commend amelia for this so uh sir since we do not have a services uh set up on the back end so i uh i do i cannot show it to you but again um i highly uh recommend this plug-in if you're going to you know um put up a booking website this one amelia front-end customer this is where um if you want to let users register and then they'll have their own front end panel where they can see their um their bookings and their and everything so this is actually really good in our end though we do not have a login we just um notify the customers so yeah this one this is very useful if you do have a lot of employees and you want them to um i think we have that here let me just um this is actually live site so employee panel here this one if if you if you do have a lot of you know uh people that are you know or employees that are going to be managing like for example you have a lot of dentists in your clinic or doctors or if you have uh different barbers this shortcode actually is very this one front end employee panel they'll be able to even approve themselves for example if um you do have a lot of employees to choose from they'll be able to um approve all the bookings with them so it's really intuitive so that's it for this uh short tutorial i hope you've learned something and again uh amelia is just so amazing uh i highly recommend it to everyone i am not um an affiliate so i'm you know i'm just really sharing what i i think as a web developer and designer for two years now so yeah if you do have any questions feel free to uh comment down below and please like and subscribe thank you very much you have a great day bye now

Channel: Marion Paolo

Views: 286

Keywords: Amelia, WordPress, UX, UI, UX/UI, Amelia booking plugin, Website

Id: UlldZBoQXAo

Length: 10min 5sec (605 seconds)

Published: Sun Jun 20 2021