Widget Builder Textarea Field

When a custom widget needs more than a single line, the Textarea field is the one to use. It gives editors a multi-line box for paragraphs, descriptions, and any longer block of plain text. Inside the Master Addons Widget Builder, you drop a Textarea field into your widget panel, name it, and its shortcode prints whatever the user types into your HTML, CSS, or JS.

It works like the Text field, with one extra control: Rows, which sets how tall the input box is. Use the Text field for short single-line strings like a headline, and the Textarea field for the paragraph that sits under it.

What the Textarea field does #

The Textarea field renders a multi-line text input in the widget’s option panel. When someone edits your custom widget in Elementor, they type into that box and your widget outputs the text wherever you placed the matching shortcode. Line breaks and longer copy are no problem, which is what sets it apart from the single-line Text field.

For text that needs formatting like bold, links, or lists, use the WYSIWYG field instead. The Textarea field is for plain multi-line text. New to building widgets? Start with the Widget Builder overview.

Before you start #

• WordPress with Elementor installed and active.
• Master Addons for Elementor installed and active. New to the plugin? See the installation guide.
• A custom widget open in the Widget Builder editor.

How to add a Textarea field #

In the Widget Builder editor, find the fields panel on the left and drag the Textarea field into a section under the Content, Style, or Advanced tab. Description and paragraph fields usually belong under Content. Once the field is in place, its options open on the left and its shortcode appears in the Documentation sidebar next to the code editor.

Textarea field options explained #

Select the Textarea field to open its settings. These options control how the input looks and behaves in Elementor.

• Label: the text shown above the field in Elementor, for example “Description”.
• Name: the unique identifier for the field. It must contain only letters, numbers, and underscores. This name becomes your shortcode, so a field named description gives you {{description}}.
• Description: optional helper text shown below the field to explain what it controls.
• Placeholder: the faint hint shown when the box is empty. It guides the editor without setting a real value.
• Rows: how many lines tall the input box is. The default is 3. Bump it up for longer copy so editors can see more text at once.
• Default Value: the starting text. Set a sample paragraph here so the widget looks finished before anyone edits it.

Common settings: responsive, dynamic, and more #

Below Default Value you get the same Common Settings as every other field in the builder. The ones you will reach for most:

• Show Label and Label Block: control whether the label shows and where it sits.
• Responsive Control: let editors set different text for desktop, tablet, and mobile.
• Dynamic Support: enable Elementor dynamic tags so the field can pull its value from a source like the post excerpt.
• Frontend Available: expose the value to frontend JavaScript when your widget’s JS needs to read it.
• Separator and Conditions: add a divider, or show and hide the field based on another control.

These behave the same way they do on the Text field, so the Text field documentation covers each one in detail.

Connect the field to your code #

Every Textarea field generates a shortcode from its Name. A field named description produces the token {{description}} in the Documentation sidebar. Drop that token into your HTML where the paragraph belongs, usually inside a <p> tag.

In a hero layout, the pattern is simple: the Text field token sits in the <h1>, and the Textarea token sits in the <p> below it. Save the widget, and both lines print whatever values the user enters in Elementor. The same token works in your CSS or JS too if you need the text there.

Use the Textarea control in Elementor #

Drag your custom widget onto a page and open it in the Elementor editor. The Textarea field shows up as a multi-line box with your label, placeholder, and default value already filled in. Type or paste your copy and the widget updates live on the canvas.

Because it is a standard Elementor control, it sits right alongside the rest of your widget’s fields. If you turned on Dynamic Support, the dynamic tags icon shows up next to the box so editors can pull the text from a source instead of typing it. One small thing to remember: the Textarea outputs plain text, so a line break in the box becomes a line break, not a new paragraph. If you need real paragraph tags, that is a job for the WYSIWYG field.

Textarea vs Text vs WYSIWYG #

The builder gives you three text inputs. Pick the one that matches the content:

Common use cases #

• Hero descriptions under a headline.
• Section intros and feature blurbs.
• Card or testimonial body text.
• Short bios and about-us copy.
• Any plain paragraph an editor should be able to change without code.

Tips for working with the Textarea field #

• Set Rows to fit the content. Three rows suit a short blurb. Use five or more for longer descriptions so editors are not fighting a tiny box.
• Always add a Default Value. It keeps the widget looking complete the moment it is dropped on a page.
• Name the field clearly. description reads better in your code than field_2, and it becomes the shortcode.
• Reach for WYSIWYG only when you need formatting. Plain paragraphs stay cleaner in a Textarea.
• Build the field before referencing its shortcode. The token exists only after the field is on the panel.

Frequently Asked Questions #

Wrapping up #

The Widget Builder Textarea field is the easiest way to make a paragraph in a custom Elementor widget editable. Name it, set the rows, add a default, and drop its shortcode in your code. After that, anyone can update the copy from Elementor without touching the markup. Have a look at the rest of the Master Addons widgets and extensions, and check the pricing page for what each plan includes.