Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Styling della pagina di checkout

Style the checkout page to match the aesthetic of your site. You can customize the header alignment and the text, background, and button colors. These changes also apply to the Donation Block checkout page.

To learn about the other ways you can customize your checkout page, visit Customizing your checkout experience.

Note: It isn't possible to change the checkout page text at this time.

Guarda un video

Style the checkout page

  1. In the Home Menu, click Design, then click Checkout Page.
  2. Use style tweaks to customize different elements of the page.
  3. When you’re finished styling the checkout page, click Save.

Customers can buy your products while you style the page, but they'll see the original checkout page until you save your changes.

You can adjust: 

  • Colore di sfondo
  • Mostra Logo Sito
  • Title Color - Change your Site Title color, if Show Site Logo is unchecked.
  • Colore Intestazione
  • Colore Bordo Intestazione
  • Header Alignment - Display the title or logo in the Left, Center, or Right of the header.
  • Button Color - Change the buttons on the page, including the Continue and Redeem buttons. We don't recommend changing the color to transparent or white. Since the button text can't change, this hides the button and prevents customers from continuing with the transaction.

checkout-page-styles3.png

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

Rivedi la pagina di conferma dell'ordine

La pagina Ordini confermati corrisponde agli stili del tuo sito. Puoi vedere come appare effettuando un ordine di prova.

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

  • 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)
  • Tipo di carattere "Il tuo acquisto include download digitali" - Segue Intestazione 3
  • Colore "Il tuo acquisto include download digitali" - 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 digitali" - Segue il testo di 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.

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 11 su 47
Styling della pagina di checkout