Want to embed a weForms form directly into an Elementor layout? The weForms widget in aThemes Addons lets you select any form built with weForms and style it to match your site’s design.
In this guide, we’ll walk you through how to activate, configure, and style the weForms widget in aThemes Addons.
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. You’ll also need the weForms plugin installed and activated, with at least one form created.
Activating the weForms Widget
To enable the weForms widget, go to your WordPress dashboard and navigate to aThemes Addons » Widgets. Find weForms and toggle it on.
Once enabled, open any page in the Elementor editor, search for weForms, and drag the widget onto your page.
Configuring the Form
The Form section controls which form displays and how it’s laid out:
- Title – Set an optional title for the form.
- Form Title Tag – Choose the HTML tag for the title (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 container.
- Stretch Button? – Stretch the submit button to full width.
- Button Max Width – Set the maximum width of the submit button.
- Button Alignment – Align the submit button to the left, center, or right.
Styling the weForms Widget
Switch to the Style tab to customize every visual aspect of the form.
Container Style
- Background – Set the background color or gradient for the form container.
- Padding – Adjust the padding inside the form container.
- Border – Customize color, width, and radius.
- Box Shadow – Apply a box shadow to the container.
Title Style
- Color – Set the form title color.
- Typography – Customize the title font family, size, and weight.
Labels Style
- Color – Set the label text color.
- Typography – Customize label typography.
Fields Style
- Background Color – Set the field background.
- Text Color – Set the color of text inside fields.
- Placeholder Color – Customize placeholder text color.
- Border Radius / Border / Padding / Spacing – Fine-tune each field’s look and layout.
Button Style
- Typography / Text Shadow / Text Color – Customize the submit button text.
- Background / Border / Border Radius / Box Shadow / Padding – Style the button container.
- Hover Effects – Set the hover text color, background, and border.
Frequently Asked Questions
Below, we’ve answered some of the most common questions about the weForms widget.
Do I need the weForms plugin to use this widget?
Yes. The widget pulls forms from the weForms plugin, so it must be installed and activated, and you need at least one form built.
Can I change the submit button’s color and hover state?
Yes. The Button Style section in the Style tab covers text color, background, border, and dedicated hover options.
Can I use multiple weForms widgets on the same page?
Yes. Drop as many weForms widgets as you need and point each to a different form.
That’s it! You’ve successfully added and styled a weForms form on your WordPress site using the aThemes Addons weForms widget.
Next, would you like to add forms from a different plugin? Check out our guide on Using the WPForms Widget to learn more.
