The User Profile Element can be used to allow your members to update their information such as name, email, as well as their password.
You can find this element by searching for User Profile, or just Profile in the element sidebar.
After you drag the element into the column you want to add it to, you'll see some design options on the left sidebar. You can choose one of those or customize the default design.
The User Profile element toolbar has several options. We won't go over all of these as they are similar to other forms such as our Login & Signup form, Contact Forms, and Optin/Checkout forms, and can be edited in similar ways.
To edit the User Profile element, you can click on any part of the element, and then click on "User Profile" in the OptimizeBuilder breadcrumb menu at the top of your screen as that would focus the main element toolbar:
Then click the envelope icon to edit the User Profile element options. Click "Edit Element" to open the User Profile element wizard to choose the fields and form's Post Action.
First, you'll see the option to choose which fields you want. A blue outline indicates the field is selected to be shown on the form. You can click to deselect or select the field.
Next, you'll choose whether to simply refresh the page after the form is submitted, or redirect to a specific URL.
Finally, well see a summary of the options selected in the User Profile setup wizard. Click the "Close" button to exit the setup wizard.
To edit the User Profile element headline, simply click on the text and you'll see the element toolbar. Note that some options are excluded due to this being a child element of the User Profile, but you can edit the text, font size, font color, etc.
As with the headline, you can click on the button and edit the button text and styles as you would with other buttons. You can see here I changed the button text from the default "Submit" text.
Each field in the User Profile element can be edited. For example, you can click the field, click the input icon, and change the default text there. This will only show when there is no data available, such as if the field was never filled when the user was first added to your site.
There are many options in the Input toolbar. You can change font options, colors, as well as borders, shadows, and other settings.
Please note that the password field will never be automatically filled for security reasons since WordPress stores passwords as encrypted data.
Elements which are specific to membership features, or features for users, are "multi-state" elements. This means you can edit the element state as a logged in user, or logged out user at minimum. Some other elements such as our Module & Lesson List element have other states for dripped or locked content as well.
To edit the logged out state for the user profile element, simply go back to the main element toolbar and click the Envelope icon. Then click the "Logged Out state" tab and toggle the switch to "Yes"
Once you do that you'll see the User Profile form switches to the logged out state where you can edit the background and text.
To view the changes to the Logged Out State you can open the page in a browser you are not logged into or in an incognito window.
Can I use the User Profile element for any membership plugin?
Yes you may use this element for any membership site as this pulls in the fields from the WordPress users area.
Is there a way to hide the element if the user is not logged in instead of showing the logged out state?
This is not possible currently, however you could use the Custom Experiences feature to hide the element for logged out users by creating the experience for a logged in user, and then hiding the default experience. For further help with custom experiences please see our support article.
If you need further help with the User Profile element, or any other OptimizePress features, please reach out to our support team and they'll be happy to help.
