Hey there, Awesome Customers!

Just a heads up: We'll be taking a breather to celebrate International Workers' Day (May 1st and 2nd - Wednesday and Thursday) and Orthodox Easter from Good Friday (May 3rd) through Easter Monday (May 6th). So, from May 1st to May 6th, our team will be off enjoying some well-deserved downtime.

During this time, our customer support will be running on a smaller crew, but don't worry! We'll still be around to help with any urgent matters, though it might take us a bit longer than usual to get back to you.

We'll be back in action at full throttle on May 7th (Tuesday), ready to tackle your questions and requests with gusto!

In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find loads of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel). These gems might just have the answers you're looking for while we're kicking back.

Thanks a bunch for your understanding and support!

Catch you on the flip side!

Warm regards,

TMS

Okay
  Public Ticket #2296903
Amelia Doesn't Start - Shortcodes
Closed

Comments

  • Luther started the conversation
    February 11, 2020 at 11:46am

    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

  • [deleted] replied
    February 11, 2020 at 1:57pm

    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:

    • 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 outsmile.png

  • Luther replied
    February 12, 2020 at 12:09am

    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

  •   [deleted] replied privately
  •   Luther replied privately
  •   Luther replied privately
  •   [deleted] replied privately
  • Luther replied
    February 12, 2020 at 1:10pm

    Hi Marija,

    Why the hell did I do that?!?

    Yes... That solved it.

    I'm so dumb.

    Thanks,

    Luther

  • [deleted] replied
    February 12, 2020 at 1:35pm

    Hello Luther, 

    Don't be harsh, it happenssmile.png

    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,

  • Luther replied
    February 12, 2020 at 1:40pm

    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

  • [deleted] replied
    February 12, 2020 at 2:04pm

    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: 

    4334974342.png

    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: 

    2464074629.png

    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. 

  • Luther replied
    February 12, 2020 at 3:14pm

    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

  • [deleted] replied
    February 12, 2020 at 3:29pm

    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. 

  • Luther replied
    February 12, 2020 at 4:30pm

    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

  • [deleted] replied
    February 13, 2020 at 10:39am

    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!


  • Luther replied
    February 14, 2020 at 12:26am

    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

  • [deleted] replied
    February 14, 2020 at 10:15am

    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 

    9229308302.png


    and this CSS 

    #am-service-booking > div > div.am-service > div.am-service-header > div.am-service-image {display:none !important;}

    is for

    8189724765.png


    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!


  • Luther replied
    February 14, 2020 at 2:32pm

    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

  • [deleted] replied
    February 14, 2020 at 3:40pm

    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. 

  • Luther replied
    February 14, 2020 at 4:52pm

    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

  • [deleted] replied
    February 14, 2020 at 5:19pm

    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,