Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

ue-2.0
Loop Grid in Elementor - Featured Blog
Loop Carousel in Elementor - Featured Blog
Contact Form 7 Widget for Elementor
FREE

Contact Form 7 Block for WordPress

Contact Form 7 block is a valuable tool that makes it easier to customize the appearance and functionality of your contact forms directly within the WordPress page builder.

Contact Form 7 widget for Elementor

The Best Contact Form 7 Styler for WordPress

This block will allow you to customize the style of your Contact Form 7 forms on your WordPress website. You can customize each element separately to fit the design of your website.

* The usage of the block requires downloading and activating the plugin Contact Form 7 from the WordPress Plugin Directory.

form general 1 new
form styles 1 new

Contact Forms Styles

Modify the colors and fonts to match your site’s look and feel through the WordPress live page builder interface. Customize every single detail to perfectly blend with your website design.

Form Settings

Make a pixel perfect form.

form settings
form button 1 new

Easy 3 Step Proccess

form alert 1 new

Free Contact Form 7 Styler Block

With this block, you can easily add beautiful contact forms to any page or post on your WordPress website. Get your Contact Form 7 block for WordPress today and start creating stunning forms in minutes!

Contact Form 7 Block Frequently Asked Questions

What is the Contact Form 7 block in WordPress?

The Contact Form 7 block integrates your Contact Form 7 forms seamlessly into WordPress. This block allows you to customize the form’s appearance, adjust layout settings, and match the styling to your website’s design, creating a cohesive and professional user experience.

How do I add Contact Form 7 to my WordPress website using the Unlimited Elements Blocks Library?

This block is available in the Unlimited Elements Free version.

  1. Go to the Unlimited Elements Blocks Library.

  2. Search for "Contact Form 7" in the search bar.

  3. Hover over the block in the search results and click Install.

  4. Add the “Contact Form 7” block to any WordPress page.

Is the Contact Form 7 block free?

Yes, the Contact Form 7 block is available for free in the Unlimited Elements Blocks Library. You can access and use this block in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.

What types of forms can I use with this block?

This block requires the Contact Form 7 plugin to function. Once the plugin is installed and activated, you can use any form you've created with Contact Form 7. After creating your form, simply select it in the block to apply styling options. This flexibility allows you to work with basic, advanced, or custom forms based on your specific needs.

What styling options are available for this block?

The block allows styling for various form elements such as Textarea, Placeholder, Date, Radio Buttons, Checkboxes, Dropdowns, Buttons, Field Validation Errors, Acceptance checkboxes, and Alert messages. You can customize the colors, typography, and layout of each element, making the form blend seamlessly with the design of your website, while ensuring it is visually appealing and user-friendly.

How can I style the Alert Message in Contact Form 7?

You can enable styling for the Alert Message from the block's settings. Once enabled, you can customize the Alert Message by adjusting its font size, color, background, border radius etc. This ensures that the alert stands out and matches your website's design, providing a seamless and engaging user experience when form submission errors occur.

How can I style the Submit Button in this block?

You can enable styling for the Submit Button from the block’s settings. Once enabled, you can customize the button's appearance by adjusting its font size, color, background color, border radius, hover effects etc. This allows you to create a visually appealing and consistent design for the button, ensuring it aligns with your website’s overall look and enhances user interaction.

How do I use the Contact Form 7 block in WordPress?

Using this block is easy. Drag and drop the block onto your WordPress page, select your existing form from the dropdown, and customize the form's design settings. You can adjust the form's layout, colors, typography, and add additional fields to match your website's needs. 

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!