Apresentação do smartForm
O formulário inteligente (smartForm) permite integrar um túnel de pagamento fluído e apresentar diferentes meios de pagamento.
O comprador seguirá seu túnel de compra sem sair do site EC.
Principais evoluções do formulário incorporado (cartões)
O formulário inteligente (smartForm) permite fazer evoluir o formulário incorporado (cartões), disponibilizando novas funcionalidades. Se desejar migrar, clique aqui
Lista de meios de pagamento compatíveis
Consulte a lista dos meios de pagamento compatíveis.
Caso de uso
| Descrição | Modo lista (default) |
|---|---|
| Este modo apresenta em forma de lista, o botão de pagamento por cartão e os botões dos meios de pagamento compatíveis. |  |
Consulte este link parainformações adicionais :
modo lista
| Descrição | Modo pop-in |
|---|---|
| Este modo apresenta um único botão que abre uma janela pop-up com o botão de pagamento por cartão e os botões dos meios de pagamento compatíveis. |
Consulte este link parainformações adicionais :
modo pop-in
| Descrição | Modo lista com cartão incorporado |
|---|---|
| Este modo exibe os campos incorporados para o pagamento com cartão e os meios de pagamento compatíveis. |  |
Consulte este link parainformações adicionais :
modo lista com cartão incorporado
| Descrição | Modo lista (default) |
|---|---|
| Voici une illustration pour mettre en avant le Virement SEPA (Initiation de Paiement). Exibe os campos de pagamento por cartão e um botão do meio de pagamento compatível da sua escolha. |  |
Consulte este link parainformações adicionais : destacar um meio de pagamento.
| Descrição | Modo pop-in |
|---|---|
| Voici une illustration pour mettre en avant le Virement SEPA (Initiation de Paiement). Elle affiche un bouton pour le paiement par cartes et un bouton du moyen de paiement compatible de votre choix. |  |
Consulte este link parainformações adicionais :
destacar um meio de pagamento.
| Descrição | Modo lista com cartão incorporado |
|---|---|
| Voici une illustration pour mettre en avant le Virement SEPA (Initiation de Paiement). Exibe os campos de pagamento por cartão e um botão do meio de pagamento compatível da sua escolha. |  |
Consulte este link parainformações adicionais :
destacar um meio de pagamento.
| Descrição | Modo lista com cartão incorporado |
|---|---|
| Voici une illustration pour mettre en avant plusieurs moyens de paiement : le Virement SEPA (Initiation de Paiement) et Apple Pay. Elle affiche les champs du paiement par cartes et un bouton pour chaque moyen de paiement compatible mis en évidence. |  |
Consulte este link parainformações adicionais :
destacar diferentes meios de pagamento
| Descrição | Modo pop-in |
|---|---|
| Voici une illustration pour mettre en avant plusieurs moyens de paiement : le Virement SEPA (Initiation de Paiement) et Apple Pay. Exibe um botão para o pagamento por cartão e um botão para cada meio de pagamento compatível destacado. |  |
Consulte este link parainformações adicionais :
destacar diferentes meios de pagamento
| Descrição | Modo lista com cartão incorporado |
|---|---|
| Voici une illustration pour mettre en avant plusieurs moyens de paiement : le Virement SEPA (Initiation de Paiement) et Apple Pay. Elle affiche les champs du paiement par cartes et un bouton pour chaque moyen de paiement compatible mis en évidence. |  |
Consulte este link parainformações adicionais :
destacar diferentes meios de pagamento
| Ocultar os logos do pagamento por cartão | |
|---|---|
<body> <div class="kr-smart-form" kr-card-form-expanded kr-no-card-logo-header kr-form-token="[GENERATED FORMTOKEN]"> (...) </div> </body> |  |
Consulte este link parainformações adicionais :
Ocultar os logos do pagamento por cartão
| Personalizar o layout | |
|---|---|
<style type="text/css">
(...)
/*to use the CSS Flexbox (Flexible Box)*/
.kr-smart-form .kr-embedded .flex-container {
flex-direction: row !important;
display: flex;
}
</style>
<body>
<div class="kr-smart-form" kr-card-form-expanded kr-form-token="[GENERATED FORMTOKEN]">
(...)
</div>
</div>
</body> |  |
Consulte este link parainformações adicionais :
Personalizar o layout
Implementação técnica
Si vous avez déjà implémenté le formulaire embarqué (cartes), vous trouverez les informations pour migrer vers le formulaire intelligent (smartForm) :
Les différentes étapes d'intégration sont :
- Requisitos
- S'authentifier
- Criaro
formToken. - .
- .
- .
.
