When I used the trial version of Amelia, it was quick and worked within my main page. No problems. I put a shortcode with a calendar view into my home page (Elementor) among a lot of other info and everything seemed slick and nice. That's why I bought it!
Unfortunately, I forgot where I got that calendar view shortcode.
Now that I've purchased it, I can't even get it to start!
I've tried a few things and no satisfaction. I even tried putting in a booking page with nothing but an Amelia shortcode through the Wordpress Amelia icon and all I get is an hour glass.
What I really want is a calendar view that leads to the booking form and to put it on EVERY page and post - like the booking section of my front page.
I have a feeling that it's just a setting that I missed and can't figure out what it is.
When you put a shortcode on your page and just get the spinning wheel, without it ever loading, it usually indicates that you're missing one of the following:
Category and service
Employee
Employee is not assigned to a service
Employee doesn't have working hours configured
Please check these out and let me know if this helped!
Also, if you have other issues please tell me what issues do you have exactly so I can help out
Also, when I do get it working, I'd like to have a shortcode that opens up to a calendar view where a customer could pick a time and service. I only have 2 services. I had it working fine when I was in trial mode. I forgot where I found the shortcode. Bad housekeeping!
BTW - can you tell me your hours of operation and time zone? I'm in Vietnam and I think our time zones are very different.
A few weeks ago when I was testing Amelia, I found a shorcode that gave me a calendar view on my page and customers could start there. It looked nice and functioned well.
Unfortunately, I was looking at a lot of different plugins at that point and lost track of that shortcode.
A services drop-down box is not quite as nice as a calendar. That's just the simple truth.
You can check out the views that we have on our demo sites.
The calendar in the booking form will be shown right away when there is one employee and one service (and that service doesn't have extras) so it could look like this:
So, you can achieve this if you create a shortcode for a specific employee/service ([ameliabooking service=2 employee=1])
And if I put just the [ameliabooking] shortcode it will look like this:
and after these are chosen a calendar will be shown.
You can also check out the Catalog and the Search view, if they are more convenient for your use case.
You can find all the shortcodes that you can use on your pages in our FAQ section.
I found a shortcode I can deal with. It's [ameliacatalog category=1 employee=1]
I only have 2 services and it fits in nicely on my Elementor-based page. I'm starting to figure out how I can get it to look pretty.
The thing is, there is a LOT of unnecessary info that comes with it. I don't need for customers to see 'Service Info', 'Category', 'Duration', 'Capacity' and 'Employee'. By definition, all these things should NOT pop up. That's all described beforehand. I have one type of service, one category and only allow one student at a time. I'm not an employee. The duration is the item - and what I charge as 25 or 55 minutes is showing up as 30 or 60 minutes - causing confusion. If I change to 5 minute increments, customers could ruin my day. It's also creating a LOT of white-space.
There isn't any option in Amelia to disable these information on the front-end but you can hide them with adding custom CSS code. Send me a link to your page where you have this shortcode and I will help you out with the CSS.
I took a second look. There's even more I don't need. It's almost easier to say what should stay!
The blue border at the top can go. I know I can replace the button that now says either 2ML or 5 ML - so that's okay.
In the screenshot I'm sending for the 25 minute lesson, all I need to keep is the 'Lesson' with the back arrow key, '25 Minute Lesson', the price($7.00), and the calendar.
Even the '2ml' button can go - unless it's necessary I keep it - or can I combine it with the '25 Minute Lesson' Text? Is that possible?
I'll also be putting in a booking section on every page and post through elementor. I have the 'Simple CSS' plugin installed. Shouldn't I be able to put in the CSS on any page? https://lutherbeckett.com/ is my main page and you can see Amelia there in the 'Book Lessons' Section.
Try adding each one of these CSS (you can try adding this in the plugin that you have for CSS or directly on the page as custom HTML with adding <style></style>) and see how it looks like and if it is OK for you:
#am-service-booking > div > div.am-service > div.am-service-header > div.am-service-data > div.am-service-info {display:none;}
#am-service-booking > div > div.am-service > div.am-service-info {display:none;}
#am-service-booking > div > div.am-service-gallery {display:none;}
There is another of those round icons at the top of the form. (2ML,5ML)
Can that also go away?
And in taking out the phone field, there is empty space. Can the 'Skype' field I made shift into its place? It looks great on a phone but not on a computer.
Unfortunately, there isn't a possibility to reorder the booking form and change the place of the fields. And in this case the phone field is only hidden on the front-end so you can't place another field on that one.
Hi,
When I used the trial version of Amelia, it was quick and worked within my main page. No problems. I put a shortcode with a calendar view into my home page (Elementor) among a lot of other info and everything seemed slick and nice. That's why I bought it!
Unfortunately, I forgot where I got that calendar view shortcode.
Now that I've purchased it, I can't even get it to start!
I've tried a few things and no satisfaction. I even tried putting in a booking page with nothing but an Amelia shortcode through the Wordpress Amelia icon and all I get is an hour glass.
What I really want is a calendar view that leads to the booking form and to put it on EVERY page and post - like the booking section of my front page.
I have a feeling that it's just a setting that I missed and can't figure out what it is.
I'm no coder but not a total dumbass either.
I look forward to your assistance.
Cheers,
Luther
Hello Luther Beckett,
Thank you for your purchase.
When you put a shortcode on your page and just get the spinning wheel, without it ever loading, it usually indicates that you're missing one of the following:
Please check these out and let me know if this helped!
Also, if you have other issues please tell me what issues do you have exactly so I can help out
Hi Marija,
Well... I didn't have employee hours assigned. Now I do and the problem persists. Everything should be working. Thoughts?
I made a simple page with just the basic shortcode: [ameliabooking]. That page is: https://lutherbeckett.com/book-lessons/
Also, when I do get it working, I'd like to have a shortcode that opens up to a calendar view where a customer could pick a time and service. I only have 2 services. I had it working fine when I was in trial mode. I forgot where I found the shortcode. Bad housekeeping!
BTW - can you tell me your hours of operation and time zone? I'm in Vietnam and I think our time zones are very different.
Thanks,
Luther
Hi Marija,
Why the hell did I do that?!?
Yes... That solved it.
I'm so dumb.
Thanks,
Luther
Hello Luther,
Don't be harsh, it happens
Glad to hear that the issue is gone and that I could help. You are welcome.
If you have any other questions or concerns feel free to open a new ticket and we will gladly help,
Hi Marija,
A few weeks ago when I was testing Amelia, I found a shorcode that gave me a calendar view on my page and customers could start there. It looked nice and functioned well.
Unfortunately, I was looking at a lot of different plugins at that point and lost track of that shortcode.
A services drop-down box is not quite as nice as a calendar. That's just the simple truth.
Any idea how I can have this functionality?
Thanks,
Luther
Hello Luther,
You can check out the views that we have on our demo sites.
The calendar in the booking form will be shown right away when there is one employee and one service (and that service doesn't have extras) so it could look like this:
So, you can achieve this if you create a shortcode for a specific employee/service ([ameliabooking service=2 employee=1])
And if I put just the [ameliabooking] shortcode it will look like this:
and after these are chosen a calendar will be shown.
You can also check out the Catalog and the Search view, if they are more convenient for your use case.
You can find all the shortcodes that you can use on your pages in our FAQ section.
Hi Marija,
I found a shortcode I can deal with. It's [ameliacatalog category=1 employee=1]
I only have 2 services and it fits in nicely on my Elementor-based page. I'm starting to figure out how I can get it to look pretty.
The thing is, there is a LOT of unnecessary info that comes with it. I don't need for customers to see 'Service Info', 'Category', 'Duration', 'Capacity' and 'Employee'. By definition, all these things should NOT pop up. That's all described beforehand. I have one type of service, one category and only allow one student at a time. I'm not an employee. The duration is the item - and what I charge as 25 or 55 minutes is showing up as 30 or 60 minutes - causing confusion. If I change to 5 minute increments, customers could ruin my day. It's also creating a LOT of white-space.
Can these items be hidden?
Is there another way to do this?
Cheers,
Luther
Hello Luther,
There isn't any option in Amelia to disable these information on the front-end but you can hide them with adding custom CSS code. Send me a link to your page where you have this shortcode and I will help you out with the CSS.
Hi Marija,
Thanks for the kind reply.
I took a second look. There's even more I don't need. It's almost easier to say what should stay!
The blue border at the top can go. I know I can replace the button that now says either 2ML or 5 ML - so that's okay.
In the screenshot I'm sending for the 25 minute lesson, all I need to keep is the 'Lesson' with the back arrow key, '25 Minute Lesson', the price($7.00), and the calendar.
Even the '2ml' button can go - unless it's necessary I keep it - or can I combine it with the '25 Minute Lesson' Text? Is that possible?
I have the shortcode on a page by itself. https://lutherbeckett.com/book-lessons/
I'll also be putting in a booking section on every page and post through elementor. I have the 'Simple CSS' plugin installed. Shouldn't I be able to put in the CSS on any page? https://lutherbeckett.com/ is my main page and you can see Amelia there in the 'Book Lessons' Section.
Thanks Again!
Cheers,
Luther
Hello Luther,
You are welcome.
Try adding each one of these CSS (you can try adding this in the plugin that you have for CSS or directly on the page as custom HTML with adding <style></style>) and see how it looks like and if it is OK for you:
#am-service-booking > div > div.am-service > div.am-service-header > div.am-service-data > div.am-service-info {display:none;} #am-service-booking > div > div.am-service > div.am-service-info {display:none;} #am-service-booking > div > div.am-service-gallery {display:none;}Let me know if this helped!
Hi Marija,
It works perfectly.
But... I found more to hide!
The buttons(2ML,5ML) are unnecessary for me. https://lutherbeckett.com/book-lessons/
I also want to hide the 'Phone' field from the booking form. I don't need it. I looked for a solution online and couldn't find one.
Thanks!
Luther
Hello Luther,
This CSS
#am-category > div > div.el-row > div > div > div.am-category-service-info > div.am-category-service-color {display:none;}is for
and this CSS
#am-service-booking > div > div.am-service > div.am-service-header > div.am-service-image {display:none !important;}
is for
For hiding the phone field please try adding this CSS:
#am-confirm-booking > div:nth-child(1) > form > div.am-confirm-booking-data.el-row > div:nth-child(5) > div {display:none;}Hope this helps!
Hi Marija,
It keeps getting better.
Just a couple more things...
There is another of those round icons at the top of the form. (2ML,5ML)
Can that also go away?
And in taking out the phone field, there is empty space. Can the 'Skype' field I made shift into its place? It looks great on a phone but not on a computer.
Thanks,
Luther
Hello Luther,
This is the CSS that you need to add for the circles:
#am-confirm-booking > div:nth-child(1) > div.am-confirmation-booking-header > img {display:none;}Unfortunately, there isn't a possibility to reorder the booking form and change the place of the fields. And in this case the phone field is only hidden on the front-end so you can't place another field on that one.
Hi Marija,
Thanks so much for all the assistance. Everything is much cleaner now.
I figured that the phone field was just masked. No big deal. It's perfect in the phone view or a narrow column. And not bad in full width. No worries.
I can probably clean up the rest of my site pretty quickly and get to work soon.
I appreciate you.
Cheers,
Luther
You are welcome, Luther.
Glad I could help!
If you have any other questions or concerns feel free to open a new ticket and we will gladly help,