Hello Ronald.

Thank you for your purchase.

Unfortunately, there's a conflict between Elementor's Pop-Up and Amelia. We can provide a fix, but it's a bit complicated.

My advice would be to install the Add Admin JavaScript and Add Admin CSS plugins, and then apply the following:

CSS:

.el-select-dropdown, .el-popper {
z-index: 9999 !important}
.am-modal {
z-index: 9999 !important}

JS

if (!('ameliaBooking' in window)) {
window.ameliaBooking = {};
}
if (!('disableAutomaticLoading' in window['ameliaBooking'])) {
window.ameliaBooking.disableAutomaticLoading = true;
}
document.addEventListener('DOMContentLoaded', function(event) {
document.getElementById('ameliaPopUpButton').onclick = function() {
setTimeout(function () {
var ameliaPopUpForms = document.getElementsByClassName('amelia-elementor-popup');
for (var i = 0; i < ameliaPopUpForms.length; i++) {
window.ameliaBooking.load(ameliaPopUpForms[i], null, {});
}
}, 500);
};
var ameliaForms = document.getElementsByClassName('amelia-elementor-form');
for (var i = 0; i < ameliaForms.length; i++) {
window.ameliaBooking.load(ameliaForms[i], null, {});
}
});

You need to add an ID to the Edit button "ameliaPopUpButton":

Then, you need to enable "Prevent Closing on Overlay":

And then, when you're adding the shortcode in the pop-up, you need to add the class 'amelia-elementor-popup':

If you're adding a shortcode which is not in a pop-up, you need to add the class 'amelia-elementor-form'.

Hello Julián

It's much simpler now.

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:

That's it.

Hello Jeyantus

When you are posting on tickets that are not yours or have questions or issues which are not related to the title of the active ticket can you please open a new one, and we will help you there. In that way, issues and questions which are related to different subjects will be in different tickets so other customers or our support agents can find it easily. Our policy is to have one issue or question per ticket because of the reasons that is described already.

Thank you for understanding.

Sorry, Jeyantus, but you haven't mentioned the Elementor popup in your previous comment, just that the [ameliaevents tag=”name”] shortcode doesn't work for you.

When using tags, you need to actually have a tag called "name" in the Event, and you should use single quotes, not double quotes, like mentioned in our FAQ section.

So, please try using [ameliaevents tag='name'] only after you confirm there is a "name" tag in the Event:

Not sure if I understood you correctly there, but if you're using multiple pop-ups for Amelia, all those new buttons need to have different trigger names.

So, if the first button's Button ID is "AmeliaPopUp", the second one needs to be "AmeliaPopUp2", and the shortcode would be different for that one.

I see, Jeyantus

I don't believe this is something you can fix on your website, but it'd have to be forwarded to our development team for review.

With all existing tasks and issues they have, I cannot guarantee this will be fixed any time soon. I will forward your comment to our developers, so they can replicate it, and see what's going on. As soon as I hear back from them I will let you know.

Can you please create a new private ticket, where you'd be able to provide us with a temporary wp-admin user, so our administrators can check what's going on?