I have read similar questions about the popup/shortcode issue and I'm aware of the fix (adding a trigger to the shortcode and having the button have the same id)
I would like to use the buttons from the Elementor Pricing table to trigger the popup but the buttons on the pricing table don't have the option to set a button ID.
A workaround would be to create a button below the pricing table and give it some negative margin and give that button the id that triggers the popup...but is there a way to use the pricing table buttons as originally planned?
A bigger issue that I have in testing is that although this does work, it will only work once, if you close the popup and click the button again it shows the spinning icon and doesn't display the form or shows a blank popup.
Can you please advise how can the open once problem be resolved? and advise if its possible to use the pricing table buttons.
Can you please explain a bit more and provide us with an example of what you mean by pricing table buttons? Only the button that has an ID added can be used in the shortcode.
You can only add an elementor pop up button trigger to an Amelia booking form like this (I assume you know this but there is no harm in revising)
[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:
Thanks for the reply but my problem is not with triggering. I'm going to assume that because the pricing table buttons do not have an option for Button ID that they cannot be used to trigger the booking.
I am able to get the trigger to work using a 'normal' button however, The problem I have is that the trigger only works once. If the user (me) closes the popup and clicks the button again it won't trigger the shortcode and I get a blank popup.
If I refresh the page and scroll to my button, I can click it again and it works fine. If I then close the popup and click the button and it doesn't fire the Amelia shortcode.
It might be because I have the option to 'avoid multiple popups' ?
Unfortunately, this specific pop up option was made for Elementor settings so we cannot tell how it can be configured without having the button ID.
We had some customers achieve this with (payed) plugin for Divi so maybe you can try another third party software that will be able to make this connection.
Thanks again for the response but I don't think you answered about the problem with the popup (in elementor using a button with an ID).
My specific problem is that the popup only displays the shortcode once per page refresh. After the 1st popup which works fine, if you click the button again a 'blank' popup is displayed
I'm sorry I can't be more helpful with this as I said the setup we have available requires a button ID to function properly, so there could be a number of reasons why your custom solution doesn't work.
If you don't mind, you can send us temporary admin login credentials for the website where this happens and the link to the page where you have this set up and I can forward it to our developers to take a look and see if they can come up with a custom solution for your use-case.
In case when you have similar issues, we kindly advise opening a new ticket with the subject name. This is because in case if we have to do troubleshooting or any other kind of assistance, it is much easier for us to find the ticket and provide assistance.
Hi,
I have read similar questions about the popup/shortcode issue and I'm aware of the fix (adding a trigger to the shortcode and having the button have the same id)
I would like to use the buttons from the Elementor Pricing table to trigger the popup but the buttons on the pricing table don't have the option to set a button ID.
A workaround would be to create a button below the pricing table and give it some negative margin and give that button the id that triggers the popup...but is there a way to use the pricing table buttons as originally planned?
A bigger issue that I have in testing is that although this does work, it will only work once, if you close the popup and click the button again it shows the spinning icon and doesn't display the form or shows a blank popup.
Can you please advise how can the open once problem be resolved? and advise if its possible to use the pricing table buttons.
Thanks,
Hi Graeme
Thank you for reaching out to us.
Can you please explain a bit more and provide us with an example of what you mean by pricing table buttons? Only the button that has an ID added can be used in the shortcode.
You can only add an elementor pop up button trigger to an Amelia booking form like this (I assume you know this but there is no harm in revising)
[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,
Thanks for the reply but my problem is not with triggering. I'm going to assume that because the pricing table buttons do not have an option for Button ID that they cannot be used to trigger the booking.
I am able to get the trigger to work using a 'normal' button however, The problem I have is that the trigger only works once. If the user (me) closes the popup and clicks the button again it won't trigger the shortcode and I get a blank popup.
If I refresh the page and scroll to my button, I can click it again and it works fine. If I then close the popup and click the button and it doesn't fire the Amelia shortcode.
It might be because I have the option to 'avoid multiple popups' ?
Hi,
'avoid multiple popups' option is not the cause, If I disable this it still only opens once.
Can you think of any other reason it would do this?
Hi Graeme
Unfortunately, this specific pop up option was made for Elementor settings so we cannot tell how it can be configured without having the button ID.
We had some customers achieve this with (payed) plugin for Divi so maybe you can try another third party software that will be able to make this connection.
https://diviextended.com/product/divi-modal-popup/
Hi,
Thanks again for the response but I don't think you answered about the problem with the popup (in elementor using a button with an ID).
My specific problem is that the popup only displays the shortcode once per page refresh. After the 1st popup which works fine, if you click the button again a 'blank' popup is displayed
Do you know what is causing this?
Hi Graeme
I'm sorry I can't be more helpful with this as I said the setup we have available requires a button ID to function properly, so there could be a number of reasons why your custom solution doesn't work.
If you don't mind, you can send us temporary admin login credentials for the website where this happens and the link to the page where you have this set up and I can forward it to our developers to take a look and see if they can come up with a custom solution for your use-case.
I'm having the same trouble, and this doesn't answer the question about the popup opening once only.
Closing the popup and clicking the button again it won't trigger the shortcode. Need to refresh the site.
Any solution?
Hello Veintiuno,
In case when you have similar issues, we kindly advise opening a new ticket with the subject name. This is because in case if we have to do troubleshooting or any other kind of assistance, it is much easier for us to find the ticket and provide assistance.
Thank you for understanding.
Kind Regards,
Stefan Petrov
[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