Need to customize WPForms forms with Elementor?
Forms created with WPForms look great. However, there are times when you want to customize WPForms to your liking. so…
How do I customize WPForms forms?
There are two ways to do this without having to write CSS code and especially by using the WordPress Elementor plugin:
- Using the PowerPack Addons extension
- Using the Ultimate Addons extension
Let's take a look at each of these methods now.
Customize WPForms Forms with Elementor's PowerPack Addons
Elementor PowerPack Addons is a free WordPress plugin. So you will first need to install and activate the Elementor plugin, then install and activate the PowerPack Addons.
Once both plugins are active, edit the page you want to place your form on and click the Edit button with Elementor.
Now on the left Elementor panel, scroll down to the PowerPack Elements widgets section and drag and drop the Elementor WPForms widget onto the page.
You should now see the WPForms widget settings on the left panel. Choose the WPForms form you want to customize in the field Contact form.
Here you will also be able to set a custom title and custom description for your form, as well as show or hide your form's title, description, labels, placeholder, and error messages.
On the Style tab, you can use the Title & Description settings to customize the title and description for your form.
You can use the Labels settings to customize the labels for your WPForms form.
You can use the settings Input & Textarea to customize the input fields and Text area of ​​your form.
You can use the Field Description parameters to customize the field description for your form.
You can use Placeholder parameters to customize the color of your form's placeholder.
You can use the settings Radio & Checkbox to customize the radio buttons and check boxes on your form.
You can use the settings of the Submit Button to customize the WPForms submit button.
You can use the settings Errors to customize WPForms error messages.
And you can use Confirmation Messages settings to customize WPForms confirmation messages.
It was a lot of tweaking!
By using WPForms with Elementor and PowerPack, you can customize WPForms the way you want without writing CSS code.
So why waste time looking for CSS code?
WPForms works well with Elementor and PowerPack plugins. And by using these plugins you will save a lot of time.
Now, if you are not a fan of free plugins and at all costs you want to find a premium WordPress plugin that will help you get there, we recommend the plugin. Elementor's Ultimate Addons. It works exactly the same as the PowerPack plugin you just saw above.
As you can see, using a plugin to achieve this result will save you precious time.
Discover also some premium WordPress plugins
You can use other WordPress plugins to give a modern look and optimize the grip of your blog or website.
We offer you here some premium WordPress plugins that will help you do that.
1. Gryphon SEO Tools
Gryphon SEO Tools is a powerful tool that will allow you to improve the SEO of your website. This premium WordPress plugin requires only a few configurations and will work on mobile devices as well as on desktop computers, regardless of the browser used.
Its features include: the availability of the Readability Score Test added to publications, the automatic addition of 'alt' and 'title' tags to all images, fully customizable layout, regular updates, available customer support and more.
Download | Demo | Web hosting
2. Calendarista
Calendarista is a premium WordPress plugin designed to provide an experience of online booking –Booking- faster and more efficient to your customers. Its objective is to make services very quick and easy to add for companies that offer the booking of sessions or appointments on the internet.
So if you are looking for a complete reservation system for a hotel, car rental company, apartment rental, travel agency, beauty salon, restaurant, etc.…, this plugin will be perfect for you.
Read this article on How to display all your WordPress publications on a single page
As features it offers among other things: 10 ready-to-use reservation system models, support for 3 payment gateways, WooCommerce support, the integration of a customizable form builder, Google Map support, an excellent calendar template for displaying your appointments, and much more.
Download | Demo | Web hosting
3. MailChimp Comments
MailChimp Comments is a WordPress extension which allows you to subscribe the commenters of your articles/pages via MailChimp . When users comment on something on your website, they are immediately added to your email subscription list.
Check out our 8 premium WordPress plugins for SEO of a blog
You can configure the plugin in relation to your users to avoid any violation (spam). MailChimp Comments is a perfect way to build a mailing list of your commenters.
Download | Demo | Web hosting
Recommended Resources
Find out about other recommended resources to help you build and manage your website.
- 7 WordPress plugins to combat spam
- 5 WordPress plugins for digital marketing
- 10 WordPress plugins to manage ads on your blog
- 6 WordPress plugins to create a restaurant website
Conclusion
Here ! That's it for this guide that will help you customize WPForms forms without writing CSS code. Do not hesitate to share with your friends on your favorite social networks.
However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on WordPress blog creation.
If you have suggestions or remarks, leave them in our section Comments.
...