Modificare lo stile dei pulsanti di pagamento

Dopo aver aggiunto il blocco Pulsanti di pagamento al tuo sito, puoi modificarne il colore, il layout e altro ancora. Scopri come personalizzare i pulsanti di pagamento in questa guida.

Puoi modificare il colore dello sfondo e del testo del pulsante di pagamento seguendo questi passaggi:

1. Fai clic su un pulsante nel blocco Pagamenti.
2. Nella barra laterale delle impostazioni del blocco, individua la sezione “Colore di sfondo e testo“.
3. Fai clic sulla sezione Colore del testo per modificare il colore del testo del pulsante.
4. Fai clic sulla sezione Sfondo per modificare il colore del pulsante.

Scopri di più su come applicare dei colori ai pulsanti.

Puoi modificare l’arrotondamento dei bordi del pulsante regolandone il raggio di curvatura. Segui questi passaggi:

1. Fai clic su un pulsante nel blocco Pagamenti.
2. Nella barra laterale delle impostazioni del blocco, individua la sezione “Bordo“.
3. Usa lo slider o inserisci un numero per modificare il raggio di curvatura del pulsante.
4. Fai clic su “Salva” o “Pubblica” nell’angolo in alto a destra per salvare le modifiche.

Un numero basso renderà il pulsante più squadrato, mentre uno alto renderà gli angoli più arrotondati.

Per configurare la larghezza del pulsante, segui questi passaggi:

1. Fai clic su un pulsante nel blocco Pagamenti.
2. Nella barra laterale delle impostazioni del blocco, individua la sezione “Impostazioni della larghezza“.
3. Seleziona una delle impostazioni predefinite (25%, 50%, 75% o 100%) oppure imposta una larghezza personalizzata.
4. Fai clic su “Salva” o “Pubblica” nell’angolo in alto a destra per salvare le modifiche.

Ad esempio, impostando la larghezza di un pulsante al 100% verrà creato un pulsante a larghezza intera. In alternativa, imposta la larghezza di ogni pulsante al 50% per avere due pulsanti che occupano l’intera larghezza dell’area contenuti, come in questo esempio:

Segui questi passaggi per modificare l’allineamento dei pulsanti di pagamento:

1. Seleziona Visualizzazione in modalità elenco nell’angolo in alto a sinistra dell’editor.
2. Fai clic sulla voce blocco Pulsanti di pagamento nella visualizzazione a elenco.
3. Nella barra degli strumenti del blocco che viene visualizzata, fai clic sul pulsante “Cambia la giustificazione dell’elemento”.
4. Seleziona una delle seguenti opzioni:
   • Giustifica gli elementi a sinistra: consente di allineare tutti i pulsanti a sinistra.
   • Giustifica gli elementi al centro: consente di allineare tutti i pulsanti al centro.
   • Giustifica gli elementi a destra: consente di allineare tutti i pulsanti a destra.
   • Spazio tra gli elementi: consente di posizionare i pulsanti in modo uniforme all’interno del blocco Pulsanti di pagamento.
5. Fai clic su “Salva” o “Pubblica” nell’angolo in alto a destra per salvare le modifiche.

Per selezionare uno stile predefinito per il pulsante, segui questi passaggi:

1. Fai clic su un pulsante nel blocco Pagamenti.
2. Nella barra laterale delle impostazioni del blocco, fai clic sulla scheda Stili.
3. Scegli Riempi oppure e Delinea per lo stile del pulsante.
4. Fai clic su “Salva” o “Pubblica” nell’angolo in alto a destra per salvare le modifiche.

Per modificare la dimensione e il tipo del font all’interno del pulsante oppure per passare da lettere maiuscole a minuscole e viceversa, segui questi passaggi:

1. Fai clic su un pulsante nel blocco Pulsanti di pagamento.
2. Nella barra laterale delle impostazioni del blocco, fai clic sulla scheda Stili.
3. Scorri verso il basso fino alla sezione Tipografia.
4. Modifica la dimensione del testo del pulsante o fai clic sui tre puntini (⋮) per attivare le opzioni Font e Maiuscole o minuscole.
5. Fai clic su “Salva” o “Pubblica” nell’angolo in alto a destra per salvare le modifiche.

Scopri di più sulle Impostazioni tipografia.

Puoi aggiungere stili di formattazione come grassetto e corsivo al testo all’interno del pulsante di pagamento. Segui questi passaggi per applicare la formattazione:

1. Fai clic su un pulsante nel blocco Pagamenti.
2. Evidenzia tutto il testo del pulsante o la porzione di testo che desideri formattare.
3. Applica uno dei seguenti stili utilizzando la barra degli strumenti del blocco che viene visualizzata:
   • Grassetto
   • Corsivo
   • L’icona Altro include le seguenti opzioni:
     • Evidenziato: consente di modificare il testo e il colore di sfondo del testo. Usa gli stili per modificare il colore del pulsante.
     • Codice in linea
     • Immagine in linea
     • Stile input da tastiera
     • Attributo lingua
     • Barrato
     • Pedice
     • Apice
4. Fai clic su “Salva” o “Pubblica” nell’angolo in alto a destra per salvare le modifiche.