Pular para o conteúdo principal
Nesta página
Live CustomStyle example
Prévia ao vivo
HeaderPattern
YOURSTORE
Secure checkoutChoose a payment method
CardWallet
Powered by DEUNA
Implementation guide

Understand every supported field

The documentation below explains object shape, constraints, complete examples, and what to verify before release.

HeaderPattern
Read the documentation

Use padrões de componentes para elementos de marca e jurídicos exibidos em várias telas do checkout. Mantenha estáveis e acessíveis ao cliente as URLs públicas de recursos e políticas.

HeaderPattern controla a URL, o alinhamento e as dimensões do logotipo. Por padrão, o logotipo tem 100 pixels de largura e é alinhado à esquerda; position aceita left ou center.

JSON
{
  "HeaderPattern": {
    "overrides": {
      "Logo": {
        "props": {
          "url": "https://merchant.example/assets/brand-mark.png",
          "position": "center",
          "style": {
            "min-width": "150px"
          }
        }
      }
    }
  }
}

Termos e privacidade#

TermsConditionsPattern controla a mensagem jurídica, a visibilidade para o cliente, os links de políticas e a aceitação explícita. O HTML personalizado em legalMessage substitui a mensagem traduzida padrão.

JSON
{
  "TermsConditionsPattern": {
    "showForGuest": true,
    "showForAuth": false,
    "legalMessage": "By continuing, you accept our <a href='https://merchant.example/terms'>Terms and Conditions</a> and <a href='https://merchant.example/privacy'>Privacy Policy</a>.",
    "connectorText": "and",
    "hideCompanyDisclaimer": true,
    "termsAndConditionsUrl": "https://merchant.example/terms",
    "privacyPolicyUrl": "https://merchant.example/privacy",
    "requiresAcceptance": true
  },
  "LegalInfoPattern": {
    "hidePoweredBy": true
  },
  "PoweredByPattern": {
    "url": "https://merchant.example/assets/brand-mark.png",
    "imageStyle": {
      "width": "50px",
      "height": "auto"
    }
  }
}

Para consultar os tipos de propriedades compatíveis, use a referência de propriedades do CustomStyle.