Proprietà personalizzate
Consulta gli oggetti CustomStyle supportati, i percorsi delle proprietà, i tipi di valori e i loro effetti nei widget di DEUNA.
In questa pagina
Utilizza questa pagina come riferimento per i campi durante la creazione di un CustomStyle oggetto. Le proprietà sono raggruppate in base alla parte del widget a cui si riferiscono, in modo da poter esaminare un'area di implementazione alla volta.
Tema e controlli condivisi#
| Proprietà | Tipo | Descrizione |
|---|---|---|
theme | Object | Impostazioni globali per colore, tipografia, input e pulsanti. |
theme.typography.primaryFontFamily | String | font primario per widget. |
theme.colors.primaryTextColor | String | Colore del testo principale. |
theme.colors.backgroundSecondary | String | Colore di sfondo secondario, ad esempio nella visualizzazione OTP. |
theme.colors.backgroundPrimary | String | Colore di sfondo primario. |
theme.colors.buttonPrimaryFill | String | Pulsante primario colore di riempimento. |
theme.colors.buttonPrimaryHover | String | Colore del pulsante principale al passaggio del mouse. |
theme.colors.buttonPrimaryActive | String | Colore del pulsante principale quando è attivo. |
theme.colors.inputBorder | String | Colore del bordo dell'input nello stato predefinito. |
theme.colors.inputBorderError | String | Colore del bordo dell'input nello stato di errore. |
theme.colors.inputEnhancerFill | String | Colore dello sfondo dell'input nel focus. |
theme.colors.inputBorderPositive | String | Colore del bordo dell'input nello stato di successo. |
theme.buttons.borderRadius | String | Raggio di confine per pulsanti. |
theme.inputs.borderRadius | String | raggio di confine per i campi di input. |
theme.inputs.inputMode | String | Comportamento in input: validated, clearableo none. |
Intestazione e contenuto contestuale#
| Proprietà | Tipo | Descrizione |
|---|---|---|
HeaderPattern | Object | Sovrascrittura dei componenti dell'intestazione. |
HeaderPattern.overrides | Object | Contiene le sovrascritture per l'header. |
HeaderPattern.overrides.Logo | Object | Configurazione del componente del logo. |
HeaderPattern.overrides.Logo.props.url | String | URL dell'immagine del logo visualizzata nell'intestazione. |
HeaderPattern.overrides.Logo.props.style | Object | Dimensioni e stili inline per il logo. |
HeaderPattern.overrides.Logo.props.position | String | Allineamento del logo: left o center. |
CardInfoPattern | Object | Contenuto delle informazioni sulla carta. |
CardInfoPattern.title | String | Titolo della sezione delle informazioni sulla carta. |
CardInfoPattern.subtitle.content | String | Contenuto secondario. |
UpperTagPattern | Object | Etichetta informativa visualizzata sotto l'intestazione del widget. |
UpperTagPattern.title | String | Titolo dell'intestazione superiore. |
UpperTagPattern.description | String | Descrizione dell'intestazione superiore. |
UpperTagPattern.iconColor | String | Colore dell'icona dell'intestazione superiore. |
UpperTagPattern.style | Object | Stili come colore del testo, ombra, margine superiore e colore di sfondo. |
LowerTagPattern | Object | Etichetta informativa visualizzata sopra il testo legale e il pulsante di pagamento. |
LowerTagPattern.title | String | Titolo secondario. |
LowerTagPattern.description | String | Descrizione dettagliata. |
LowerTagPattern.iconColor | String | Colore dell'icona "tag" inferiore. |
LowerTagPattern.style | Object | Stili come colore del testo, ombra della casella e colore di sfondo. |
Carte salvate#
| Proprietà | Tipo | Descrizione |
|---|---|---|
UserCardPattern | Object | Traduzioni e impostazioni per la gestione delle carte salvate. |
UserCardPattern.translations.en | Object | Traduzioni per i componenti relativi alle carte salvate. |
UserCardPattern.translations.en.addNewCard.info | String | Testo per l'opzione "Aggiungi nuova carta". |
UserCardPattern.translations.en.moreOptions.payWith | String | Testo per l'opzione "Paga con". |
UserCardPattern.translations.en.paymentMethods.seeAllMyCards | String | Testo per visualizzare tutte le carte salvate. |
UserCardPattern.translations.en.paymentMethods.expiredCard | String | Testo che indica una carta scaduta. |
UserCardPattern.translations.en.paymentMethods.warningExpiredCard | String | Avviso che richiede al cliente di selezionare un metodo di pagamento valido. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodTitle | String | Titolo di conferma per la cancellazione della carta. |
UserCardPattern.translations.en.paymentMethods.deleteMainText | String | Testo principale per l'azione di cancellazione. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodAccept | String | Testo del pulsante di conferma. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethodCancel | String | Testo del pulsante di annullamento. |
UserCardPattern.translations.en.paymentMethods.confirmDeleteMethod | String | Messaggio che spiega che la cancellazione è irreversibile. |
Form per la selezione del metodo di pagamento.#
| Proprietà | Tipo | Descrizione |
|---|---|---|
PaymentMethodsPattern | Object | Traduzioni e impostazioni per i campi di input del metodo di pagamento. |
PaymentMethodsPattern.translations.inputs.card.cardNumber.label | String | Etichetta del campo "Numero carta". |
PaymentMethodsPattern.translations.en.inputs.card.cardNumber.placeholder | String | Placeholder del campo "Numero carta". |
PaymentMethodsPattern.translations.en.inputs.card.cardHolder.label | String | Etichetta del campo "Nome del titolare della carta". |
PaymentMethodsPattern.translations.en.inputs.card.cardHolder.placeholder | String | Placeholder del campo "Nome del titolare della carta". |
PaymentMethodsPattern.translations.en.inputs.card.expirationDate.label | String | Etichetta del campo "Data di scadenza". |
PaymentMethodsPattern.translations.en.inputs.card.expirationDate.placeholder | String | Placeholder del campo "Data di scadenza". |
PaymentMethodsPattern.translations.en.inputs.card.securityCode.label | String | Etichetta del campo "Codice di sicurezza". |
PaymentMethodsPattern.translations.en.inputs.card.installment.label | String | Etichetta del campo "Numero di rate". |
PaymentMethodsPattern.translations.en.inputs.card.installment.pay_by | String | Testo che introduce il numero di rate. |
PaymentMethodsPattern.translations.en.inputs.card.installment.first_pay | String | Testo per il primo pagamento. |
PaymentMethodsPattern.translations.es.inputs.card.installment.without_interest | String | Testo per "Senza interessi". |
PaymentMethodsPattern.translations.en.inputs.card.installment.without_installments | String | Testo per "Senza rate". |
PaymentMethodsPattern.translations.en.inputs.card.installment.loading | String | Testo visualizzato durante la validazione delle rate. |
PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.title | String | Titolo del form personalizzato per la carta. |
PaymentMethodsPattern.translations.en.inputs.paymentMethods.info.card.subtitle | String | Sottotitolo del form personalizzato per la carta. |
cardHolder | Object | Configurazione del campo "Nome del titolare della carta". |
cardHolder.label | String | Etichetta personalizzata del campo "Nome del titolare della carta". |
installment | Object | Etichette per i campi "Numero di rate". |
installment.label | String | Etichetta personalizzata del campo "Numero di rate". |
installment.withoutInstallments | String | Testo visualizzato quando le rate non sono disponibili. |
Testo legale e azione di pagamento.#
| Proprietà | Tipo | Descrizione |
|---|---|---|
TermsConditionsPattern | Object | Impostazioni Termini e Privacy. |
TermsConditionsPattern.showForGuest | Boolean | Mostra il testo legale per gli utenti ospiti. |
TermsConditionsPattern.showForAuth | Boolean | Mostra il testo legale per gli utenti autenticati. |
TermsConditionsPattern.legalMessage | String | Un messaggio legale personalizzato. |
TermsConditionsPattern.connectorText | String | Connettore tra i link legali. |
TermsConditionsPattern.hideCompanyDisclaimer | Boolean | Nascondi la dichiarazione di non responsabilità dell'azienda. |
TermsConditionsPattern.termsAndConditionsUrl | String | URL dei Termini e Condizioni. |
TermsConditionsPattern.privacyPolicyUrl | String | URL dell'informativa sulla privacy. |
PaymentButtonPattern | Object | Impostazioni per l'etichetta, il contenuto e lo stile del pulsante di pagamento. |
PaymentButtonPattern.label | String | Testo del pulsante di pagamento. |
PaymentButtonPattern.showOrderTotal | Boolean | Visualizzare l'importo totale dell'ordine sul modulo di pagamento. |
PaymentButtonPattern.styles | Object | Stili del pulsante di pagamento. |
PaymentButtonPattern.styles.padding | String | Raggio di padding del pulsante di pagamento. |
PaymentButtonPattern.styles.borderRadius | String | Raggio di bordatura del pulsante di pagamento. |
PoweredByPattern | Object | Configurazione della dichiarazione "Powered by". |
PoweredByPattern.hide | Boolean | Nascondere il marchio "Powered by DEUNA". |
PoweredByPattern.hidetext | Boolean | Nascondere il testo "Powered by". |
PoweredByPattern.url | String | URL del logo sostitutivo. |
PoweredByPattern.imageStyle | Object | Dimensioni e stili del logo sostitutivo. |
Pagine di risultato#
| Proprietà | Tipo | Descrizione |
|---|---|---|
ThankYouView | Object | Traduzioni e impostazioni per la pagina di ringraziamento. |
ThankYouView.translations.en.thankYouPage.status.succeeded | String | Messaggio visualizzato dopo un pagamento riuscito. |
ThankYouView.translations.en.thankYouPage.status.pending | String | Messaggio visualizzato durante l'elaborazione del pagamento. |
ThankYouView.translations.en.thankYouPage.status.denied | String | Messaggio visualizzato dopo un pagamento rifiutato. |
ThankYouView.overrides.Body.props.title | String | Titolo del corpo della pagina di ringraziamento. |
ThankYouView.overrides.Actions.props.hideDownloadAction | Boolean | Nascondere l'azione di download della ricevuta. |
ThankYouView.overrides.Actions.props.hideBackToCommerceAction | Boolean | Nascondere l'azione di ritorno al negozio. |
ThankYouView.overrides.Actions.props.downloadText | String | Testo del pulsante di download della ricevuta. |
ThankYouView.overrides.Actions.props.backText | String | Testo del pulsante di ritorno al negozio. |
VoucherPage | Object | Configurazione della pagina del voucher per metodi di pagamento alternativi. |
VoucherPage.apmName.overrides.Header.props.title | String | Titolo della pagina del voucher. |
VoucherPage.apmName.overrides.Header.props.subtitle | String | Sottotitolo della pagina del voucher. |
VoucherPage.apmName.overrides.Header.props.referenceTitle | String | Etichetta per il riferimento di pagamento. |
VoucherPage.apmName.overrides.Header.props.payBefore | String | Testo della scadenza del voucher. |
VoucherPage.apmName.overrides.Footer.props.downloadReference | String | Testo del pulsante di download del voucher. |
VoucherPage.apmName.overrides.Footer.props.showPoweredByDeuna | Boolean | Visualizzare l'etichetta "Powered by DEUNA". |
Visualizzazione del codice di verifica#
| Proprietà | Tipo | Descrizione |
|---|---|---|
OtpPage | Object | Sovrascritture del componente per la generazione dell'OTP. |
OtpPage.overrides | Object | Contiene le sovrascritture del componente OTP. |
OtpPage.overrides.Header | Object | Sovrascritture dell'intestazione OTP. |
OtpPage.overrides.Header.props | Object | Proprietà dell'intestazione OTP. |
OtpPage.overrides.Header.props.url | String | URL del logo visualizzato nella pagina OTP. |
OtpPage.overrides.Headings | Object | Configurazione dell'intestazione OTP. |
OtpPage.overrides.Headings.title | String | Titolo della pagina OTP. |
OtpPage.overrides.Headings.description | String | Descrizione della pagina OTP. |
OtpPage.overrides.OtpChangeChannelButton | Object | Configurazione del pulsante "Cambia canale". |
OtpPage.overrides.OtpChangeChannelButton.description | Object | Descrizioni dei canali SMS e email. |
OtpPage.overrides.OtpChangeChannelButton.description.sms | String | Descrizione del canale SMS. |
OtpPage.overrides.OtpChangeChannelButton.description.email | String | Descrizione del canale email. |
OtpPage.overrides.ContinueAsGuestButton | Object | Configurazione del pulsante "Continua come ospite". |
OtpPage.overrides.ContinueAsGuestButton.description | String | Descrizione del pulsante "Continua come ospite". |
Informazioni di fatturazione#
| Proprietà | Tipo | Descrizione |
|---|---|---|
BillingPatternX | Object | Struttura e traduzioni per l'inserimento dei dati di fatturazione. |
BillingPatternX.translations.en.title | String | Titolo della sezione di fatturazione. |
BillingPatternX.translations.en.addBillingData.error | String | Errore "Dati di fatturazione mancanti". |
BillingPatternX.translations.en.addBillingData.optionalTag | String | Etichetta per campo opzionale. |
BillingPatternX.translations.en.addBillingData.title | String | Titolo "Aggiungi informazioni di fatturazione". |
BillingPatternX.translations.en.billingSummary.dni | String | Etichetta del documento nella sintesi delle fatture. |
BillingPatternX.translations.en.billingSummary.update | String | Testo "Aggiorna informazioni". |
BillingPatternX.translations.en.billingView.cancel | String | Testo "Annulla". |
BillingPatternX.translations.en.billingView.save | String | Testo "Salva". |
BillingPatternX.translations.en.billingView.title | String | Titolo per l'inserimento dei dati di fatturazione. |
BillingPatternX.translations.en.billingWithSameData.title | String | Testo "Utilizza le stesse informazioni di fatturazione". |
BillingPatternX.translations.en.inputs.companyBilling.label | String | Etichetta "Entità legale". |
BillingPatternX.translations.en.inputs.companyBilling.name.label | String | Etichetta "Nome dell'azienda". |
BillingPatternX.translations.en.inputs.companyBilling.activity.label | String | Etichetta "Attività commerciale". |
BillingPatternX.translations.en.inputs.companyBilling.address.label | String | Etichetta "Indirizzo fiscale". |
BillingPatternX.translations.en.inputs.companyBilling.city.label | String | Etichetta "Città". |
BillingPatternX.translations.es.inputs.companyBilling.email.label | String | Etichetta "Email". |
BillingPatternX.translations.en.inputs.companyBilling.identityDocument.label | String | Etichetta "Codice fiscale". |
BillingPatternX.translations.en.inputs.companyBilling.phone.label | String | Etichetta "Telefono di contatto". |
BillingPatternX.translations.en.inputs.personBilling.label | String | Etichetta per persona fisica. |
BillingPatternX.translations.en.inputs.personBilling.firstName.label | String | Etichetta per nome. |
BillingPatternX.translations.en.inputs.personBilling.lastName.label | String | Etichetta per cognome. |
BillingPatternX.translations.en.inputs.personBilling.city.label1 | String | Etichetta per città alternativa. |
BillingPatternX.translations.en.inputs.personBilling.stateName.label1 | String | Etichetta per provincia. |
BillingPatternX.translations.en.inputs.personBilling.zipCode.label | String | Etichetta per codice postale. |
BillingPatternX.translations.en.inputs.errors.inputRequired | String | Errore per campo obbligatorio. |
BillingPatternX.translations.en.inputs.errors.invalidEmail | String | Errore per indirizzo email non valido. |
BillingPatternX.translations.en.inputs.personBilling.identityDocument.label.AR | String | Etichetta per documento d'identità argentino. |
BillingPatternX.translations.en.inputs.personBilling.identityDocument.invalidByCountry.AR | String | Errore per documento d'identità argentino non valido. |
Informazioni utente#
| Proprietà | Tipo | Descrizione |
|---|---|---|
UserInfoPattern | Object | Struttura di input per informazioni del cliente e traduzioni. |
UserInfoPattern.title | String | Titolo della sezione informazioni del cliente. |
UserInfoPattern.translations.inputs.email.label | String | Etichetta per campo email. |
UserInfoPattern.translations.en.inputs.firstName.label | String | Etichetta per campo nome. |
UserInfoPattern.translations.en.inputs.lastName.label | String | Etichetta per campo cognome. |
UserInfoPattern.translations.en.inputs.phone.label | String | Etichetta per campo telefono. |
UserInfoPattern.translations.en.inputs.identityDocument.label.CO | String | Etichetta per documento d'identità colombiano. |
UserInfoPattern.translations.en.inputs.identityDocument.label.CL | String | Etichetta per documento d'identità cileno. |
UserInfoPattern.translations.en.inputs.identityDocument.label.EC | String | Etichetta per documento d'identità ecuadoriano. |
UserInfoPattern.translations.en.inputs.identityDocument.label.MX | String | Etichetta per documento d'identità messicano. |
UserInfoPattern.translations.en.inputs.identityDocument.label.BR | String | Etichetta per documento d'identità brasiliano. |
UserInfoPattern.translations.en.inputs.identityDocument.label.AR | String | Etichetta per documento d'identità argentino. |
UserInfoPattern.translations.es.inputs.identityDocument.label.UY | String | Etichetta per documento d'identità uruguayo. |