Set the amount of services per row on desktop view (now its 2. 3 per row would be great)
Have the calender show on the service page. With the old booking form you go 'service overview' > "specific service page" that already has the calender. With the new one you go 'service overview' > 'specific service page' and you need to hit 'book' again in order to get the calender. Extra steps seem bad.
Related to the previous one: If you are viewing a specific service, the 'book' button is at the topright. Could the option be added to have an extra button at the bottom of all the info? So below the images and the description. The 'book now' button is most important on these pages and I feel that it is a bit out of sight. If you have some images and a description it's not even in sight since the visitor has to scroll to read the entire description. A second button at the bottom would be great! Gotta provide those CTA's!
Have a default setting to avoid the double scroll bars, I found the CSS fix posted here somewhere, I advice to at least add that CSS fix to your docs, because a lot of people are looking for it. (--am-h-cat-content: auto;)
I had to add this custom CSS because titles of the services were being cut off while they are important to be entirely visible. Why is the default not like this?
Right now the plugin works fine as a bookingspluging, but it would be great if every service could be transformed into a dedicated page as well. Mainly for SEO purposes. Now we would have to create a page per service and then link on that page to the ameila plugin, but since all the info is already in the plugin, it's kind of a waste of time.
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
Have the calender show on the service page. With the old booking form you go 'service overview' > "specific service page" that already has the calender. With the new one you go 'service overview' > 'specific service page' and you need to hit 'book' again in order to get the calender. Extra steps seem bad.
You can try with the shortcode that will display only the specific service. You would need to enter the ID of the specific service, and it will only show the details regarding that specific service
[ameliacatalogbooking service=1] if you want to show this form for the service with ID 1
Related to the previous one: If you are viewing a specific service, the 'book' button is at the topright. Could the option be added to have an extra button at the bottom of all the info? So below the images and the description. The 'book now' button is most important on these pages and I feel that it is a bit out of sight. If you have some images and a description it's not even in sight since the visitor has to scroll to read the entire description. A second button at the bottom would be great! Gotta provide those CTA's!
Currently, the "book now" is in the upper right corner, this is how it is designed. Unfortunatelly, there is no option to add the "book now" without the customization of the backend. Please feel free to search through our feature suggestion page, to see if someone may have already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
Have a default setting to avoid the double scroll bars, I found the CSS fix posted here somewhere, I advice to at least add that CSS fix to your docs, because a lot of people are looking for it. (--am-h-cat-content: auto;)
This is noted. It would require a customization of the backend, but we will make sure that we add the fix to the documentation. For now, please use the custom CSS code.
I had to add this custom CSS because titles of the services were being cut off while they are important to be entirely visible. Why is the default not like this?
This has been reported already by a couple of users. We are working on fixing this for a future update.You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
I hope i cleared a bit. Please, let me know if you have any other questions.
Thanks for the custom CSS, it has indeed set the number of services to 3 on a row. I think it is better!
----
I was using this shortcode [ameliacatalogbooking service=32 trigger=bookbtn trigger_type=class in_dialog=1] to trigger the booking form for the specific service with buttons.
It pops open the service, but then again you need to hit 'book now' in order to get another pop-up with the calender. It would be great if we could avoid this step and just directly go to a mini page of that service with the calender.
Now it's pop-up on pop-up and looks kind of messy + all the info is on our landing page with the buttons so it ads a step that is not needed at all.
----
I have added the extra book now button as a feature request.
You've used the shortcode for ameliacatalogbooking for popup, and by default, this booking form does have the information about the service and the additional "book now" button. Currently, there is no way to hide that extra step, since that is how the booking form is coded. The only one to display the date/time calendar as the first step is when there is only one service or employee since Amelia will not display the selection option (there is only one service/employee).
I have had a private ticket with amelia, giving the same feedback!
I fixed the column issue using the css (similar if not exactly the same as provided below) .
But the issue with the extra step, and having to push the button, and even where it is placed, is really cumbersome. I actually have decided unfortunately not to even use the version 2.0 interface precisely because of this weird flow. It's confusing, and I'm concerned my conversions will be affected as a result, so I'm still stuck with the old clumsy interface. It's a shame!
Ideally Amelia will get some inspiration and use the tried and tested layouts and process flow that their competitors (calendly, tidycal and now fluentcrm) have implemented. The interface in those others have pretty much become the standard.
Amelia is more powerful, so I'm not moving. Let's hope v3 of the booking form follows the standard trend...and hopefully it happens soon, as I suspect some people who don't need all the bells and whistles that Amelia offers may migrate.
Thanks for the detailed explanation. This is what i wanted to point out, it could be somewhat possible to fix with the custom CSS code, but as you can see, there is the extra step.
For the time being, this is how the booking form is designed, but i'll make sure that i forward the message regarding the design of the new booking forms.
We still do not have plans or ETA for the V3, but it will be beneficial to hear feedback like this regarding the booking form design.
Anyway, as you may already know, if you have any other questions, we are here to help.
Thanks for letting me know, I'm glad I'm not the only one with these thoughts :)
I was thinking maybe there is a way to combine V1 and V2 depending on where you want what type of flow. But I haven't tested it yet. For exmaple we have a general 'make a reservation' button in the main menu of the webiste, that one redirects to a general booking flow where you start with picking the category of service etc. For that catalog V2 seems fine, since you select a service, read more about the service and then book it.
We also have pages for specific services, so a full page dedicated to one service, with several CTA buttons to book that service. For that, a more direct approach would be great, maybe booking V1 would be good in this case? I should test it;
Hi,
About the "Catalog Booking Form 2.0"
It would be good if we could:
.amelia-v2-booking #amelia-container .am-fcil__item-name {
overflow: visible !important;
white-space: normal !important;
}
Right now the plugin works fine as a bookingspluging, but it would be great if every service could be transformed into a dedicated page as well. Mainly for SEO purposes. Now we would have to create a page per service and then link on that page to the ameila plugin, but since all the info is already in the plugin, it's kind of a waste of time.
Thanks!
Hello Gil,
Thanks for reaching out to us and sorry for the late reply.
Please, find the answers below
Please, try using this custom CSS code
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
You can try with the shortcode that will display only the specific service. You would need to enter the ID of the specific service, and it will only show the details regarding that specific service
Currently, the "book now" is in the upper right corner, this is how it is designed. Unfortunatelly, there is no option to add the "book now" without the customization of the backend. Please feel free to search through our feature suggestion page, to see if someone may have already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
This is noted. It would require a customization of the backend, but we will make sure that we add the fix to the documentation. For now, please use the custom CSS code.
This has been reported already by a couple of users. We are working on fixing this for a future update.You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
I hope i cleared a bit. Please, let me know if you have any other questions.
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi Stefan,
Thanks for the custom CSS, it has indeed set the number of services to 3 on a row. I think it is better!
----
I was using this shortcode [ameliacatalogbooking service=32 trigger=bookbtn trigger_type=class in_dialog=1] to trigger the booking form for the specific service with buttons.
It pops open the service, but then again you need to hit 'book now' in order to get another pop-up with the calender. It would be great if we could avoid this step and just directly go to a mini page of that service with the calender.
Now it's pop-up on pop-up and looks kind of messy + all the info is on our landing page with the buttons so it ads a step that is not needed at all.
----
I have added the extra book now button as a feature request.
Hello Gil,
You've used the shortcode for ameliacatalogbooking for popup, and by default, this booking form does have the information about the service and the additional "book now" button. Currently, there is no way to hide that extra step, since that is how the booking form is coded. The only one to display the date/time calendar as the first step is when there is only one service or employee since Amelia will not display the selection option (there is only one service/employee).
I hope it helps.
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
I understand, yet the shortcode allows you to preselect those things, so you'd kinda expect this to be possible when that's the case.
Thanks
Hi Gil,
I have had a private ticket with amelia, giving the same feedback!
I fixed the column issue using the css (similar if not exactly the same as provided below) .
But the issue with the extra step, and having to push the button, and even where it is placed, is really cumbersome. I actually have decided unfortunately not to even use the version 2.0 interface precisely because of this weird flow. It's confusing, and I'm concerned my conversions will be affected as a result, so I'm still stuck with the old clumsy interface. It's a shame!
Ideally Amelia will get some inspiration and use the tried and tested layouts and process flow that their competitors (calendly, tidycal and now fluentcrm) have implemented. The interface in those others have pretty much become the standard.
Amelia is more powerful, so I'm not moving. Let's hope v3 of the booking form follows the standard trend...and hopefully it happens soon, as I suspect some people who don't need all the bells and whistles that Amelia offers may migrate.
Hello ronnie,
Thanks for the detailed explanation. This is what i wanted to point out, it could be somewhat possible to fix with the custom CSS code, but as you can see, there is the extra step.
For the time being, this is how the booking form is designed, but i'll make sure that i forward the message regarding the design of the new booking forms.
We still do not have plans or ETA for the V3, but it will be beneficial to hear feedback like this regarding the booking form design.
Anyway, as you may already know, if you have any other questions, we are here to help.
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hey Ronnie,
Thanks for letting me know, I'm glad I'm not the only one with these thoughts :)
I was thinking maybe there is a way to combine V1 and V2 depending on where you want what type of flow. But I haven't tested it yet. For exmaple we have a general 'make a reservation' button in the main menu of the webiste, that one redirects to a general booking flow where you start with picking the category of service etc. For that catalog V2 seems fine, since you select a service, read more about the service and then book it.
We also have pages for specific services, so a full page dedicated to one service, with several CTA buttons to book that service. For that, a more direct approach would be great, maybe booking V1 would be good in this case? I should test it;
Thanks