---
title: "Contact Form 7 Styler"
url: "https://divitorque.com/docs/contact-form-7.md"
canonical: "https://divitorque.com/docs/contact-form-7/"
published: "2026-01-15"
modified: "2026-07-08"
author: "Fahim Reza"
description: "Style Contact Form 7 forms visually to match your design. Learn how to add and configure the Contact Form 7 Styler module in Divi — settings and tips."
tags:
  - "Modules"
---

# Contact Form 7 Styler

The Divi Contact Form 7 module empowers you to effortlessly enhance the appearance and layout of Contact Form 7 using the intuitive Divi Visual Builder without manual coding.

![](https://divitorque.com/wp-content/uploads/2024/03/contact-form-7-1-1024x468.png)

[Live demo of Contact Form 7](https://demo.diviepic.com/divi-torque-pro/contact-form-7/)

> NOTE: Divi Contact Form 7 module is only able to design the Contact Form 7 in Divi website. It will not add any extra functionality to the Contact Form 7 plugin. 

## Requirement

Must install the [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)Plugin

## Create a Contact Form 7

1. Go to WordPress Dashboard
2. Click the “Contact"
3. Click “Add new”
4. Give a new contact form using form elements.
5. Give a title to the Form, e.g. wpsConatct 
6. If form field customization is needed customize the field 
7. Click “Save” 

![](https://divitorque.com/wp-content/uploads/2024/03/screely-1699609491657-1024x597.png)

## Add the Contact Form 7

1. Go to your Divi Page
2. Enable Divi Builder
3. Add a New Module and search “Contact Form 7”
4. Add “Contact Form 7”
5. Content > Content > Select Contact Form 7, e.g. wpsConatct 

![](https://divitorque.com/wp-content/uploads/2024/03/Screenshot_1-1024x491.jpg)

![](https://divitorque.com/wp-content/uploads/2024/03/Screenshot_2.jpg)

## Style the Contact Form 7

1. Divi Contact Form 7 module settings
2. Go to the Design Tab
3. Design your Contact Form 7

![](https://divitorque.com/wp-content/uploads/2024/03/Screenshot_3-1024x570.jpg)