🔆 SUBSCRIBE TO MY CHANNEL HERE: https://bit.ly/3bjLBr7

BLOG POST TO THIS VIDEO: https://bit.ly/3dWyeA0

Welcome to another Oxygen Builder video tutorial. In this video, you’ll get to grips with using the Modal feature in Oxygen. Basically, I show you how I’ve used it on my site to create a pop-up contact form and email opt-in form.

✅ START A WEBSITE/BLOG
======
Siteground Hosting: https://bit.ly/3ba91PI
WordPress: https://wordpress.org
Thrive Membership: https://bit.ly/39HwjM6

✅ WEB DESIGN TOOLS USED IN THIS VIDEO
======
Oxygen Builder for WordPress: https://oxygenbuilder.com
CSSHero: https://bit.ly/306CSGl
OxyClass Act: https://oxyplugins.com/

✅ GRAPHIC DESIGN TOOLS USED
======
Affinity Designer (Mac Version): https://bit.ly/3fdTPCV
TinyPNG: https://tinypng.com/

✅ GEAR USED TO RECORD THIS TUTORIAL VIDEO / SCREENCAST
Individual links to products on Amazon.
======
***Panasonic Lumix G7***
Amazon US: https://amzn.to/2IKQCzT
Amazon UK: https://amzn.to/2S93CS8

***Rode VideoMicro Mic***
Amazon US: https://amzn.to/2ZrKaox
Amazon UK: https://amzn.to/3aHc7KC

***Ronin SC Stabilizer***
Amazon US https://amzn.to/38deBQX
Amazon UK: https://amzn.to/2SbNwr8

✅ FULL VIDEO KIT
https://bit.ly/3lUE2Nq

🎵 MUSIC
======
SoundStripe: https://bit.ly/32hJ0wB

👕 FVM MERCH STORE
======
https://www.vanmarciano.store/

💥 PATREON PAGE
======
https://www.patreon.com/vanmarciano

✅ FOLLOW ME
======
Instagram https://www.instagram.com/vanmarciano
Facebook https://www.facebook.com/fabzvanmarciano
Twitter https://www.twitter.com/vanmarciano

✅ VISIT MY WEBSITE
======
https://www.fabriziovanmarciano.com

✅ VISIT MY BLOG
======
https://www.magnet4blogging.net

******
🛑 FULL DISCLOSURE: As an Amazon Associate, SiteGround Affiliate, Thrive Themes Affiliate – I earn from qualifying purchases. If you decide to purchase using any of the affiliate links in this video description, I will get a small commission at no extra cost to you. Thanks in advance!
******

#oxygenbuilder #wordpresstutorials #webdesigndemo


    19 replies to "Oxygen Builder Modal Tutorial For Pop-up Contact Form And Email Opt-In Form"

    • Jon Smith DM

      I cannot get thrive leads to even load on my oxygen website. Did you do something about this?

    • Dave Cowell

      I have tried doing this following your instructions, but when I paste the shortcode into the modal box, the formatting of the contact form is all over the place and looks nothing like the builder. Is there anything I can do to check?

    • Viacheslav Sokolovsky

      You helped me out a lot with tha pop-up form!

    • AM A

      Thanks a lot it was a great video but I want to close the popup after form submission is there any way for that?

    • Andre Babiak

      Is there a way to have an Oxygen modal popup display the content of another post/page like traditional popups do?

    • Samantha

      Thanks so much. Thanks to your tuto i've succeeded my form!

    • Jason Schneibel

      Fabrizio, thank you some much for the awesome video. I've set up a modal for my site for a lead magnet. I was able to get it to look good on desktop, but for some reason I can not get it to be 100% of the screen on mobile. I have tried changing the modal width, the div width inside the modal, even tried setting it to 100 VW. Any tips on how I can fix it?

    • Ark Pizarro

      How did you get thrive leads and oxygen to work together? On my site, they conflict and Thrive leads don't work as shown in your video.

    • Prashant Agrawal

      Great tutorial brotha!, really found helpful

    • Alex A

      Great tutorial Fab… only slow down a little the speed when you speak to clarify better

    • Putdy Kullapat

      Great tutorial man but your music background made me fall as sleep

    • Котэ

      Here's how it works! Copy the style headings and then paste them, it doesn't work http://prntscr.com/rm00mf

      label {

      font-family: 'Roboto',Arial,sans-serif;

      font-weight: 300!important;

      color: #000000!important;

      font-size: 20px!important;

      line-height: 1.55!important;

      }

      input {

      font-family: 'Roboto',Arial,sans-serif;

      font-weight: 300!important;

      background-color:#fff!important;

      color:#000000!important;

      border-radius: 5px!important;

      height: 54px!important;

      }

      textarea {

      background-color: white!important;

      color:black!important;

      border-radius: 5px!important;

      }

      ::-webkit-input-placeholder {

      font-family: 'Roboto',Arial,sans-serif!important;

      font-weight: 300!important;

      font-size: 17px !important;

      }

      .button1 {

      font-family: 'Roboto',Arial,sans serif!important;

      font-size: 17px !important;

      -webkit-border-radius: 30px !important;

      width: 100%!important;

      height: 54px!important;

      border: 2px solid #e62929!important;

      background-color: #fff!important;

      }

    • Котэ

      This is not a work instruction, it does not work!

    • humanyoda

      That's a lot of work for such as fundamental task as adding a contact form! And then there's also the backend processing of the input. And making sure the form looks good on a mobile phone. I thought that Oxygen provides this functionality out of the box. It sucks that it doesn't.

    • bo makalu

      Hi there some nice customisation. have you got any code for redirect on submission? thanks

    • JW

      Awesome vid! Exactly what I was looking for.

    • Sagi Yahav

      Hi Fabrizio, thank for the tutorial and all the stuff you make, it is great! In this video, you used Thrive Leads to make the Subscribe form. Why you don't use Oxygen itself for making it? Oxygen even capable to make something like this or build Landing Pages for leads capturing and so on?

    • Zgrum Medical Bariatrics Division

      good tutorial vid, do you have any about organizing Product Categories?

    • Ed James

      Boy, do you look silly with your hat on backward. GROW UP!

Leave a Reply

Your email address will not be published.