Im building a site for a client using the elementor pro builder with the "hello" theme. I have purchased your plug in, and the shortcode works fine on regular pages. I thought it would be nice to have the step by step wizard in a pop up form, so I tried implementing that with elementor pop-ups. That however does not work. I have tried using the shortcode widget, the text widget and the HTML widget, none of them works.
Unfortunately, there is this conflict with the Elementor Popup and we have some fix for it. Some customization is needed for it to work. First, you need to add some CSS and JS to the back-end, so my advice would be to install some plugin for adding admin CSS and JS to WordPress back-end.
Hi
Im building a site for a client using the elementor pro builder with the "hello" theme. I have purchased your plug in, and the shortcode works fine on regular pages. I thought it would be nice to have the step by step wizard in a pop up form, so I tried implementing that with elementor pop-ups. That however does not work. I have tried using the shortcode widget, the text widget and the HTML widget, none of them works.
Do you have a fix for this?
Thank you
Hello Theres Jordan,
Thank you for your purchase.
Unfortunately, there is this conflict with the Elementor Popup and we have some fix for it. Some customization is needed for it to work. First, you need to add some CSS and JS to the back-end, so my advice would be to install some plugin for adding admin CSS and JS to WordPress back-end.
This is the code you need to add:
CSS:
JS
Then, you need to add an ID to the Edit button "ameliaPopUpButton":
You should enable "Prevent Closing on Overlay":
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'.
Let me know if this helped and if you have any further questions.