How to create a Contact Form 7 Popup with a Background Image?

Follow these steps to create a Contact Form 7 Popup with a Background Image.

  1. Create a form in CF7.
  2. Select where you want to show this popup.
  3. Choose Contact Form 7 Popup.
  4. Choose the Form.
  5. Select the desired layout which makes your website more appealing.
  6. Select an Activation Mode from which your popup will trigger.
  7. Add a header text and any body text to the popup.
  8. Choose the position of the side button and select none if you want it set on the auto-popup.
  9. Select the popup animations.
  10. In Color Scheme Options choose to select your own and in that, you will see that you can apply Image to the Popup Body
  11. Then configure any advanced options that you require
  12. Click on the update button to create Contact Form 7 Popup with a Background Image and Voila your popup has been created.
  13. Go to the desired page and check out how the popup makes your website more attractive.
Contact form 7 Popup with Image Background
This is what your popup look like when you have configured it.

Loved this popup, there are many more…