eMember – How to edit message and/or redirect upon Edit Profile form submit

[sahmcolorado]

I would like to tweak the Edit Profile form confirmation messages and possibly redirect to a different page upon submit.

Here are the issues I’d like to address:

1. I have some text with instructions on the “Edit Profile” page above the form itself. When a member submits the “Edit Profile” form, this text, of course, remains and a confirmation message is displayed in place of the form below it. This text is difficult to notice since it is small and below the instructions that are still there. I’m looking for where I can change the appearance of confirmation message so that they stand out more, but would prefer to redirect the user to a confirmation page without my text.

I’ve seen this hook and wonder if I can use this to add an action that would redirect to a url, or maybe there is a simpler way?

eMember – Is it possible to have email to admin after customer update profile?

2. The “edit profile again” text is not highlighted so it is not obvious that it is a link. I’m looking for where to edit the css to give this a different style.

3. When the user changes the password, the message says that it is recommended to log out and log in again, but there is no link to log out. Can I add a log out link to the message here?

Thank you for your help!

Sandi

[sahmcolorado]

I found this HTML where Edit Profile form is placed on page:

<form action=”” method=”post” name=”wp_emember_profileUpdateForm” id=”wp_emember_profileUpdateForm”>

Can I edit the form action line to go to url ?

[admin]

1) Yeah you can use that hook to redirect the user to a different page after the edit profile form is submitted.

2) You should be able to target the link and apply CSS tweaks to it. For example: the following CSS tweak will make that link bold and apply blue color to it.

.emember_profile_updated_msg a {

color: blue;

font-weight: bold;

}

3) The following post explains how you can create a logout link for your members:

https://support.tipsandtricks-hq.com/forums/topic/custom-logout-link

[sahmcolorado]

Thank you. I’ll give that a try!

[sahmcolorado]

Can I have a logout link show up inside the profile updated message? I’m thinking of something like <a href="...">log out</a> in the existing message. Or maybe just have it show up only after the form is submitted as part of the form action? I’ve never used the form action hook. I really don’t know js.

[sahmcolorado]

I added the css you suggested and it effected only the link that says “Edit profile again.” Do you happen to know the class for the part that says “Your profile has been updated!” ?

Thanks so much for your help

[admin]

The following CSS class will affect whole profile updated message.

.emember_profile_updated_msg{

color: blue;

}

Remember, in CSS you need to target the link using the “a” property.

You can edit the member visible text message using the following technique:

https://support.tipsandtricks-hq.com/forums/topic/how-to-customize-various-textmessages-displayed-by-the-plugin

[sahmcolorado]

Thank you!

[Author]

Posts