Switch Between Membership Levels or Products on a Checkout Page

Switching between memberships level or products on the checkout page is easy and can be accomplished in a couple of ways: by using buttons or using a drop down.

Use Buttons

Follow the steps below to switch between membership levels or products using buttons:

1. En el menú de WordPress, haga clic en Páginas and find the default Checkout core page. It will be the one where you see the ‘orange flad' in the Tipo de página principal column. Click on this page to edit it.
   
   
2. Get the static purchase link for the membership level or product your want to allow the customer to switch to. Read this article to aprenda a obtener el enlace de compra estático.
   
   For example, the static link could be something like:
   http://yourdomain.com/checkout/?pid=4.
   
   
3. Find the place in your HTML where you have inserted your button code and copy and paste the following:
   
   <a href="/es/{purchase_link_url}/">Starter</a>
   
   Just replace ‘purchase_link_url' with your purchase link URL:
   
   <a href="/es/yourdomain.com/checkout/?pid=4">Starter</a>
   
   
   An example of what the final code with botón y enlace de compra would look like, is shown below:
   
   <a class="mm-button blue large" href="yourdomain.com/checkout/?pid=4">Starter</a>
<a class="mm-button blue large" href="yourdomain.com/checkout/?pid=5">Builder</a>
<a class="mm-button blue large" href="yourdomain.com/checkout/?pid=6">Growth</a>
   
   
4. Save your changes. Now when a customer clicks any of those links the checkout page will reload with the appropriate membership level or product.
   
   

Use a Drop Down

Siga los pasos que se indican a continuación para cambiar entre niveles de afiliación o productos mediante un desplegable:

1. En el menú de WordPress, haga clic en Páginas and find the default Checkout core page. It will be the one where you see the ”orange flag' in the Tipo de página principal column. Click on this page to edit it.
   
   
2. Haga clic en el botón Texto en la esquina superior derecha del editor de contenidos para pasar a utilizar el editor de texto.
   
   
3. Encuentra el lugar en tu HTML donde quieres insertar el desplegable y copia y pega lo siguiente:
   
   <select name="subscriptions" 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 or 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 aprenda a obtener el enlace de compra estático.
   
   Por ejemplo, el enlace estático podría ser algo como 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.
   
   Este es un ejemplo de un menú desplegable completo:
   
   <select name="subscriptions" onchange="window.location=this.options[this.selectedIndex].value;"> <option value="">Choose a Membership</option>
<option value="yourdomain.com/checkout/?pid=1">Free Membership</option>
<option value="yourdomain.com/checkout/?pid=2">Paid Membership</option> </select>