How to Add Rich Text to WordPress Form

Add Rich Text to WordPress Form with RegistrationMagic

Rich Text allows the display of formatted content in your WordPress form. If you add rich text to WordPress form then you can use HTML tags available in WordPress editor. They offer complex content and users can format them as per their needs.

The Rich Text contents give scope to site builders to format them into bold, italic or underlined styles. Formatting a content is to alter the text size and modification of content features such as visibility and style.

In web development, Rich Text holds an important role. Formatting content in such a way so that it seeks user attention is the main function of Rich Text. In your registration page also, suppose you want your reader to read a certain line with more intent. Then formatting it a little differently from the others helps you.

Rich Texts can hold data on your form that you can format from the backend. Only a WordPress registration plugin that offers custom form fields allow insertion of Rich Texts in a form.

Rich Text comes as a Widget with this form builder plugin. So, being a widget it has the purpose of displaying form data as a read-only field. Users cannot edit these Rich Texts from the frontend.

However, RegistrationMagic also allows users to add custom user data Fields to create dynamic forms. These fields are not read-only in nature. They contain data fields on the forms where the users can input relevant content.

Tips: The custom fields of RegistrationMagic allow users to add date, gender, nickname, time zone, country, etc. fields. Users can even configure WordPress form number field to take user data in numerical value only.

So, let’s go ahead and add rich text to WordPress with the Rich Text Editor Widget of RegistrationMagic.

Adding Widgets to WordPress Forms

First, install the RegistrationMagic plugin on your WordPress dashboard. Next, you will find the RegistrationMagic plugin menu. From there click on the All Forms link to land on the All Forms Page.

Add Rich Text to WordPress navigation

The All Forms page contain all the forms that you create through this plugin. Here, each form contains its unique shortcode and two links called Fields and Dashboard on the form cover.

Add Rich Text to WordPress form dashboard

Now, click on the Fields link on the form cover to land on the Field Manager page. All the fields that you add to a form display serially on the Field Manager page. Besides, all fields added to a form from here stay unique to each form.

Add Rich Text to WordPress fields manager

So, click on Add Field at the top left corner of the Field Manager page. You will find a pop up appearing with all the custom fields and widgets of RegistrationMagic.

Add Rich Text to WordPress add fields

Add Rich Text to WordPress Form

Click on the Rich Text field from the All Fields pop up. Next, you will land on the Rich Text Widget page. This page is the WordPress text editor for your Rich Text widget.

Add Rich Text to WordPress widget

Fill the first field Label section with the text that you want to display on the form. Here, I wrote “Payment Instructions” since this will be my Label of the widget on the frontend.

Move down to the Content field. Here you will be able to write any information or announcement that you want to display on the form. The Rich Text Editor panel at the top of the content box will help you to rev up your statement.

As an example, we will be using the following phrase: “Please make the payment as soon as possible to avoid loss of connection”. This phrase will be visible to the user as a constant text on the form.

You can modify the text, insert paragraphs, add images, change fonts, alignment and even add media to it.

You can also, apply HTML code to format the text from here.

Then, you can apply a CSS Class defined in the Appearance or the theme CSS file. Lastly, click on Add to Form to finish your job.

The Rich Text Widget on your Frontend Form

Now, there is just one thing left to view your Rich Text content on your frontend form. Publish the form to appear on your site.

RegistrationMagic makes it very simple to publish forms on the frontend. Earlier I told you that each form has a unique shortcode on the form cover.

Add Rich Text to WordPress dashboard

Tips: With RegistrationMagic, you can display WordPress form using shortcode in a few simple steps. Paste the unique form shortcode in a new WordPress page and click on publish.

Now, go to the frontend of your site to view the form.

Add Rich Text to WordPress view form

In the above image of the form, you can see the Rich Text field marked in red. This way, RegistrationMagic offers various means to fix WordPress form design.

You can see the rich text widget in action here.

Usage of the Rich Text Editor Widget

If you are making any announcement or putting a disclaimer on your form then add rich text to WordPress. The Rich Text Editor of RegistrationMagic allows you to format that text so that it appears highlighted. You can even put a link on your Rich Text with the WordPress text editor. So that you can redirect your user to any page on your site. Or even you can put a sponsored link through rich text and earn revenue.

Besides, the Rich Text is a good mean to add an advertisement or an offer content on the form. Since you have the option to put color, change the font size and style of the text you can make it look catchy. Thus attract user attention to your WordPress registration page.

However, the default way to apply a Rich Text to your form is to add it through the WordPress page from you published your form.


You can see in the above image, there is a rich text applied to the content section of the registration form. There are similar options to format the text, change its style and alignment. Let’s see how the form appears on site.

Add Rich Text to WordPress frontend

In the above image of the form, marked in red is the rich text applied through WordPress Text Editor. The alignment and font look fine but the placement of the text is below the Submit button.

Thus we could not include the text in the form body section and it appears aloof from it. So, to gain better user attention on the rich text content it is better to keep it inside the form body. This is only possible through RegistrationMagic. Since the Rich Text widget of this plugin inserts the content within the form. Thus increasing the utility and visibility of the content.




    How to write the custom form field and post the information to a DB table when the form is submitted.

    1. RegistrationMagic

      Hi Desmond,

      You can use a hidden field and set its default value from the field settings. The field value will then be submitted with all form submissions. And the field itself will not be visible to the user when submitting the form.

Leave a Comment

Your email address will not be published. Required fields are marked *