Make Popups in Divi for WordPress - Free Plugin

[@suzelizabeth]

Many thanks! The tutorial in the developer's site was difficult to follow. This was a dream. I worked along with you and created exactly what I wanted. I so appreciate you! (this is going on a private page, so no link today!)

[@KoriAshton]

Thank you for the kind review.

[@ericswanson8894]

Hey Kori! Quick question, is there a way to make the popup activate in initial page load? Rather than linked to a button?

[@KoriAshton]

Try the pro version divimode.com/divi-popup/

[@claudio_sergiacomo]

Is there a way to trigger the pop-up with a time delay instead of a button? because there si no settings for that in the configuration section of the PopUp

[@KoriAshton]

I think it may be a feature of the pro (paid) version of the plugin.

[@BarnabasAdedoyin]

Thanks, its succint and easy to grab!

[@KoriAshton]

Nice! Glad it helped!

[@provolutionnic3482]

Thank you very much. How can i set up / link this Tool for an Auto Pop Up on a Landing Page?

[@KoriAshton]

you may need the pro version for that for timed trigger.

[@swordigoadventure9222]

After seeing that I subscribed to your channel. Thank a lot for everything.

[@SelcukOZMUMCU]

Awesome video! Thanks to you Kori, it will be so usefull, I will use it right away.

[@KoriAshton]

wonderful!

[@sandeepbodhe3760]

Thanks a lot... Please keep making such videos

[@KoriAshton]

Thank you! Will do 😃

[@armandogutierrez2880]

Very nice explanation and really helpful, thanks a lot Kori

[@KoriAshton]

You're very welcome :)

[@millersstudio7009]

OMG super super .short and to the point

[@KoriAshton]

Divi is an awesome theme and this popup plugin is so easy to use!

[@WritersHiveMedia]

Would I have to create that pop up section for every page I want to use it on if it's the same, or can I refer to the same pop up section from all other pages.

[@KoriAshton]

You can put this pop up in your Divi global footer and reference it easily.

[@KoriAshton]

Made a video to help you understand more - thanks for the question kzbin.info/www/bejne/bobJe2WmqMmBrKs

[@filipac.9001]

omg thank you so much you helped me a lotttt

[@KoriAshton]

Yay!!! This is such a great plugin!

[@sergioortiz01]

​Thank you so much. I have used Divi for many years. I recommend it, and, if tutorials like yours continue to be part of this nice community we will be well supported. Best regards.​

[@KoriAshton]

You're very kind!! Look for Meetup Groups for Divi too. There are plenty these days that are live virtual workshops.

[@oscarelrocket]

This is a game changer! thank you

[@KoriAshton]

Yes!!!! Wonderful!

[@chrisbenn]

Thanks! :) But is this plugin not very bad in how you make the popup's content? If you have a page with 20 Blurbs and you have a popup for each? Then you will have a super confusing popup management system?

[@KoriAshton]

I'd say that having 20 popups on a page is a tough UX too. No one wants to click 20 times to see content popup. What are you trying to build out?

[@chrisbenn]

@@KoriAshton Thank you for the reply! :) I am trying to build a product page with 20 or so items with a little card for every item, a photo, a name with a short description and 3 small buttons with "Specifications", Email Seller" and "Call Seller". "Call Seller" I made as a popup info sheet with just 4 phone numbers on that I put the same one on every "Call Seller link" so that is just one popup and the "Email seller" is a "MailTo:" link but the "Specifications" are not the same, and I got them all in PDFs, and as it is now, I just linked the PDF to the "Specifications" button, but it is a bit disturbing to be "taken away" to another browser window as a user, and I would like to make the "Specifications" less intrusive and have them as little popup cards! :-)

[@KoriAshton]

@@chrisbenn Can you display the buttons below the items on the page and then have the one click be for the specs? Or does each item need it's own seller info? Sounds like you're building a "vendor-site" that sells multiple products from different vendors?

[@mikecutmaster]

thx sooo helpful n saved my money

[@KoriAshton]

Good to hear! Free is always in the budget!

[@ashishnath6841]

thanks a lot. it's really easy to use

[@KoriAshton]

Awesome to hear!

[@apptesting4739]

thank u for this video

[@KoriAshton]

You're very welcome!

[@2hard2crak]

Yay! first one to comment. This is a fantastic plugin I was looking for creating popups in Divi. Previously I watched some tutorials on creating popus in Divi but those were more technical. This is super easy. I hope the signup form can also be created with this plugin.

[@KoriAshton]

This one is the EASIEST by far! I've got another video for another solution, but it's way too much in comparison.

[@rogermendoza2234]

I does not show the popup on mobile, do you know why??? thanks

[@teunconijn2902]

same. And thats the whole purpose for this pop-up for me :(

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@Gozycode-Academy]

Thank you so much for this great tutorial. Divi is the best! Steve @ Gozy Mobile Solutions

[@KoriAshton]

Divi is the best!!!

[@javazantech]

Thanks from Brazil

[@KoriAshton]

You're very welcome - From Texas :)

[@L8rCloud]

It's 5pm Sunday and the meeting is tomorrow morning. You saved my bacon and a sleepless night. THANKS!

[@KoriAshton]

I LOVE bacon! Glad it was saved :)

[@ivymayleoncito7047]

lifesaver!!! Been looking for a tutorial everywhere. It all gave me confusing codes until I found you. Thank you soo mucch!

[@KoriAshton]

You're very welcome!! Thanks for leaving encouraging feedback for me.

[@Universoulfireprints]

thanks, i really like your channel, it's a better reference than google when it comes to my real-time web design. So thank you and please don't stop making videos.

[@KoriAshton]

You're very kind and encouraging! Thank you for leaving this feedback.

[@MichaelRoach73]

Wonderful free plugin! Thanks so much for bringing it to our attention and demonstrating how it works.

[@KoriAshton]

RIght!!?? I love it!

[@RATaveira]

Thanks a lot! I've been looking for this solution for quite some time! Hugs from Brazil!

[@KoriAshton]

Awesome!! Hugs & High Fives from Texas!

[@leonardofabbri3040]

thank you!!

[@KoriAshton]

You're very welcome!

[@donreid2403]

Thanks, great video will be using this ASAP! Question, what application do you use to make the instructional part of the video? Where you share the screen and the yellow circle follows the mouse?

[@KoriAshton]

Different software. I record with OBS and I use a paid app called Presentify for the circled mouse affect.

[@dedisupardi2815]

It's cool 🎉

[@KoriAshton]

Thank you!

[@CJwebdesignvideo]

Hello, I have downloaded the plugin and I am looking for a way to make the background of the section transparent so that the popup does not take up the whole width of the page. I would like the popup to be a small square block. Can you tell me how to do this? Thanks in advance

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@RalfTenbrink]

Great video and great plugin. Worked first time I tried it. I spend most morning trying a paid plugin and could not get a nice result at all.

[@KoriAshton]

Thanks for sharing!

[@ahssanmoshref]

Thank you for the info. I purchased divi overlay and with every update, it keeps breaking on me. Then I submit a ticket and I do that for 3 websites for the past 3 years or so. I have been begging divi group to come up with a pop-up of their own. This is simple and might just solve the problem for me. SI am not sure if it comes with transition effects but I will be sure to test it. :) thanks again.

[@KoriAshton]

Thank you for leaving a comment. Looks like we missed responded in this thread. Please reach out if we can help in the future.

[@oAngelux]

Thank you Kori !!! I will send you my website when Im done :D !!!

[@KoriAshton]

I'd love to see it!

[@ЕмилияДонова-ы6р]

Hello Kori, Very useful video, easy for beginners to understand. Is there a way to make a video popup?

[@KoriAshton]

You can add a video in the popup screen by embedding it. Once the popup opens the video would be clickable to watch.

[@ibrahimtraore1230]

thank u

[@KoriAshton]

Sure thing!

[@shubhamrana2020]

Thank you so much for the video. It works great. Great job 👍👏👏

[@KoriAshton]

Yay!! Thank you!

[@MegaMonkeyFilm]

Hello dear thnx for your tutorial. Is there any way to popup my behance profile or project thnx

[@KoriAshton]

I'm not too sure if there's an automatic way of doing this. But perhaps you can manually add this to the Divi Popup?

[@GlennSojourner]

How do you make the popup load on opening the website? That would be helpful.

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@popschooljam-it3427]

This is awesome. Any way I can easily make the pop-up appear on page load? We need one of these for our covid notice...

[@KoriAshton]

Yep. That's called a trigger. This plugin can do that too.

[@janrafflim9139]

Thanks for your video. I have a question, How to auto-open this when visitors visit a site?

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@agustriyono]

Nice

[@KoriAshton]

Thanks for leaving a comment.

[@TheAllenwhitaker]

Is there a way to have the popup open when the page loads?

[@KoriAshton]

Yep. That's called a trigger.

[@AdmicheWorldPicture]

Think you

[@KoriAshton]

Thanks for leaving a comment.

[@gomezilchuk]

F***ING GREAAAAAAAAAT ;)

[@KoriAshton]

Hellllz yes :)

[@JL-zg6ws]

This was super helpful. Thank you! BUT - when looking at the pop up on a mobile device I can't zoom in or pinch, do you have a trick to make that work? Thanks so much!

[@KoriAshton]

Can you let me know if I can help you further?

[@futurhive]

Alternative-------- 1. Make a page ( Don't add in the menu ) 2. Make a section ( You want to make Popup like this plugin ) 3. Give it an id ( without # ) 4. Just use the id anywhere you want on your website just make the link ( #idName ) :)

[@KoriAshton]

Thanks for adding this tip!

[@pramod_kumar]

@@KoriAshton i need to use this popup for teachers profiles, so when user clicks it shows the profile, needed it on many pages, so i think ayaan suggestion will fit better right, creating individual profile page, making the section as popup, then calling the id wherever needed

[@sandroneri8596]

Due to the need to use a Modal on pages made with DIVI I tried to insert Bootstrap libraries, but I had compatibility problems. So searching Google I found your tip that gave me a simple and effective solution. In Brazil there are not many channels talking about Divi, maybe one or two, so it is a little difficult for newbies to find solutions in channels like yours. I'm very grateful.

[@KoriAshton]

You're very kind! Thank you for the feedback :)

[@sejonmusic]

Fantastic video - this helped me so much! Thank you!

[@KoriAshton]

Sweet!! Thanks for leaving a kind comment!

[@jamessmith-qy7fk]

Hi Kori, Thank you for the toturial, But can you create an Exit Intent Popup? meaning, if someone's trying to leave our website, there's going to be a popup with a call to action?

[@KoriAshton]

Hey James - This plugin (in pro version) offers that "Exit Intent" popup. When you enable the Exit Intent trigger, this Popup is automatically opened before the user leaves the current webpage. Note that the Exit Intent only works on desktop browsers, not on touch devices. I'll try to get this in the queue for you soon! Stay tuned.

[@lealrestore7051]

Kori, Nice video. After I create the popup, can I remove the Divi plugin from word press? Thank you.

[@KoriAshton]

I don't believe so. You'll need to keep it activated.

[@Mittke88]

Hm, this plugin doesn't work with HubSpot form. It won't load.

[@KoriAshton]

We have seen that error before with Hubspot. Can you log out and view it though? We noticed that the forms don't display when you're in the editor mode.

[@KevinToney]

Thanks for the video. I was able to set up my pop-up, but the pop-up does not stay on the screen long enough for me to fill it out. It disappears quickly. 😁

[@KoriAshton]

Hmmmm - do you have a timer on it? They should stay open until clicked on to close

[@zolushka65]

hi, why popups don't work on chrome, despite I allowed them on preferences? thanks

[@KoriAshton]

Are you running a caching plugin? Have you tried to test this using Kproxy.com to view the site? If you're running any other plugins with the same function, you may have conflicts.

[@vch56]

Hi Kori! This tutorial and these pop ups are so useful that I am thinking of using a pop up in each page of my website. I have a question though. How does Google like pop ups now? Is it true that from a SEO point of view the effectiveness of a text in a pop up is around 50% of the same text in an article? Thank you in advance :)

[@KoriAshton]

Hello Valeria - I would not recommend a pop up per page. To answer your question, popups that jolt a user and cause them to struggle to close / access content are a series no-no from Google. We want the user to only have to engage with a popup for security or as a "common" user experience - like clicking to watch a video, clicking to open a shorter bio, a promo, etc. I would recommend only one popup at a time if it's needed at all.

[@vch56]

@@KoriAshton Hi dear Kori! Thank you. I am using pop ups ONLY with a link to open the and an X to close them. I made this question knowing so well that Mr Google gives hard times to all of us, often unreasonably. I take your advise as a must, and will not add more than a pop up (your pop ups! the way you taught us here) per page. Infacts I am using them exactly for not forcing my users to put up with what I want them to see, so I am doing what Mr Google wants :-) Love from Milan (Italy)

[@awdbvzr9325]

This is just the plugin I was looking for 👍👍

[@KoriAshton]

Sweet!

[@RyanAckley-t6z]

Can you make it popup without a button so it's a timed popup? I have tried using code with no success.

[@KoriAshton]

I think that's a premium feature - not available in the free version.

[@dcromwell4412]

Thank you for the video. Can you have a popup in a popup? And can you have a popup on a button? Or lets say a word with a link. so you click on the word and a popup comes up...

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@spitsparrow]

didnt work at all for me. The section i wanted to use was only in my library. Does the section have to be on the same page? My section also contains other plug in modules. could that effect it ?

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@creatixcmswebdesignseo2861]

Nice one Kori got a client who needs a few pop ups. Will be using this today.

[@KoriAshton]

YES!!! Love it :)

[@florianv5258]

hey hi is it possible with this method to make popups with a delay before appearing on the page? thank you ^^

[@KoriAshton]

Sounds like you're looking for an advanced feature known as triggering or timed popups (conditional logic). This may be an premium feature that you'd have to research further. The trick though is finding one that works with Divi. You might check out their new Marketplace to see if there's a solution that can help www.elegantthemes.com/marketplace/

[@obeyandconsume]

I cannot get this to work. It seems so simple but whenever I log out and view the site as a visitor, the home page refuses to load. every single time.

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@elmacron19]

How can I make pop up automatically when a new user visit the page?

[@KoriAshton]

I think that may be a pro feature. Have you checked their website? divimode.com/divi-popup/

[@nadeemariefdien5182]

I am trying to create a small browser popup for my live chat on the same page

[@KoriAshton]

Your live chat software should provide that feature for you, but if not - you can use this popup creator and drop in their code.

[@gunayfarzalibayli2172]

Is it possible make appear the popup on pageload with this plugin?

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@ibtisamahmad253]

nice video, i just wat to ask is there to set it to automatically popup on page load ad reload

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@PeaceOutWorld]

This was a piece of cake! Double as many users as when you recorded this. Thanks so much!

[@KoriAshton]

Thanks for leaving a kind comment :)

[@andresroyo6387]

When I link them together the webpage crashes :(

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@LatinoWebStudio]

thanks so much for the video!

[@KoriAshton]

My pleasure!

[@ulestev]

Thank you! Question: Is there a way to increase the size of the close X? Inspecting, the class is "da-close evr-close" but I have not managed to use CSS to increase the size.

[@KoriAshton]

Good troubleshooting! I would suggest reaching out to the developers of the theme on Twitter maybe or on .org to get some help.

[@ulestev]

@@KoriAshton Figured it out. Here's my code, if anyone else is interested in emulating: .da-close { font-size:60px !important; position: absolute !important; right: 2% !important; top: 2% !important; color: #aeaead !important; background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .da-close:hover { color: #828281 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

[@KoriAshton]

@@ulestev Way to go!!! High fives from Texas!!

[@rogermendoza2234]

@@ulestev Hi, where do you have to add this code?

[@helioalexandrino7]

Amazing video!!! thanks a million!!!

[@KoriAshton]

You're very welcome :)

[@teunconijn2902]

this works for me on pc but not on mobile....

[@KoriAshton]

might just be a cache issue

[@alifatah07]

I ve created the pop up post , but for me to edit the post later?

[@KoriAshton]

You can save any post in "draft" mode or in "Divi" you can hide elements too.

[@indrayanis4613]

How to create the same popup for the page load??

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@yogameet9398]

This is really helpful and would make my life so much easier but I cant find this plugin :(

[@KoriAshton]

See if this gets you there wordpress.org/plugins/popups-for-divi/

[@Lifetimemovie202]

Wowow! It's really very helpful. Was hustling doing popups with custom code but at last I got the easy solution 🏆

[@kathyechter]

So, so slick. You always make me push the envelope. I can't wait to add this feature!

[@KoriAshton]

You can do it!!!

[@kathyechter]

@@KoriAshton I re-did Jim's site (tcturning.com) and I just had to add in one of these popups. It is located on the home page, almost to the bottom of the page on the left. The button is 'Tell Us More Here'. You are always such a great inspiration to all of us!

[@gizhekhairelddine7109]

thank u so muchhhh for the tutoriall :3

[@KoriAshton]

You're welcome :)

[@martinskov5155]

Hello! :) Thanks for the video. Can you do this with a menu-button? Kind regards,

[@martinskov5155]

I found out how to do it. Make a new menu button with the #link. So simple. Thanks!

[@KoriAshton]

Way to go!!!!

[@funworldshows]

Really love it!!!

[@KoriAshton]

Glad you like it! I use it ALL the time!

[@isairodriguez2241]

Thank you Kori! I've been looking for a simple way to create pop-ups on my site. Now I'm armed with such a simple yet powerful tool! I appreciate the help!

[@KoriAshton]

You're very welcome! Thanks for the kind comment.

[@ravinderramini]

very nice.

[@KoriAshton]

Thank you! Cheers!

[@aqdusilyas1137]

Hey Kori, Thanks for your tutorial. I've a question. I've this plugin to create a popup menu. And put the menu names on that with hyperlinks scroll on the same page. But when I click on the link. Pop-up still remains there! Any suggestions to fix this issue. What I need is to close the popup as soon as I click on the menu links..

[@KoriAshton]

Thanks for leaving a comment. Looks like we may have missed you in the feed. Please reach back out if we can ever help.

[@lahirutharanga7860]

Thank you very much

[@KoriAshton]

You are welcome

[@chadhuston349]

Bless you Kori! This video helped me and my client tremendously. Thanks for great video.

[@KoriAshton]

Glad it helped!

[@susantidwell4728]

THANK YOU, THANK YOU, THANK YOU!!!! I have been working sooooo long to figure out how to do this and you showed me how sooo quickly!!!

[@KoriAshton]

Glad it was a great fix for you!

[@Алена-в7я7ы]

wow! it works! Thank You!

[@KoriAshton]

Sweet! Glad it was helpful

[@Media_Dog]

Thank you Kori!!!!

[@KoriAshton]

You are so welcome!

[@BirdsEyeViewNYC68]

Hi, I appreciate the education. Is there a way to randomize the content of the pop up? In other words, if I wanted my page viewers to see a different, random entry each time they click a specific icon, is that possible?

[@KoriAshton]

You can create multiple popups and have different triggers based on their click, yes.

[@rakeshshah422]

Thanks, it is working But how do make multiple popups on the same page there is a problem with the different popups.

[@KoriAshton]

Thank you for leaving a comment. Looks like we missed responded in this thread. Please reach out if we can help in the future.

[@MsJhelieAce]

Can i use pop up in pages?

[@KoriAshton]

Yes you can

[@renpurg7128]

in 1:04 , did you create popup for each bio ?

[@KoriAshton]

I do :) I name each popup the person's first name and use that as the link.

[@renpurg7128]

@@KoriAshton Thanks

[@jasminepantoja735]

Hello! Would you be able to troubleshoot as to why the popup tab is not appearing? (We have the pop up by divi already downloaded and in use on other pages. It's also been updated.)

[@KoriAshton]

Thank you for leaving a comment. Looks like we missed responded in this thread. Please reach out if we can help in the future.

[@Smartmoufdeity]

Thank you !

[@KoriAshton]

You're welcome!

[@rc2k09]

Thank you!

[@KoriAshton]

You're welcome!

[@bhogalandson]

Hi this is pretty cool. I wanted to be able to be able to make it so if I click a button it brings up a pop up and within the pop up I select a link that will effect content on the parent window. Is this doable with this plugin?

[@KoriAshton]

Sounds like you're talking more about an user experience, perhaps. This would be tricky with this plugin. But you may want to reach out to the plugin developers directly and ask them for this feature.

[@marioalejandrogutierreznar9064]

thanks

[@KoriAshton]

No problem

[@felipeamacedo]

thank u Kori!!!

[@KoriAshton]

Sure thing!

[@itsthornado5332]

Thanks

[@KoriAshton]

No problem

[@jithuradhakrishnan8184]

how get the pop up when you click living room pics on website like houzz

[@KoriAshton]

Thank you for leaving a comment. Looks like we missed responded in this thread. Please reach out if we can help in the future.

[@stathistsiriopoulos3921]

hello, i cant see POP up in Section Settings

[@KoriAshton]

Please check that you're using "sections" in divi. Also if you need faster help you might be able to reach out to the plugin developers directly.