Passa al contenuto principale
In questa pagina
Live CustomStyle example
Anteprima live
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

Usa i modelli dei componenti per gli elementi del brand e legali presenti in più schermate del checkout. Mantieni stabili e accessibili al cliente gli URL pubblici di risorse e informative.

HeaderPattern controlla l'URL, l'allineamento e le dimensioni del logo. Per impostazione predefinita, il logo è largo 100 pixel e allineato a sinistra; position accetta left o center.

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

Termini e privacy#

TermsConditionsPattern controlla il messaggio legale, la visibilità per il cliente, i link alle informative e l'accettazione esplicita. L'HTML personalizzato in legalMessage sostituisce il messaggio tradotto predefinito.

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"
    }
  }
}

Per i tipi di proprietà supportati, usa il riferimento delle proprietà CustomStyle.