I want to integrate the shortcode into my website. The form is currently appearing on the website. I want a button. When I press this, a pop-up window opens. As can be seen in the screenshot.
Unfortunately currently, there is no such feature built-in.
You can try and create some popup is with Elementor we do not know if this works for you but this is the only solution for now.
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:
Select Category – allows you to select a specific category you have created in Amelia.
Select Service – allows you to select a specific service created in Amelia;
Select Employee – selection which filters the form per selected employee;
Select Location – if your employees are working on multiple locations, you can choose which location’s
bookings will appear in the window.
Show All refers to “Services” and “Packages”, and is only available in Amelia’s Pro license (since
packages are not included in the Basic license). With this option, you can choose if the form will show both
services and packages (all), only services, or only packages.
All these can be combined, but please be careful that you’re selecting actual values. For example, if you select [ameliacatalog category=1 employee=3 location=2], and there’s no Employee #3 working on Category 1, or on Location #2, the booking form will continuously load, and will not display anything.
Load booking form manually – this is used for popups within Elementor, and that’s what we’re going to explain now.
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.
I use divi and have an extra extension to create popups. Unfortunately, that doesn't work with your shortcode. When the popup opens, all that appears is a rotating circle. The form will not load. Without a popup, the form appears normally.
Please provide me a temporary WP-admin (administrator) user for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue.
We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course, we do not provide login data to third parties.
You can write credentials here just check PRIVATE Reply so nobody can see them except us.
Thank you for clarifying this to us and we have already forwarded this ticket to our level 2 agents and as soon as we get some feedback from them we will contact you.
We can guarantee that popup works on Elementor, for others we cannot guarantee that.
We sent you instructions on how to make it in Elementor, but as far as we can see you didn't try to do that and you didn't create a button ID on the button itself, nor did you use [ameliabooking trigger = amelia-button-id]. Instead, you tried the Amelia block from Divi, which the manual says will not work.
We can suggest that you take a look at the instructions we sent you and to try again. If that doesn't help you, we know that some customers have bought before this plugin: https://diviextended.com/product/divi-modal-popup/?ref=elicus with which they could make a popup while following the instructions we hope that this will help you.
If you have any more questions please feel free to open another ticket.
I'm not changing my complete system from divi to elementary because of you. It's easier then, I switch from amelia to another plugin that can do the same thing. Eg wp bookme
We're not telling you to change the system, but instead follow the instructions provided for Elementor, since you didn't cover those and it could just work if the same approach is used:
1. Add a class to the button that opens the popup. 2. Add the shortcode using a "Text" or a "Shortcode" widget, not the "Amelia" widget that's included in Divi 3. Define the shortcode with the trigger included.
If that doesn't work, unfortunately, other than purchasing the add-on I mentioned in my previous response, we're sorry to hear if you won't be using Amelia anymore, but there's nothing else we can do to assist you.
I'll make sure the Divi popups are forwarded to our developers for compatibility checking, though.
As I said, my site happens on divi and just because of their plugin I will not change my system and switch to elementor. I expect that from you that they are divi compatible. I also pay a fee for your service.
We do not have information that you have an active license purchased from us since you opened the tickets in the pre-purchase category and there are no purchases under this email.
We are sorry that it doesn't suit you, we will work on Divi popup integration, we understand if you want to switch to another plugin ...
I miss an overlay for the integration on a website. Like here https://www.cituro.com/help/einbing-online-terminanmeldung/einbing-in-webseite/beliebige-webseite#overlay
Hello Andreas,
Thank you for purchasing our product, and for reaching out to us.
I'm afraid that we didn't quite get what do you mean exactly can you please explain it to us in a little more detail?
Looking forward to your reply.
Kind Regards,
Marko Davidovic
[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
Hello Andreas,
Unfortunately currently, there is no such feature built-in.
You can try and create some popup is with Elementor we do not know if this works for you but this is the only solution for now.
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.
Kind Regards,
Marko Davidovic
[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
I use divi and have an extra extension to create popups. Unfortunately, that doesn't work with your shortcode. When the popup opens, all that appears is a rotating circle. The form will not load. Without a popup, the form appears normally.
Hello Andreas,
Please provide me a temporary WP-admin (administrator) user for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue.
We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course, we do not provide login data to third parties.
You can write credentials here just check PRIVATE Reply so nobody can see them except us.
Kind Regards,
Marko Davidovic
[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
Hello Andreas,
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
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 had the same problem with other page biulder and disabling the cache for the page in with the popup appears did the magic.
hope it works for you too
Hello Andreas,
I'm afraid we didn't understand you, I have to ask you to again so that I can pass on exact information to my colleagues again.
Did you manage to solve the issue when you cleared the cache or do you still need help?
Looking forward to your reply.
Kind Regards,
Marko Davidovic
[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
The problem is still there. All you have to do is click the Amalia button on my page. You see your calendar is not loading!
Hello Andreas,
Thank you for clarifying this to us and we have already forwarded this ticket to our level 2 agents and as soon as we get some feedback from them we will contact you.
Kind Regards,
Marko Davidovic
[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
Hello Andreas,
We can guarantee that popup works on Elementor, for others we cannot guarantee that.
We sent you instructions on how to make it in Elementor, but as far as we can see you didn't try to do that and you didn't create a button ID on the button itself, nor did you use [ameliabooking trigger = amelia-button-id]. Instead, you tried the Amelia block from Divi, which the manual says will not work.
We can suggest that you take a look at the instructions we sent you and to try again.
If that doesn't help you, we know that some customers have bought before this plugin: https://diviextended.com/product/divi-modal-popup/?ref=elicus with which they could make a popup while following the instructions we hope that this will help you.
If you have any more questions please feel free to open another ticket.
Kind Regards,
Marko Davidovic
[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
I'm not changing my complete system from divi to elementary because of you. It's easier then, I switch from amelia to another plugin that can do the same thing. Eg wp bookme
Hello Andreas,
We're not telling you to change the system, but instead follow the instructions provided for Elementor, since you didn't cover those and it could just work if the same approach is used:
1. Add a class to the button that opens the popup.
2. Add the shortcode using a "Text" or a "Shortcode" widget, not the "Amelia" widget that's included in Divi
3. Define the shortcode with the trigger included.
If that doesn't work, unfortunately, other than purchasing the add-on I mentioned in my previous response, we're sorry to hear if you won't be using Amelia anymore, but there's nothing else we can do to assist you.
I'll make sure the Divi popups are forwarded to our developers for compatibility checking, though.
We wish you all the best.
Kind Regards,
Marko Davidovic
[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
As I said, my site happens on divi and just because of their plugin I will not change my system and switch to elementor. I expect that from you that they are divi compatible. I also pay a fee for your service.
Hello Andreas,
We do not have information that you have an active license purchased from us since you opened the tickets in the pre-purchase category and there are no purchases under this email.
We are sorry that it doesn't suit you, we will work on Divi popup integration, we understand if you want to switch to another plugin ...
Kind Regards,
Marko Davidovic
[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
I am facing the same issue and I am using elementor, I did connect the pop up with button via custom-id and it was working fine.
the problem is:
On clicking the button the pop up load and show the booking form but I want to show the booking form in pop up with only one service.
I tried to put service id along with trigger=custom-id, but it doesn't work then and rather shows the shortcode.
my client has also gave up on amelia we have only one day to see your response. otherwise we are also gonna switch to better plugins in markte.
Thanks
Hello,
This can be achieved but you have to put the trigger like this
[ameliabooking trigger=amelia-custom-id service=1].
Hope this helps.
If you have more questions please open your own ticket to the Amelia category, and we will gladly help you there.
Kind Regards,
Marko Davidovic
[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