1. Home
  2. AccessAlly
  3. Searchable Member Directory & Custom User Profiles
  4. How to Set Up Profile Pages For Your Membership Site Users

How to Set Up Profile Pages For Your Membership Site Users

AccessAlly allows you to add dynamic text/image to a page that is uniquely based on the logged in user. This function allows you to create a profile page where each user can see and update their own information.

The tutorials on this page will show you how to create a Profile Page for your membership site. Please note that a basic understanding of coding IS REQUIRED for this feature. If you have any questions, don’t hesitate to reach out to your developer or our support team.

The design of your Profile page is dependent on your WordPress theme and CSS code. AccessAlly ONLY provides the user-specific functionality.

How To Update Profile and Address Information

This video tutorial shows you how to set up a basic user profile page.

The shortcode for adding profile information is:

[accessally_inline_profile]

For more specific shortcodes to use, click on the toggle:

AccessAlly User Profile Shortcodes

The most basic use of the profile shortcodes is to show the user’s basic information (read-only mode):

    • Full Name: [accessally_inline_profile attr="name"]
    • First Name: [accessally_inline_profile attr="first_name"]
    • Last Name: [accessally_inline_profile attr="last_name"]
    • Login: [accessally_inline_profile attr="user_login"]
    • Email: [accessally_inline_profile attr="user_email"]
    • Website: [accessally_inline_profile attr="user_url"]
    • Bio: [accessally_inline_profile attr="description"]

 

How to Make Profile Information Editable (Developer only)

By default, the profile shortcode is in Read Only mode, so it only displays the value as it already exists in your membership website.

 

If you’d like the users to be able to edit the content, the shortcode can be set to Edit mode. Turn on Edit mode by setting the “readonly” parameter to “no”. This will reveal an edit icon, allowing the user to update the attribute.

BEFORE:

[accessally_inline_profile]

AFTER:

[accessally_inline_profile attr="name" readonly="no"]

NOTE: if a user edits or updates the Name, First Name, or Last Name via the shortcode, it will automatically update the corresponding fields in the CRM system.

The shortcodes for updating the most common information are:

  • Full Name: [accessally_inline_profile attr="name" readonly="no"]
  • First Name: [accessally_inline_profile attr="first_name" readonly="no"]
  • Last Name: [accessally_inline_profile attr="last_name" readonly="no"]
  • Bio: [accessally_inline_profile attr="description" readonly="no"]

 

Additional customizations for profile display (Developer only)

You can control the text on the edit button through the “button” parameter. This is only an option when you have the editable inline profile enabled.

[accessally_inline_profile attr="name" readonly="no" button="Update"]

For profile attributes with a lot of text (such as “Bio”), the “multi” parameter can be set to “yes”. This can only be used with editable inline profiles.

[accessally_inline_profile attr="name" readonly="no" multi="yes"]

When the edit button is clicked, a text area (instead of a one-line text box) is shown for the user to enter the necessary information.

The “ORDER” parameter controls whether the edit button appears before or after the attribute display. By default, it is set to “normal”, where the button appears after the attribute value. When set to set to “reverse”, the button appears before the attribute value. This is useful when you have multi-line editable profile attributes.

[accessally_inline_profile attr="description" readonly="no" multi="yes" order="reverse"]

 

Advanced Usage (Developer only)

The [accessally_inline_profile] shortcode can be used to show/update any user-specific text in addition to the basic examples included above.

For example, you can show/update a user’s favorite movie by using the following shortcode:

Your favorite movie is [accessally_inline_profile attr="favorite_movie" readonly="no"]

All you need to do is to pick an appropriate “attr” name for the quantity (doesn’t conflict with existing values).

There are certain attributes that are reserved for system use, and they cannot be used as an editable inline profile “attr”:

  • ID
  • user_login
  • user_pass
  • user_nicename
  • user_email
  • user_url
  • user_registered
  • display_name

 

Profile Image (Developer only)

The shortcode for showing the profile image is:

[accessally_profile_image]

By default, the profile image is the image on Gravatar.

Similar to [accessally_inline_profile], you can set the “readonly” attribute to “no” which will allow the user to update the profile image.

You can use the “label_text” and “button_text” to customize the text on the update button.

An example code snippet is as follows:

Profile image [accessally_profile_image readonly="no" label_text="Upload a new file" button_text="Browse"]
Updated on December 28, 2017

Related Articles