As previously announced via banners and our newsletters, support is no longer available through this platform.
For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.
You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.
Paid customers: Please log in to your store account for support.
Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com
Hello,
I've purchased Amelia for a client of mine, and they were asking about having the form pre-populated with the service with a button press. Basically, we have service descriptions on the "Bookings" page, and under each description, I'd like to have a button that says "Schedule Service 1" that preloads the form with Service 1 selected. The bookings page has one main form that has all services available to book.
I have tried the modal approach, but I wasn't able to get it to work, since I don't have the premium version of Elementor. I even tried hacking together a solution using a modal plugin and then using shortcode for the booking form in the modal, but then they values from that form weren't populating on the cart or checkout page for some reason.
Ideally, I would like to use the main booking form on the page, but I can't dynamically change that form on the fly, can I? Any suggestions/information is appreciated!
Thanks,
Pat
Hello Pat,
Thank you for reaching out to us.
I'm afraid that we didn't quite get what you want to achieve exactly? If you want to create a pop up you can do it 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.
Hope this helps.
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
Hey Marko,
Thanks for the reply. As mentioned, I do not have Elementor Pro, which is the only way to use Dynamic Tags on button presses, which is what your demo describes (I've read through it multiple times), which is why I had to use another plugin to try and create the modal manually. But then I wasn't able to see any of the data populated on the cart or checkout page.
Sorry for any confusion, I guess what I would like to happen with my page is that when the user clicks on a "Book Service 1" button, then the form that already exists on the page would preload the "Service 1" in the form.
Does the form listen to url changes? One idea that I had would be that if the url matches https://www.example.com#book-service-1, then the form on the page would load up "Service 1."
Is that possible?
Hello Pat,
We have forwarded your ticket to our level 2 agents and as soon as we get some feedback from them we will contact you immediately.
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
Hello Pat,
We just got the feedback from our colleagues and they have told us that this
"One idea that I had would be that if the url matches https://www.example.com#book-service-1, then the form on the page would load up "Service 1." you can do, but you need to create this page where you are going to place the filtered shortcode [ameliastepbooking service=1].
Hope this helps.
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