Oxygen Builder Modal Tutorial For Pop-up Contact And Email Opt-In Forms

Written by
Fabrizio Van Marciano
Last updated on
May 9, 2022

Welcome to another Oxygen Builder video tutorial. If you're brand new to Oxygen Builder, you will hopefully find these tutorials both useful and simple to follow along.

Oxygen Builder is powerful WordPress website building tool that we use to build custom websites for our clients here at Fabrizio Van Marciano Dot Com. In this tutorial, you'll learn how to use the amazing modal feature, in Oxygen Builder, to build a Pop-up contact form or email opt-in form.

What is the Modal feature in Oxygen

The modal feature provides options that you can use to create an actionable pop-up item anywhere on your website. This means you can turn any element, button, text-link into a trigger that will create a pop-up.

The pop-up container can have a contact form, opt-in form, social call to action, or any other type of conversion element that you fancy placing in it.

If you head over to my blog at Magnet4Blogging, scroll down to the bottom of any blog post, you will notice that I have a call-to-action button after the content, when pressed it creates a pop-up opt-in form.

OK, so follow the tutorial video below to learn how to create the same feature for your blog or website using Oxygen Builder.

If you want to learn more about Oxygen Builder, check out their website here.

Ask me a question

If you have any questions related to this tutorial, feel free to get in touch with us via our contact page, or leave a comment in the video comment section on our YouTube channel, and we'll try and answer them the best that we can.

There is another awesome tool that I use with Oxygen called CSSHero. This tool gives even more flexibility when it comes to front-end styling. You simply use the options, toggles, and sliders to customize your elements and CSSHero will output it in CSS. You can then publish or copy the CSS to use on your site's custom stylesheet, and more.

You can learn all about CSSHero here.

More Oxygen Builder Tutorials

Here are some tutorials using Oxygen Builder that you might have missed.

  1. Oxygen Builder Post Template Video Tutorial
  2. Oxygen Builder Custom Hero Section Design Tutorial
  3. View All Oxygen Tutorials

Oxygen Builder Web Design Course

Learn how to build an awesome website for your business with my complete, Ultimate WordPress + Oxygen Builder Web Design Video Course

Website designed by Fabrizio


Web Design CourseCode Shop


Copy link