Form Overlay

Note: I used the form feature of Elementor Pro for this effect.

  1. Apply a background image to your section.
  2. Make your column background have a light color with a transparency of 0.5% (found in Style tab) and a right margin of 63% (found in Advanced tab).
  3. Drag a heading widget, a text widget, and a form widget onto the column.
  4. Designing your form is easy, but there are so many designs you could create that it would be impossible to show you all the possibilities here. But here's what I can do! First, let's take a look at a gallery that shows all the form options you'll be filling out.

    Next, you can take a look at the video below this article that Elementor created showing many form designs. (Warning: turn your speakers down. The music in the video might make your head pound a little).

  5. If you are using Mailchimp, you can very easily integrate the form with Mailchimp. Elementor explains how to do this below this article.

Now you're all set up and ready to build your email list, with a design that will likely entice people to sign up!

Donna F. Cavalier is a woman of many interests, both online and off. A WordPress enthusiast since 2004, she fell in love with both GeneratePress theme and Elementor page builder. Together, they help create stunning WordPress websites. Hence, this site was born. She also has many other WordPress and web design related sites, such as WPLot.us (a WordPress maintenance service), CavalierWebDesign.com, DonnaFontenot.com, and others. She is also an author, with one novel, The Grave Blogger, and 2 children’s books Petal Pals: Swamp Adventure and Petal Pals: Off to Amarillo published, with others to be published soon. Finally, she is also a Southeast Louisiana Wedding Officiant, owner of Happy Life Weddings.

Share With Friends

Leave a Comment