Personalizar los botones de la página de pago

In MemberMouse’s default checkout page template we include a SmartTag that automatically renders a button for each active payment method. Here’s the SmartTag responsible for this:

[MM_Form_Button type='all']

In order to provide this functionality it’s necessary for us to control the styles of the buttons. There is some minor customization you can do via SmartTag attributes. For example, you can change the color and the button text as follows:

[MM_Form_Button type='all' label='Comprar ahora' color='verde']

Tener 2 botones separados en una página de pago

Muchas veces, usted querrá tener un botón único en su sitio tanto para su Pasarela de Pago Onsite como para su Pasarela de Pago Offsite. Para ello, debe eliminar el botón [MM_Form_Button type='all'] de su código, y añada un botón específico para cada pasarela de pago.

Puede utilizar este código para la pasarela de pago in situ:

<a href="/es/[MM_Form_Button type='submit' paymentMethod='default']/" 

class="mm-button blue large rounded">Registrarse con Stripe</a>

Y esto para la pasarela de pago externa:

<a href="/es/[MM_Form_Button type='submit' paymentMethod='paypal']/"

class="mm-button green large">Registrarse con PayPal</a>

También puede utilizar una imagen para el botón, utilizando un código como este:

<a href="/es/[MM_Form_Button type='submit' paymentMethod='paypal']/">

<img src="http://www.paypalobjects.com/en_US/i/btn/x-click-but5.gif"></a>

Utilice estos fragmentos si desea que los dos botones estén situados en lugares diferentes de la página de pago o si simplemente desea tener un mayor control sobre el aspecto y la posición de los botones.

Control total sobre los estilos de los botones

Si desea tener un control total sobre los estilos y la disposición de los botones, puede utilizar en su lugar la siguiente configuración SmartTag:

[MM_Form_Button type='submit' paymentMethod='paypal']

Esto simplemente mostrará un enlace que envía el formulario al método de pago especificado en el atributo paymentMethod. Dado que sólo genera un enlace, es su responsabilidad determinar cómo se mostrará en la pantalla utilizando la SmartTag con un atributo <a> etiqueta o <button> etiqueta. Por ejemplo, puede hacer lo siguiente

<a href="/es/[MM_Form_Button type='submit' paymentMethod='paypal']/">Pago con PayPal</a>

Nota: Una vez que deje de utilizar el [MM_Form_Button type='all'] SmartTag which automatically creates a button for each active payment method, you’re responsible for creating each button you want included on the checkout page by using the [MM_Form_Button type='submit' paymentMethod=''] Configuración SmartTag.

Lea este artículo para documentación completa sobre el SmartTag Form_Button.

En este artículo se detallan los atributos que puede utilizar para estilo de los botones en la página de pago.