Tuesday , May 21 2024
Home > Magezon Extensions > Blue Form Builder Tutorials > How to Add Placeholder Text to Magento 2 Forms

How to Add Placeholder Text to Magento 2 Forms

Add placeholder text to Magento 2 forms

Placeholder text is the text displayed inside an input field of a form that shows the users what they should type in. Placeholder text disappears when you start typing in the field. By using placeholders, the users will be able to fill your form fields correctly. That means you can collect the right information for further use.

In this article, I’ll show you how to add placeholder text to Magento 2 forms created by Blue Form Builder. 

How to Add Placeholder Text 

Step 1: First open the edit page of a form. In the builder section, hover over the element you want to add placeholder text and you’ll see a top bar. Hover over the element name on the bar and click Edit in the dropdown to open the settings of the element: 

Edit an element

Step 2: Open Advanced tab, then type the placeholder text in the Placeholder field. 

Add placeholder text

And this is how the placeholder text looks: 

Placeholder text

To Sum Up

That’s it. Simple, right? If you have any further questions, feel free to leave a comment below and we’ll contact you again.

Try FREE Blue Form Builder demo today

Create whatever type of Magento form in any style you want just in minutes. Just by drag & drop.

About Trang Vu

Trang Vu
Min is a content marketer with more than 2-year experience in Magento. She has great patience and high concentration ability to deal with every pressure at work.

Check Also

How to let users upload videos to Youtube

How to Let Users Upload Videos to Youtube from Magento 2 Forms

Sometimes you may want your site visitors to send you videos so that they can …

Leave a Reply