With AI Contact Form 7, you have the freedom to customize your Contact Form 7 forms according to your preferences. This addon allows you to create stunning layouts for your Contact Form 7, captivating your visitors and making it easier to engage with them.
How to set up the AI Contact Form 7:
Step 1: Search and find Contact Form in the search box under the Elements Tab. After that, easily drag and drop the widget wherever you want inside the Elementor section
Step 2: This is how the element will look after inserting the AI Contact Form 7 addon.
How to set up content for Contact Form 7?
Make sure Contact Form 7 is installed, activated, and ready to use before getting started, and then create the form. The created form will appear in the dropdown, select the one that you want to customize.
Choose the kind of layout from the drop-down menu in the Layout section, and then set it the alignment.
How to add Styles to the Contact Form 7 Box?
You can style each element like Box, Content, and Buttons separately. You can adjust the Background Colour, Font Colour, Box Shadow Enabled, Margin, Padding, Border Radius, and Typography under the General Section. You can customize for Normal Mode and Hover Mode separately.
Fields: You can adjust the Color, Background Colour, Border Type, Field Box Shadow, Margin, Padding, and Border Radius, under the Field Section. You can customize it for Normal Mode and Hover Mode separately.
Button: Set the button’s text’s typography in this area. For both Normal and Hover modes separately, change the Text color, Background Type, Button Width, Border Type, Border Radius, Box shadow, Padding, and Alignment.