Elementor Popup with Form won’t open after installing AMP

Elementor is not yet AMP-compatible.

There is an issue for this in Elementor: https://github.com/elementor/elementor/issues/11545

How specifically did you add the popup to the page? What is the name of the elementor element?

Following this tutorial: https://docs.elementor.com/article/484-how-do-i-create-my-first-popup

1 – Go to Dashboard > Templates > Popups > Add New
2 – Name your template and click ‘Create Template’
3 – Choose a template from the Library or create your own design
4 – Click ‘Publish’, then ‘Save and Close’
5 – Open a new page in Elementor (CTRL / CMD + E, new page)
6 – Drag in a button widget
7 – Under Layout, choose Link > Dynamic > Actions > Popup
8 – Click Popup > Open Popup > Select the popup you created
9 – Go to the live page, click on the button and see the popup appear

I just tried to follow your steps but apparently popups are a pro feature? I can’t access the feature when installing it from www.remarpro.com.

Nevertheless, it’s likely that the popups depend on JavaScript and so they won’t work in AMP which doesn’t allow custom JavaScript (in the traditional way). The ideal is that Elementor’s popup feature would gracefully degrade for when JavaScript is turned off in the browser. I bet that if you try opening a popup from a non-AMP page while JS is turned off that it will not work the same as you are seeing on an AMP page when JS is turned on. This is because the AMP plugin strips out custom JS. AMP does support popups via the amp-lightbox component, but since Elementor is not AMP-compatible then it’s likely this is not being used.

Again, it would be preferable if Elementor’s popup feature worked when JS is turned off. For example, the popup could be inside of a details element, where the button is inside of a summary so that when the button is clicked the element is expanded. JavaScript could then be used as a progressive enhancement to show the contents in a lightbox.

So I recommend contacting Elementor and first request that the popups be made to work when JS is disabled, and then secondly to request that Elementor be made AMP-compatible for full feature-parity.

• This reply was modified 4 years, 6 months ago by Weston Ruter.