Go to athemes.com

weForms

The weForms Widget allows you to easily add and customize forms on your website using weForms. This widget is perfect for creating contact forms, surveys, and other types of forms.

Activate the widget

This widget is part of the aThemes Addons for Elementor plugin. To activate it, go to your admin area, visit the aThemes Addons dashboard, search for the widget, and click on the switch to activate it. It will now be available in your Elementor interface.

Widget options

Form Section

  • Title: Set a title for your form.
  • Form title tag: Choose the HTML tag for the form title (e.g., H1, H2, H3, etc.).
  • Select your form: Choose a form from the weForms plugin.
  • Form alignment: Align the form to the left, center, or right.
  • Content alignment: Align the content within the form to the left, center, or right.
  • Form width: Adjust the width of the form.
  • Stretch button?: Toggle to stretch the submit button to full width.
  • Button max. width: Set the maximum width for the submit button.
  • Button alignment: Align the submit button to the left, center, or right.

Style tab

Customize the appearance of your forms under this tab. You have a variety of options to ensure the widget matches your website’s design and branding perfectly.

Container Style

  • Background: Set the background color or gradient for the form container.
  • Padding: Adjust the padding inside the form container.
  • Border: Customize the border settings, including color, width, and radius for the form container.
  • Box Shadow: Apply a box shadow to the form container.

Title Style

  • Color: Set the color of the form title.
  • Typography: Customize the typography of the form title.

Labels Style

  • Color: Set the color of the form labels.
  • Typography: Customize the typography of the form labels.

Fields Style

  • Background color: Set the background color for the form fields.
  • Text color: Set the color of the text inside the form fields.
  • Placeholder color: Customize the color of the placeholder text in the form fields.
  • Border Radius: Adjust the border radius for the form fields.
  • Border: Customize the border settings for the form fields.
  • Padding: Adjust the padding inside the form fields.
  • Spacing: Set the spacing between the form fields.

Button Style

  • Typography: Customize the typography of the submit button.
  • Text Shadow: Apply a text shadow to the submit button text.
  • Text Color: Set the color of the submit button text.
  • Background: Customize the background color or gradient for the submit button.
  • Border: Customize the border settings for the submit button.
  • Border Radius: Adjust the border radius for the submit button.
  • Box Shadow: Apply a box shadow to the submit button.
  • Padding: Adjust the padding inside the submit button.
  • Hover Effects: Customize the hover effects for the submit button, including text color, background, and border.

These style options ensure that your forms look professional and integrate seamlessly with your site’s overall design.

Usage tips

  • Ensure you have the weForms plugin installed and activated to use this widget.
  • Utilize the form alignment and width options to fit the form perfectly within your page layout.
  • Take advantage of the style options to make the form match your website’s design and branding.
  • Regularly update weForms to access new features and security updates.

Conclusion

The weForms Widget is a powerful tool for adding and customizing forms on your website. With extensive options, you can tailor the appearance and functionality to meet your needs and provide an engaging user experience.