Learn how to build popups in your WordPress and Elementor website using the plugin JetPopup from Crocoblock. A plugin that enables you to create awesome popups with ease!

Example Website: https://jetpopup.cbexample.com
JetPopup Plugin Link: https://ferdykorp.com/cb

You can choose between 120+ pre-made JetPopups to import. Or you can start from scratch and build a custom popup.

This is what we will do. First, we will install JetPopup from Crocoblock. You can buy it as a standalone plugin or in a set. Then we will import a premade popup aka a preset. We can choose between 120 popups in different categories like contact forms, privacy policies, discounts, email list sign up forms, Content lockers, and more.

After we import a preset we will talk about changing the way the popup should be displayed: Left, right, center, as a lower bar, fullscreen. How it should be triggered: at once, after a click, when the viewer scrolls, when the viewer wants to exit the page. Where it should be triggered: On the homepage, a specific page, a certain category in the blogposts. Wherever you want. And, how long the popup should be hidden after the viewer has closed it once. An hour. A day. A week? Then we will adjust the popup to our wishes and test it.

We will also create a popup from scratch and link an email signup form with Mailchimp and Convert so you can add people to your email list and your list emails at once. A great way to grow your business. And that can be done for $22 and if you have a Crocoblock subscription already you have JetPopup already in your suite.

Timestamps For The Crocoblock JetPlugin Tutorial:
00:00 Intro
00:12 Overview
01:38 Get JetPopup
03:35 Download and Install JetPopup
04:52 Pre Made Popups (JetPopup Presets)
06:22 Import A Preset

Popup Settings
08:05 Change The Popup Name
08:21 Slide Animation
08:55 Set the cookie timing
09:34 Display Conditions
09:57 Trigger The Popup

Style The Popup
14:19 Style The Popup
15:06 Change The Width Of The Popup
15:41 Change The Hight Of The Popup
16:08 Change The Alignment Of The Popup
16:54 Change The Background
19:30 Change The Popup Overlay

Create A Popup From Scratch
20:42 2 Ways To Create a New Popup
22:03 Add A Mailchimp Element
22:31 Configure the Mailchimp API Key
24:36 Configure The Mailchimp Element
25:59 Style The Mailchimp Element
27:55 Create Global Colors
29:05 Add A Heading Elementor

The Finishing Touch
33:05 The Page Scroll Trigger
35:44 Trigger The Popup With A Button
36:48 Embed a Sign Up Form
38:54 Thank You