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:

    <form name="changeMemLevel" onsubmit="return redirectTo(this)">                    
    <select id="menu">
      <option value="https://yoursite.com/checkout/?rid=p1rdTS">Membership Level 1</option>
      <option value="https://yoursite.com/checkout/?rid=pZBe67">Membership Level 2</option>
      <option value="{purchase_link_url}">{item_name}</option>
    </select>
    <input type="submit" id="UpGrdBtn" value="NEXT">
    </form>



  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:

    <form name="changeMemLevel" onsubmit="return redirectTo(this)">                    
    <select id="menu">
      <option value="https://yoursite.com/checkout/?rid=p1rdTS">Membership Level 1</option>
      <option value="https://yoursite.com/checkout/?rid=pZBe67">Membership Level 2</option>
      <option value="{purchase_link_url}">{item_name}</option>
    </select>
    <input type="submit" id="UpGrdBtn" value="NEXT">
    </form>



  5. Include the following script in your WordPress content at the top:
    Note - Due to how WordPress handles the <script> tag, you will either need to work with a developer to Disable WordPress filtering of script tags, or use a plugin such as Scripts n Styles to enable scripts in order for the following code to work on your site.   

    <script>
    function redirectTo(elem) { event.preventDefault(); top.location.href = elem.firstElementChild.options[elem.firstElementChild.selectedIndex].value }
    </script>


After following these steps, this functionality will allow your users choose their desired Membership level, and then send them to the checkout page upon clicking the "Next"(submit) button.