Elementor contact form for free

In this WordPress video lesson, we will learn to create an Elementor contact form free using Elementor free version.

In this how to use Elementor tutorial video, we showed how to make a contact page that may have a high conversion rate. So, in the process, you will know how to create Elementor contact form free with Elementor WordPress page builder. Because we used Elementor free version for this build.

Here’s the CSS code that we used for the styling in the video. You can copy and paste it to your project to try it out.

.contacts input,
.contacts textarea {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 0;
	margin-bottom: 20px;

.contacts textarea {
	height: 150px;

.contacts input[type="submit"] {
	background-color: #00875c;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	width: auto;
	padding-bottom: 15px;

Help us to inspire and produce awesome free WordPress tutorial videos like this. To do so, please subscribe to this YouTube Channel for exclusive content.

We also recommend you to check out this article Essential Plugins to make your WordPress website efficient

Hooray! 🎉 Our Ultimate Figma Mega Course is live for you!