Personalizar botões na página de checkout

No modelo de página de checkout padrão do MemberMouse, incluímos uma SmartTag que renderiza automaticamente um botão para cada método de pagamento ativo. Aqui está a SmartTag responsável por isso:

[MM_Form_Button type='all']

Para fornecer essa funcionalidade, é necessário controlar os estilos dos botões. Há algumas pequenas personalizações que podem ser feitas por meio de atributos SmartTag. Por exemplo, você pode alterar a cor e o texto do botão da seguinte forma:

[MM_Form_Button type='all' label='Buy Now' color='green']

Ter 2 botões separados em uma página de checkout

Muitas vezes, você desejará ter um botão exclusivo em seu site tanto para o gateway de pagamento local quanto para o gateway de pagamento externo. Para fazer isso, você precisa remover o botão [MM_Form_Button type='all'] de seu código e adicione um botão específico para cada gateway de pagamento.

Você pode usar esse código para o Onsite Payment Gateway:

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

class="mm-button blue large rounded">Registre-se com o Stripe</a>

E isso para o gateway de pagamento externo:

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

class="mm-button green large">Cadastre-se com o PayPal</a>

Você também pode usar uma imagem para o botão, usando um código como este:

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

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

Use esses snippets se quiser que os dois botões fiquem em locais diferentes na página de checkout ou se quiser ter mais controle sobre a aparência e a posição dos botões.

Controle total sobre os estilos de botões

Se quiser ter controle total sobre os estilos e o layout dos botões, poderá usar a seguinte configuração de SmartTag:

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

Isso simplesmente produzirá um link que envia o formulário para o método de pagamento que você especificou no atributo paymentMethod. Como ele gera apenas um link, é sua responsabilidade determinar como ele será exibido na tela usando a SmartTag com um atributo <a> tag ou <button> tag. Por exemplo, você poderia fazer o seguinte:

<a href="/pt/[MM_Form_Button type='submit' paymentMethod='paypal']/">Fazer checkout com o PayPal</a>

Observação: Quando você parar de usar o [MM_Form_Button type='all'] SmartTag que cria automaticamente um botão para cada método de pagamento ativo, você é responsável por criar cada botão que deseja incluir na página de checkout usando o [MM_Form_Button type='submit' paymentMethod=''] Configuração do SmartTag.

Leia este artigo para Documentação completa sobre o SmartTag Form_Button.

Este artigo detalha os atributos que você pode usar para estilizar os botões na página Checkout.