1. Home
  2. Knowledge Base
  3. Tips, Tricks and Customizations
  4. Tips and Tricks
  5. Create a Drop Down Menu to allow for Upgrading or Downgrading on the ‘My Account’ page

Create a Drop Down Menu to allow for Upgrading or Downgrading on the ‘My Account’ page

This is not an official feature in MemberMouse. Therefore it is up to you or your developer to implement this properly and the MemberMouse Customer Success Team cannot provide any support.

Upgrading or downgrading between membership levels on the ‘My Account' page can be accomplished in many different ways, all requiring varying levels of modification. Below is an example of how you can get this accomplished using a Drop Down Selector.

Use a Drop Down to Allow Your Members to Upgrade/Downgrade

Follow the steps below to switch between membership levels or products using a drop down:

  1. In the WordPress menu click Pages and find the default My Account core page. It will be the one where you see an orange flag in the Core Page Type column for the “My Account” page. Click on this page to edit it.

  2. Click the Text tab in the upper right corner of the content editor to switch over to using the text editor.

  3. Find the place in your HTML where you want to insert the drop down and copy and paste the following:

    <select name="levels" onchange="window.location=this.options[this.selectedIndex].value;"> <option value="select">Choose a Membership</option>
    <option value="{purchase_link_url}">{item_name}</option> </select>

  4. For each membership level/product you want the customer to be able to switch between, add an option by using this template: <option value=”{purchase_link_url}”>{item_name}</option>

    Just replace {item_name} with the text you want displayed to the customer in the drop down and replace {purchase_link_url} with the static purchase link URL associated with the membership level or product. Read this article to learn how to get the static purchase link.

    For example, the static link could be something like http://yourdomain.com/checkout/?pid=4.  You will want to leave the first option as placeholder text, as you will need to change the existing option in order for the link to work.

    Here's an example of what a completed drop down menu looks like:

    <select name="levels" onchange="window.location=this.options[this.selectedIndex].value;"> <option value="">Choose a Membership</option>
    <option value="yourdomain.com/checkout/?mid=1">Free Membership</option>
    <option value="yourdomain.com/checkout/?pid=1">Paid Membership</option>

After following these steps, this functionality will allow your users choose their desired Membership level, and then send them to the checkout page.

Was this article helpful?

Related Articles

Can’t find the answer you’re looking for?

Reach out to our Customer Success Team
Contact us!