Add Dynamic Pop Ups to the Elementor Loop Grid

Add Dynamic Pop Ups to the Elementor Loop Grid
Shortcode = [acf field = "pop_link"]
Elementor Hosting - managed wordpress hosting :
be.elementor.c...
Elementor Pro - The builder that will make you a pro
be.elementor.c...
Get our Awesome 'How to Build an Elementor Website Course' - Lifetime Updates and access to New Modules at no extra cost: learn.websquad...
Join our 'How to Start a Web Design Business' Course - and use strategies to grow, get clients, and generate recurring income: websquadron.co...
Book your 1-2-1 Consultation: websquadron.co...
We love to create - share - respond - and deliver.
🧐 Learn with our Mastery Modules: websquadron.co...
🔗 All of our Important Links: websquadron.co...
😃 Join our Facebook Group: / 3309523509284305
😃 Get Code Snippets Pro: r.freemius.com...
😃 Get Elementor Pro: be.elementor.c...
😃 Boost your KZbin Analysis: www.tubebuddy....
👕 Get our Merchandise: websquadron.co...
🥹 Support us: paypal.me/Webs...
Hire us to work on your Website!
💌 [e-mail]
👩‍💻 Visit websquadron.co.uk

[@i5D5aX3LdqqP]

It's not a dynamic popup. Dynamic is when we can dynamically output the content of the post inside the popup.

[@ElementoryMyDearWatson]

Very useful indeed. Many thanks Imran!

[@websquadron]

My pleasure

[@LeftBankDesign]

Thank you. So helpful.

[@DEBUGENTITY]

Very helpful thanks imran

[@PerryWebCreations]

very cool! Thank you for your detailed tutorial!

[@websquadron]

You're very welcome!

[@JuanMiguelRiveroyHornos]

Excelente! Muchas gracias!

[@bennysh]

Damn, that's a cool way with the [acf field = "pop_link"].. I used to create my own shortcode just for that! Thanks!

[@websquadron]

It's great and means you can add that into the Text Editor with others words around it. So you could mix up shortcodes too. Like... Hello [acf field = "name"], have you considered upgrading your [acf field = "course_level"] package?

[@bennysh]

Exactly, I wasn't aware of the acf shortcode and was using my own [my_shortcode] for things like that.. silly me but thanks for the education :)@@websquadron

[@dannyalexander1876]

Awesome stuff!😊

[@websquadron]

Thanks! 😊

[@harshilvora1022]

Genius!

[@khantkhant-cv4vy]

I got the problem although my button is linked using shortcode , it didn't appear the popup.

[@bebuulab1054]

Hey is there a way that you can click a single image then will show a pop up where you can view different pictures of it and then theres a button on that opened image saying buy now or add to cart; cant seem to find anything like that on elementor pro sir thanks and more power!

[@ahoo_daily]

Awesome 🎉 u can also use modal popup widget 😃

[@federicobelfiore6058]

How can I call the field from jet engine? [??? = "pop_link"]

[@witoldkro]

I'm also curious about how to do it with jetengine

[@JuliaAngelotti]

Excelente vídeo, nunca tinha pensado em usar as tags dinâmicas dessa forma! Parabéns!! Só uma coisa que eu percebi aqui é que ele só funciona se eu tiver um botão na mesma página com a ação configurada (open poup). Eu não sei se é algo novo, ou que era para ser assim.. mas ele só funciona se este botão estiver na mesma página. como eu não quero que o botão dê pra ver, deixei a fonte em 0px, a cor em transparente, sem padding e coloquei no css um pointer events none. Funcionou bem. Se puder tirar a minha dúvida, thanks!!

[@JuliaAngelotti]

Atualizações, se eu configuro o popup para mostrar em todo o site (em display conditions) ele funciona sem o botão que mencionei acima

[@JohnXionidis]

I tried using this method but for some reason the popup doesn't show up. I added everything after the # and also added the shortcode inside but button which is located in the loop grid. The cusros turns into a hand when I hover the button and I can see the URL is correct for the popup to show but nothing happens when click on the button.

[@websquadron]

Hmmmm, not sure. Are you checking on the live site and not in preview?

[@Jon-jx2xw]

Thanks - still struggling with dynamic content inside a popup. I.e a team loop grid with a single popup that shows that members bio/details from custom fields.

[@JuliaAngelotti]

Olá amigo, estou com o mesmo problema. Conseguiu resolver?

[@JuliaAngelotti]

GUYYYYYSSS Depois percebi que isso não era um popup dinâmico fiquei frustrada, porque é justamente para um carrossel de time que eu preciso. Quebrei MUITO a cabeça mas descobri como dispor o conteúdo de um post type de forma dinamica no popup: Tudo o que vc vai precisar fazer é: Configurar primeiramente os elementos do popup conforme o seu post type custom fields. Copiar o seu container "main" Inserir um elemento de loop grid, com 1 coluna e 1 "post per page" Criar um loop e colar dentro do loop o seu main container Depois de salvar, vá em query e seleciona o post type que você precisa Ai o popup na verdade só vai conter 1 loop grid com o conteúdo disposto dinamicamente :)

[@thalesaraujo1674]

Oi Julia, se importa de explicar melhor o passo a passo após a criação do popup? Eu não entendi a partir do copiar o seu conteiner "main". Como um loop dentro do outro vai acionar o o popup?

[@strikie05]

I followed this tutorial step by step but in a loop grid. When I added the shortcode to the button, it just didn't work. The button acts like nothing is linked at all (the mouse icon doesn't change when hovering). Do you guys have the same problem or am I doing something wrong?

[@websquadron]

Difficult to be sure without assessing what you have done.

[@madamecuchins]

Had the same issue trying to use it within a loop grid in a content management area where the pages are published as "private". Button behaves link there is no link.

[@VukSavic-nq9nz]

Awesome tutorial, thanks! But, it seems that it only works with two popups. As soon as I add more than two, it only shows the last two I added. Other ones cannot be clicked ... Very strange. If you have any ideas as to why this is happening, I'd appreciate it.

[@VukSavic-nq9nz]

Me again :) The problem is if Avoid multiple popups is enabled. I disabled it and hopefully it will work now. Also, condition on the popup needs to be set to: Include on the entire site. Maybe this will be helpful. Thanks again, you helped a lot! :)

[@Barcohen8646]

Thank you. What do I need to do in order to show the content of the post inside the popup?

[@websquadron]

You’d have to build the pop ups separately

[@Barcohen8646]

@@websquadron thank you. I thought there is a way to pull the content automatically.

[@archiedennis402]

Thank you so much for this. I've tried this step by step by making the buttons and copy pasting the URL. It works fine. However, When I deleted the button, the pop up no longer working

[@websquadron]

It will still work so I can't be sure of why it's not for you.

[@andreas-stricker]

Any chance to get ACF fields data of the post into an elementor popup ?

[@websquadron]

More tricky and I'm still trying to crack that.

[@meisterleise]

I can't imagine how you found that out. Cool stuff!

[@websquadron]

Experimentation :)

[@pxgglobal]

4:44 after copy that , what the time in this video shows the place for paste it ? :)

[@websquadron]

You would have added that to the Pop Link Custom Field per Post.

[@taufanpramono1242]

no that not a dynamic pop up. we can call it dynamic pop up when the pop up can display the data or content dynamicaly with POST or GET method inside the pop up

[@KotaImpianaProperties]

Awesome tutorial sir. Is there any tutorial tu create a whatsapp link with dynamic message pull post title on message? Help me.. When clixk whatsapp button it will send message with current post title