Styling della pagina di checkout

Allinea la pagina di pagamento al design del tuo sito.

Ultimo aggiornamento 22 agosto 2024

Definisci lo stile della pagina di pagamento in base all'estetica del tuo sito. Puoi personalizzare l'allineamento dell'intestazione e i colori del testo, dello sfondo e dei pulsanti. Queste modifiche si applicano anche alla pagina di pagamento del Blocco donazione.

Per conoscere gli altri modi in cui è possibile personalizzare la pagina di pagamento, visita Personalizzare l'esperienza di checkout e Creare un sito Commerce accessibile.

Nota

Al momento non è possibile modificare il testo della pagina di pagamento.

Guarda un video

Style the checkout page

  1. Apri il pannello Pagine, scorri fino in fondo e clicca su Pagine di sistema, quindi su Pagamento.
  2. Use style tweaks to customize different elements of the page.
  3. When you’re finished styling the checkout page, click Save.

Viene visualizzato un banner indicante che La pagina di pagamento non è attiva. Ciò significa che le modifiche che stai apportando non sono ancora visibili, ma i clienti possono comunque acquistare i tuoi prodotti mentre definisci lo stile della pagina. Le modifiche non saranno visibili finché non avrai salvato la pagina.

Puoi regolare:

  • Colore di sfondo
  • Mostra Logo Sito
  • Title Color - Change your Site Title color, if Show Site Logo is unchecked.
  • Colore Intestazione
  • Colore Bordo Intestazione
  • Allineamento intestazione - Visualizza il titolo o il logo a Sinistra, Centro o Destra dell'intestazione.
  • Colore pulsante - Modifica i pulsanti della pagina, inclusi i pulsanti Continua e Riscatta. Non è consigliabile cambiare il colore in trasparente o bianco. Poiché il testo del pulsante non può essere modificato, ciò nasconde il pulsante e impedisce ai clienti di continuare con la transazione.

checkout-page-styles3.png

checkout-page-styles3.png

Nota

It's not possible to change the appearance of your site title on the checkout page.

Dopo il pagamento

La pagina visualizzata dopo il pagamento dipende dall'acquisto del cliente.

Pagina sullo stato dell'ordine: prodotti fisici, digitali e prodotti composti da servizi

Se il cliente ha acquistato un prodotto fisico, digitale o un prodotto composto da servizi, viene visualizzata la pagina sullo stato dell'ordine. Si tratta di una pagina che include la maggior parte dei dettagli dell'ordine e la possibilità di creare un account cliente. Ha sempre uno sfondo bianco e impiega un tipo di carattere standard. Non è possibile personalizzare la pagina dello stato dell'ordine in Stili sito. Per visualizzare un'anteprima della pagina dello stato dell'ordine, visita Come i clienti acquistano i tuoi prodotti, oppure effettua un ordine di prova con un tipo di prodotto supportato.

Suggerimento

se la pagina di stato dell'ordine non viene visualizzata quando si effettua un ordine di prova per un tipo di prodotto supportato, è probabile che sia stata aggiunta un'iniezione di codice al sito.Per saperne di più, visita il sito Utilizzare l'iniezione di codice

Pagina di conferma dell'ordine: abbonamento, carte regalo e iscrizioni

Se il cliente ha acquistato un abbonamento, una carta regalo o un'iscrizione, viene visualizzata una pagina di conferma dell'ordine più semplice, che riporta il testo Ordine confermato e il numero dell'ordine. Questa pagina coincide con gli stili del tuo sito. Per visualizzare un'anteprima della pagina di conferma dell'ordine, effettua un ordine di prova con un prodotto supportato.

Lo definizione dello stile del testo della pagina di conferma dell'ordine dipende dalla versione del sito.

Utilizza i tweak riportati di seguito per definire lo stile della pagina di conferma dell'ordine. Tieni presente che il tema cromatico della pagina di conferma dell'ordine è lo stesso della tua pagina 404 predefinita.

  • Tipo di carattere "Ordine confermato" - Segue Intestazione 1
  • Colore "Ordine confermato" - Segue Intestazione (Extra Large)
  • Tipo di carattere numero ordine e testo di conferma - Segue Paragrafo 2
  • Colore numero ordine e testo di conferma - Segue Paragrafo (Medio)
  • Carattere "Il tuo acquisto include download" - Segue Intestazione 3
  • Colore "Il tuo acquisto include download" - Segue Intestazione (media)

In tutti i modelli:

  • Testo "Ordine confermato" - Segue il testo di Intestazione 1
  • Numero ordine e testo di conferma - Segue il corpo del testo
  • Testo "Il tuo acquisto include download" - Segue Intestazione 3

Per maggiori informazioni sulla modifica dei tipi di carattere e dei colori, visita Apportare modifiche di stile.

Order confirmation page header content

Non è possibile aggiungere immagini e altri contenuti alla pagina di checkout. Tuttavia, nella versione 7.0, queste famiglie di modelli visualizzano il contenuto delle pagine 404 predefinite nelle pagine di conferma dell'ordine, nei carrelli e nelle ricerche:

  • Avenue
  • Farro
  • Five
  • Wexley
  • York

Per rimuovere i contenuti indesiderati delle intestazioni in queste famiglie di modelli, modifica la pagina 404 predefinita o crea una pagina 404 personalizzata.

Passaggi successivi

Now that you’ve adjusted the checkout page style, you can customize other elements of the checkout experience:

Per maggiori informazioni, visita Personalizzare la tua esperienza di pagamento.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.