Personalizar botões na página de checkout

Estilos de botão padrão

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 você pode fazer por meio dos 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 no local quanto para o gateway de pagamento externo.

Para fazer isso, você precisa remover o MM_Form_Button type='all' do seu código e adicionar um botão específico para cada gateway de pagamento.

Use 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 do SmartTag™:

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

Isso simplesmente produzirá um link que envia o formulário para o método de pagamento especificado 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: Depois que você parar de usar a SmartTag [MM_Form_Button type='all'], que cria automaticamente um botão para cada método de pagamento ativo, você será responsável por criar cada botão que deseja incluir na página de checkout usando a configuração da SmartTag [MM_Form_Button type='submit' paymentMethod="].

Leia este artigo para documentação completa sobre o SmartTag MM_Form_Button™.

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