Documentation / plugins / WYSIWYG User Field, now available in Profile Builder

WYSIWYG User Field, now available in Profile Builder

Adrian Spiac
Last Updated: 10/02/15

The list of custom field types you can add to the user profile with Profile Builder has now expanded to include the WYSIWYG User Field.

Your users will now be able to add, edit and format their profile information making use of all the functionality of a Rich Text Editor. The same editor you’ve been used to when editing Posts and Pages in WordPress.

The WYSIWYG User Field is powered by WordPress default TinyMCE editor.

wysiwyg-field

The WYSIWYG field type allows you to add a Rich Text Editor field to the user profile (both front-end and back-end).


Creating a new WYSIWYG User Field

To add a WYSIWYG custom field to the user profile, simply go to Manage Fields tab in Profile Builder. Then, in the Fields drop-down, select the WYSIWYG field type.

wysiwyg-manage-fields-dropdown

Adding a WYSIWYG to the user profile fields.

After inserting a Field Title, decide if this field is required or not, and click “Add Field” to add this field to the user profile.

The WYSIWYG user field will now appear on both front-end Register and Edit-profile forms.

Front-end Edit Profile form containing a WYSIWYG user field.

Please note: The “Add Media” button will appear only to logged in users, with the default role of Author or above.
For custom user roles the “Add Media” button will display only if those roles have the following capabilities (Upload files, Edit published pages, Edit other pages). This is the way the core WordPress TinyMCE works.

Displaying the WYSIWYG User Field

You can easily display the WYSIWYG content (as well as the rest of the user fields) in the front-end using the User Listing module.

You’ll have access to a specific tag in the available variables list which can be used in the Single Userlisting template.

wysiwyg-single-userlisting

This will output all the HTML generated by the WYSIWYG field.

Single Userlisting page displaying the user profile information.

Single Userlisting page displaying the user profile information.

Note: The WYSIWYG field type is available in Profile Builder Hobbyist and Pro, starting from version 2.1.0.

From the blog

Related Articles

Profile Builder Update: No More Profile Builder Hobbyist?

Author: Flavia Mezzetti
Last Updated: April 26th, 2023

If you’re already a Profile Builder user, you might have noticed some changes around here in the past few weeks. And that’s especially if you’ve purchased the Hobbyist version of Profile Builder. And you’d be right! Some changes did take place within the plugin, and thus, that’s what we’ll talk about in this blog post, […]

Continue Reading
buddypress_pb_banner_01

How to Build Online Communities Using Profile Builder & BuddyPress

Author: Patricia Borlovan
Last Updated: August 15th, 2023

Building a WordPress community website can be a great idea not only because you can control the experience of the user, manage SEO and inbound traffic, but also because I think a community is more about nurturing a constant, active presence and happy experience. If we speak about the integration between our Profile Builder & […]

Continue Reading
The bbPress and Profile Builder integration add-on.

Extend bbPress User Profile with bbPress Add-on for Profile Builder Pro

Author: Patricia Borlovan
Last Updated: April 26th, 2023

Enabling User Profiles for your website can have several benefits, especially if your type of business requires interaction among users. To build forums with user profiles for WordPress-based websites, there are several plugins available, but we will particularly talk about bbPress User Profiles. The Pro Version of our Profile Builder plugin now supports bbPress integration and forum […]

Continue Reading

6 thoughts on “WYSIWYG User Field, now available in Profile Builder

    How can i insert my company logo into all email responses to my clients?

    Reply

    WYSIWYG not showing on front end when viewing profile. pls help

    Reply

    Hi Mayo,
    Please get in touch via our dedicated support channel. One of my colleagues will assist you and I’m sure we’ll get to the bottom of this.
    Thanks,

    Reply

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.