I'm trying to add the Amelia step-by-step booking form shortcode into a Popup modal I'm creating on my WordPress site using Elementor Pro. Theme I'm using is the Hello Theme.
Whenever I add the shortcode, it's not working. It just shows the code. The code I'm entering is [ameliabooking]
To clarify - when inserting shortcode into any page in Elementor Amelia works fine however when inserting it into the popup (PRO Functionality) it doesn't show anything.
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 1 it will be:
[ameliabooking trigger=1]
So, you create a PopUp and set this shortcode in the popup, you will see the option Load booking form manually when you create Amelia shortcode, where you need to provide the button's ID, please look at the attachment.
When you create a button, on which the PopUp will be called, you set its Button ID (that you will provide in the shortcode above afterwards):
You need to enable the "Prevent Closing on Overlay" option in the popup settings:
I don't fully understand the steps necessary to make this work.
1) Since I need customers to reserve a spot for an EVENT, I created a popup with the shortcode [ameliaevents event=1], I made sure the popup is not closed on overlay as you mentioned.
2) On the page where I want the popup to appear - I created a button that triggers the POPUP above, with the BUTTON ID: 1
This is where I'm lost. Where do I include this shortcode: [ameliabooking trigger=1]
The button (with ButtonID: 1) which triggers the PopUp is at the bottom, where it says "Comenzar a entrenar". When I click on it, it does trigger the popup but no content is displayed. Here's a screenshot of the button's properties:
And here's a screenshot of the actual popup with its shortcode:
can you confirm if this solution only works for buttons? I have a site where I would like to open the popup from a hyperlinked icon - is this possible?
It can be anything, not just a button (a div, an anchor tag) as long as it has an ID, so you should set up the anchor tag (hyperlinked icon) with something like:
Hey there,
I'm trying to add the Amelia step-by-step booking form shortcode into a Popup modal I'm creating on my WordPress site using Elementor Pro. Theme I'm using is the Hello Theme.
Whenever I add the shortcode, it's not working. It just shows the code. The code I'm entering is [ameliabooking]
Is Amelia compatible with Elementor Pro?
HI Norrie,
Thank you for your purchase.
A lot of our users are using the Elementor pro builder.
Can you please check if the filed in the Elementor pro in the page is set to be shortcode field and not text field.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
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 I have the same issue with popup.
To clarify - when inserting shortcode into any page in Elementor Amelia works fine however when inserting it into the popup (PRO Functionality) it doesn't show anything.
I just ran into the same issue.
Shortcode working fine on a normal page, but no way to make it work in Popup, unfortunately :(
Any news on this?
Configurable Amelia Elements, like you offer them for Gutenberg, would als be great adition!
Same thing here...
Hi there,
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 1 it will be:
[ameliabooking trigger=1]
So, you create a PopUp and set this shortcode in the popup, you will see the option Load booking form manually when you create Amelia shortcode, where you need to provide the button's ID, please look at the attachment.
When you create a button, on which the PopUp will be called, you set its Button ID (that you will provide in the shortcode above afterwards):
You need to enable the "Prevent Closing on Overlay" option in the popup settings:
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
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 Bodgan,
I don't fully understand the steps necessary to make this work.
1) Since I need customers to reserve a spot for an EVENT, I created a popup with the shortcode [ameliaevents event=1], I made sure the popup is not closed on overlay as you mentioned.
2) On the page where I want the popup to appear - I created a button that triggers the POPUP above, with the BUTTON ID: 1
This is where I'm lost. Where do I include this shortcode: [ameliabooking trigger=1]
Thanks!
Hey Marcio,
you just need to add the trigger command to your existing shortcode.
So in your case that would be [ameliaevents event=1 trigger=1]
Best regards,
Sascha
Hey Sascha! Thanks for your quick response! Still not getting it :(
Here's the page I'm working on: https://alkimianinja.com/egonia-coaching/gimnasio-mental/
The button (with ButtonID: 1) which triggers the PopUp is at the bottom, where it says "Comenzar a entrenar". When I click on it, it does trigger the popup but no content is displayed. Here's a screenshot of the button's properties:
And here's a screenshot of the actual popup with its shortcode:
Any ideas? Thanks :)
Ooops! Nevermind.. I figured my version of Amelia for some reason wasn't updated. After updating, it now works!!! Thanks :)
Hi,
can you confirm if this solution only works for buttons? I have a site where I would like to open the popup from a hyperlinked icon - is this possible?
Hi Monika,
Thank you for your inquiry.
It can be anything, not just a button (a div, an anchor tag) as long as it has an ID, so you should set up the anchor tag (hyperlinked icon) with something like:
Then use [ameliabooking trigger=a1]
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
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