In this documentation, we will show you how to customize the WebHook Form widget presented by the Element Pack add-on.
Insert WebHook Form widget
Open your page in the Elementor editor, search by the WebHook Form widget name, and then drag and drop it.
Content Tab Customization
Form Fields Section
Go to Content > Form Fields
Find the Content > Type, Label, Field Name, Placeholder, and Column Width options.
Then find the Advanced > Default Value and Required options.
The Make a Select Fields find the Type, Label, Field Name, and Options Options.
To add new Form Fields click on the “ + Add Item ” button.
Form Layout Section
Go to Content > Form Layout
Find the Label, Input Size, and Text Align options.
Submit Button Section
Go to Content > Submit Button
Find the Text, Size, and Alignment options.
Style Tab Customization
Form Style Section
Go to Style > Form Style
Find the Field Space and Column Space options.
Label Section
Go to Style > Label
Find the Spacing, Text Color, and Typography options.
Fields Section
Go to Style > Fields
Find the Text Color, Placeholder Color, Background Color, Border Type, Width, Color, Border Radius, Box Shadow, Padding, and Typography options.
Then find the Background and Border Color options.
Submit Button Section
Go to Style > Submit Button
Find the Text Color, Background Color, Border Type, Border Radius, Padding, and Typography options.
Then find the Text Color, Background Color, and Animation options.
Results Section
Go to Style > Results
Find the Color, Background Color, Border Type, Border Radius, Box Shadow, Typography, and Padding options.
Video Assist
The WebHook Form Video Tutorial Coming Soon. Please visit the demo page for examples.
Thanks for being with us.
