I'm building a website (with Elementor) for a customer and the goal would be to have a pop-up window showing the services (with check box) and the agenda, just like the printscreen here attached, when you hover or click the "GO!" button...
Is this something possible with Amelia ?
By the way, i have bought the Developer Lifetime licence, because I'd like to install Amelia on each of my customers websites, in order to replace Calendly and some events plugins... I'm sure this is a good choice ! ;-)
Thank you for choosing Amelia and for reaching out to us
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:
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:
However you will not be able to have a checkbox like the one on the screenshot, each service needs to be booked separately, or you can add extras to your service to add additional choices.
This can happen when the Product 1, 2, 3 are in the same CSS class as the Booking button. These buttons need to have a separate trigger (class) in order for them to work individually. Each button needs to have a separate trigger set up.
Hello !
I'm building a website (with Elementor) for a customer and the goal would be to have a pop-up window showing the services (with check box) and the agenda, just like the printscreen here attached, when you hover or click the "GO!" button...
Is this something possible with Amelia ?
By the way, i have bought the Developer Lifetime licence, because I'd like to install Amelia on each of my customers websites, in order to replace Calendly and some events plugins... I'm sure this is a good choice ! ;-)
Thanks in advance for your precious help !
Kind regards,
Eric
Hi Eric!
Thank you for choosing Amelia and for reaching out to us
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:
Hi Eric
Thank you for reaching out to us.
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:
However you will not be able to have a checkbox like the one on the screenshot, each service needs to be booked separately, or you can add extras to your service to add additional choices.
Thanks Ivana and Blazenka !
This what I did...
But what if I have, on the same page :
one button that should trigger "pop-up1" with service 1 only
4 other buttons that should trigger "pop-up2" with service 2, 3, 4 and 5
I'm lost !
Thanks for your help !
Eric
The problem seems to be the following :
When I create the buttons, I can give them their own Button ID.
But as soon as I set the link of one button to be a Modal Pop-up, then all the other buttons get the same ID...
Any idea how I can solve this ?
Thanks in advance !
Eric
Hi Eric
This can happen when the Product 1, 2, 3 are in the same CSS class as the Booking button. These buttons need to have a separate trigger (class) in order for them to work individually. Each button needs to have a separate trigger set up.