Styling Contact Form 7 by using Enfold layout shortcodes

Hello everyone,
There are a couple of solutions outlined here https://kriesi.at/support/topic/styling-contact-form-7-as-enfold-contact-form/ and here https://kriesi.at/support/topic/styling-contact-form-7-like-enfold-contact-forms/

But I have tried out a more elegant solution, which would avoid using HTML and use only shortcodes inside the CF7 post. For this solution you would need to install the https://wordpress.org/plugins/contact-form-7-shortcode-enabler/ plugin. And then you can use native Enfold shortcodes like this:

[av_one_half first][checkbox product "Pack of paper" "Box of pencils"][/av_one_half][av_one_half][number* number placeholder "How many pieces *"][text* your-fname placeholder "First Name *"][text* your-lname placeholder "Last Name *"][email* your-email placeholder "Email *"][tel your-phone placeholder "Phone"][text your-address placeholder "Your address"][/av_one_half]
[av_hr class='invisible' height='10']
[av_one_half first][recaptcha][/av_one_half][av_one_half][submit class:avia-button class:avia-color-custom class:button-submit class:avia-size-large class:avia-position-left "Request The Quote"][/av_one_half]

To get something like this:

• This topic was modified 6 years ago by Konstantin.