Hey everyone!
With the holiday season upon us, we want to share our upcoming working hours:
- New Year: Our team will be off on January 1st and 2nd. We’ll be back on Friday, January 3rd, to respond to any messages received during this time.
- Weekend: As usual, we don’t work on weekends, so January 4th and 5th will also be non-working days.
- Orthodox Christmas: Our office will be closed on Monday and Tuesday, January 6th and 7th for the holiday.
After that, we’ll return to our regular schedule and assist you as quickly as possible.
In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find tons of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel), which might just have the answers you need while we’re away.
Thanks a bunch for your understanding and support!
Warm regards and happy holidays!
TMS
Hi!
I am testing Amelia for our new website at the moment. I want to display the booking form on a popup with the shortcode widget from Elementor (not the one from Amelia, following the messages from the plugin shown on the WP admin page). The popup gets triggered from the button on the landing page (URL given above). That does not work, unfortunately. I searched online and came about some references that the shortcodes of Amelia do not work on Elementor popups. Could you pls confirm or better let me know how I need to do the setup for it correctly? Thank you!
PS: I followed also the stops here, but that did not help): https://tmsplugins.ticksy.com/ticket/2497893/
Attached files: Screenshot 2023-02-27 at 10.06.02 AM.png
Hello Steffen,
Thank you for your interest in our product.
Popups for Amelia with Elementor can be set like this:
When you have created Employees, services and/or events in Amelia, you can add them on front-end using our shortcodes, which are explained in detail in the article "Amelia Shortcodes and Front-end implementation".
In Elementor widgets, simply search for “Amelia” in Elementor’s side bar, and drag the widget onto a page:
When it’s dragged into the page, the same parameter options seen in the Gutenberg block are shown in Elementor’s side panel:
So, to cover all options in here real quick:
First, you need to actually create a Popup in Elementor, following Elementor's tutorial here.
We added a shortcode for the popup - it needs to have the ID of the button that is calling the popup, so this is
how one of the shortcodes should look like in the Elementor pop-up:
[ameliabooking trigger=amelia-button-id]
So, if the button ID is "my-popup-button" it will be:
[ameliabooking trigger=my-popup-button]
So, you create a Popup and add this shortcode in the popup.
Please note: At the moment, you cannot use Elementor's Amelia widgets in the popup, so when configuring the popup, make sure to add the "Shortcode" widget, and manually type the shortcode you need:
On the bottom-left part of the screen, click on the gear symbol to access Popup Settings:
In there, go to "Advanced", and enable "Prevent Closing on Overlay":
Then, on the page - add a button, on which the popup will be called, next to the "Link" field click on "Dynamic Tags" and select "Popup" from the drop-down:
Then, click on "Popup" in the link field, and you'll see the settings for the popup. Click on the "All" drop-down, and type the name of the popup you previously created. Select it, and click away to close the settings:
In the same form, below, you will see the "Button ID" field, where you need to add the ID for the trigger (from Amelia's shortcode):
That is it - once you publish this page, when you click on the button, it will open a popup which will manually trigger the "my-popup-button" and open Amelia's booking form.
This is the only way at this time.
If you have any more questions please open a new separate ticket for each question and we will gladly help you there.
We wish you all the best.
Have a nice day.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, 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