Using FOX Block to build custom popup

A Pop-up consists of 2 parts:

  • The button
  • The popup

So correspondingly, there’re 2 steps for building a popup: to create a button and to create the popup. However, you must create the popup before the button.

Step 1: Create the pop-up

Go to Dashboard > FOX Blocks > Add New and you can name it as My Pop-up. For the option “This Block is being used for:”, you can just choose General purpose (ie. don’t change it).

Step 2: Edit the popup with Elementor. Here you add the content to your popup. It can be anything: a message, a newsletter subscribe form.. It’s all up to you.

In case you want to add a Newsletter Form, you should install Mailchimp For WP plugin and use FOX Form element.

After creating the content, hit “Publish” to save it.

Step 3: Create the button

Now, in your Elementor page, add FOX Button element. Then give it the settings like images below:

Now, try to click it, it’ll open the popup with the Subscribe form. You can adjust padding, background for your popup as you want to.

Now save your page, you have a button that opens a popup.

Demos $41 Buy

Prebuilt Demos

Below demos are just examples. More to come in the future and you can mix their features. If you see one feature in a demo, you can use it in any other demos. All demos are included in the download package and ready to import in 5 minutes.

  • All
  • Blog 18
  • Magazine 21
  • Newspaper 7
  • Elementor 20
  • WooCommerce 5
Popular
Live preview
AuthorBlack WhiteBlogCleanGridMagazineNewspaperTimesTimes WriterWriter
Live preview
Black WhiteCinemaClassicCleanGridHistoryMinimalMusicPaper
Live preview
BusinessFinanceHistoryNew York TimesNewsTimesWorld
New
Sophia Demo
Live preview
BeautyBlack WhiteChicCleanDIYElegantFashionGridLifestyleSophiaTravel
Live preview
Black WhiteBusinessCleanFinanceHistoryNew York TimesNewsNewspaperPaperTimes
New
The Fox Guard
Live preview
CultureGuardianLondonNewspaperObserverOpinionThe GuardianWorld
Live preview
ArtsArtworkBlack WhiteBooksCartoonCommentaryCultureIllustrationMinimalNew YorkerPoetryPoliticsReader
Live preview
Bill GatesBooksNGOSquareWorld
Live preview
BusinessFinanceHistoryNewsTimesWorld
Live preview
CleanFoodMasonryMinimalPinePinterestTypography
Live preview
AuthorBlack WhiteCleanDanielMinimalWriter
Live preview
DeepGridJohnMusicNostalgicSimpleSquareVintageWriter
Live preview
AuthorBlack WhiteCleanPaperSimpleWriter
Live preview
BusinessHistoryNewsPoliticsTimesWorld
Live preview
BiologyChemistryCleanHealthMathsPhysicsScience
Live preview
Artificial IntelligenceBiologyBlack WhiteChemistryMassaMathsMITNaturePhysicsScienceSpaceTechnology
Live preview
CleanLifehack
Live preview
ArtsCinemaEntertainmentMazedMusic
Fox Geometry
Live preview
GeometryGridTechnology
Live preview
BernCinemaEntertainmentInterviewMovieMusicPhotography
Live preview

Mia

ElegantLifestyle
Live preview
BazaarBlack WhiteChicCleanElleFashionInfluencerInstagramLifestyleMinimalVogue
Live preview
MotorsPhotographySmokeTravelVinsmokeWriter
Live preview
BusinessFinanceHistoryNewsTimesWorld
Live preview
GeekGizmodoJalopnikLifehackQzTechnologyTheVerge
Live preview
BusinessCultureMasonryNewspaperTimesWorld
Live preview
BlogDeodarElegantFeminineFoodGirlyGridHerbLifestyleTravel
Live preview
DecorInteriorMinimalNordicScandinavian
Live preview
ChicDecorHomeInteriorMinimalNordicNorwayScandinavianStockholmSweden
Live preview
DarkElegantHipsterLifestylePhotographyTravelVintageWillow
Live preview
MinimalPhotographyToursTravel
The Fox Brooklyn
Live preview
Black WhiteBrooklynWriter
Fox Fashion
Live preview
BazaarElleFashionSquareVogue
Live preview
ChicInfluencerInstagramKinforkLifestyleMagazineMinimalSmooth
Live preview
AuthorBlogCleanMediumMinimalSimpleWriter
Live preview
CookingFoodRecipe
Buy The Fox