Contact form 7 notifications and submit button editing

My website is verdenergia.org

I have three forms created in convert plus form which I am trying to recreate on the same page with contact form 7 on these pages: https://www.verdenergia.org/pdc-registration/ ; https://www.verdenergia.org/verdenergia-internship-application/ ; https://www.verdenergia.org/participation-application/

I need help with two things: CSS styling and submission notifications

CSS styling:
I want the background colors of the contact form 7 forms to be the same as the convert plus forms above them on the pages linked above. And, I want to replicate the submit button (which looks invisible until hovered over at the bottom left of the form) in the same design as the submit button on the convert plus form.

Submission notifications:
I have the contact form 7 forms set up so that notification of the emails are sent to the emails I want them submitted to. However, I want for the entire submitted form to be displayed in my email when submitted. Or if that is not possible, I want the field label (NOT the field name) and the answer to that field label shown in the notification email.

How can we do this?

Hi @Web_Services,

Thanks for reaching out.

We’re not the author of Contact Form 7 so we can’t directly provide customization related to it. But, you may check this documentation from them. https://contactform7.com/styling-contact-form/

And this video may help you as well

And instead of matching the site, you may use your existing ConvertPlus form as a reference for styling.

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.