Hello there,

Thank you for reaching out to us.

No, unfortunately, we do not have documentation specifically for this button. This is used for example if you do not want to use the pre-select parameters for example or if you create a button in the elementor template and then to add the id or a link there.This is mostly used for a pop up but there are other option to create a pop up.

1. 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:

1. Select Category – allows you to select a specific category you have created in Amelia. 
2. Select Service – allows you to select a specific service created in Amelia;
3. Select Employee – selection which filters the form per selected employee;
4. Select Location – if your employees are working on multiple locations, you can choose which location’s bookings will appear in the window.
5. 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.
6. 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.

or

2. You can just try our own native Amelia PopUp, like this :

1. Choose an Amelia Booking Block ( In this example i choose the standard Step By Step 2.0)

2. Select if you need any preselected parameter ( here i will choose just one Employee preselected)

3. Then make sure you set a "trigger ID" or "trigger Class" name, and later we will apply the same "trigger ID" or "Class".

In my example, i choose it to be a "Trigger type as ID" , named "my-popup-id1"

and make sure to choose "Show in Amelia PopUp" beneath.

Note the Form  Shortcode automatically then adds the part "in_dialog=1".

4. Now, you can choose Button/ or try Call To Action ( In my case, we use the free Elementor so a button)

And set the same "Trigger ID or Class" to your button ( or call to action button).

Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.

We wish you all the best and hope you have a wonderful day ahead. 

Hello again,

Not sure what the issue to be honest we can see that it only opens one event at a time

But depending on a short code that you create for each button this will show certain events but you need to place the correct id of each button then

Hope this helps. 

Hello again,

Can you please explain to us what is the issue exactly? I'm afraid that we did not quite understand the issue. We do apologize. 

Looking forward to your reply. 

Hello again,

There is no issue this is how it is supposed to work. You cannot change this. This is how it was designed to work. So we do not see any issues.

Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.

We wish you all the best and hope you have a wonderful day ahead.