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.
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.
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.
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.
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 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.
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.
Now, go to the frontend of your site to view the 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.
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 Set up Two Factor Authentication in WordPress - April 4, 2019
- How to Edit or Replace Default WordPress Registration Form - April 2, 2019
- How to Check WordPress Form Submission in Dashboard - March 29, 2019
- How to Allow Users to Edit WordPress Forms After Submission - January 31, 2019
- WordPress Class Registration Plugin – Enrol Users, Collect Payments & More - November 28, 2018
- WordPress User Management Plugin Guide - November 27, 2018
- How to Allow WordPress Login and Registration using Email - October 5, 2018
- How to Display WordPress Member Directory - October 1, 2018
- How to Disable WordPress Admin Bar for all Users Except Admin - September 29, 2018
- How to Disable New User Notification Emails in WordPress - September 28, 2018