Volete dare ai vostri utenti un modo rapido e pulito per passare da un contenuto all'altro o da un'opzione di prezzo all'altra sul vostro sito WordPress? Un pulsante a levetta è la soluzione perfetta!
Con un pulsante a levetta, i visitatori possono passare istantaneamente da due o più opzioni, come i prezzi mensili o annuali, la modalità chiara o scura, o persino sezioni di contenuto completamente diverse, senza ingombrare la pagina.
In questo post scoprirete due semplici modi per aggiungere pulsanti a levetta al vostro sito WordPress:
- Metodo 1: Aggiungere un pulsante di attivazione per qualsiasi tipo di contenuto (testo, immagini, moduli, ecc.).
- Metodo 2: Aggiungere un pulsante di selezione per le tabelle dei prezzi o per qualsiasi tipo di dati tabellari.
Immergiamoci!
Metodo 1: Aggiungere un pulsante a levetta per qualsiasi tipo di contenuto
Se si vuole permettere agli utenti di passare da un blocco di contenuti all'altro, come ad esempio Domande frequenti, dettagli del prodotto o diverse caratteristiche, questo metodo fa al caso vostro.
Utilizzeremo il Blocchi definitivi che offre un versatile blocco Content Toggle (Contenuto a schede) che funziona per tutti i tipi di contenuto.
Passo 1: Installare il plugin Ultimate Blocks
- Accedere alla dashboard di WordPress.
- Andare su Plugin > Aggiungi nuovo.
- Cercate "Ultimate Blocks" e installatelo/attivatelo.
Passo 2: Aggiungere il blocco di contenuto a schede
- Aprite un post o una pagina nell'editor di WordPress.
- Tipo
/contenuto tabellareoppure utilizzare l'icona + per aggiungere il blocco Contenuto a schede.
Il blocco "Contenuto a schede" apparirà come segue
Passo 3: personalizzare il blocco per le funzioni di commutazione
Selezionare il blocco e scegliere l'opzione Stile delle pillole nelle impostazioni (questo rende le schede simili a pulsanti).
Centrare l'allineamento per ottenere un look classico da alamaro.
Fare clic sul pulsante + segno accanto alla prima scheda per aggiungerne un'altra. Aggiungere almeno due schede (ad esempio, "Mensile" e "Annuale" o "Dettagli" e "Riepilogo"). Rinominare le schede in modo che corrispondano alle opzioni di selezione.
Utilizzare le Impostazioni colore per impostare colori contrastanti, in modo che sia chiaro quale scheda è attiva.
Fase 4: Aggiungere il contenuto
Fare clic all'interno di ogni scheda per aggiungere il contenuto preferito (testo, immagini, elenchi, moduli o altri blocchi).
Se necessario, è possibile personalizzare ulteriormente: modificare gli sfondi delle schede, i colori dei contenuti e altro ancora.
Fase 5: Anteprima e pubblicazione
- Utilizzare l'opzione Anteprima per testare la commutazione.
- Una volta soddisfatti, pubblicare o aggiornare la pagina.
Ecco fatto! Ora disponete di un pulsante di attivazione flessibile per qualsiasi tipo di contenuto sul vostro sito WordPress.
Metodo 2: Aggiungere un pulsante a levetta per le tabelle dei prezzi (e altro)
Volete consentire agli utenti di passare da tabelle di prezzi mensili a tabelle di prezzi annuali o di confrontare diversi set di dati uno accanto all'altro? Il Aletta per Tableberg del plugin Tableberg è stato progettato proprio per questo!
Con Tableberg ProIl blocco Toggle consente di organizzare un numero qualsiasi di tabelle in schede ordinate e cliccabili, perfette per i piani tariffari, i confronti tra prodotti, le tabelle multilingue o qualsiasi altro scenario in cui abbiano senso più tabelle.
Fase 1: inserimento del blocco 'Toggle for Tableberg'.
- Aprite il vostro post o pagina nell'editor di WordPress.
- Fare clic sull'icona + (più) e cercare "Toggle for Tableberg".
- Aggiungere il blocco alla pagina.
Fase 2: Impostazione e personalizzazione delle schede
- Per impostazione predefinita, vengono visualizzate tre schede etichettate come "Scheda 1", "Scheda 2" e "Scheda 3".
- Aggiungete o rimuovete schede a seconda delle necessità utilizzando le icone + o -.
- Rinominare ogni scheda (ad esempio, "Mensile", "Annuale" o "Piano base", "Piano Pro").
- Utilizzate il pannello delle opzioni di destra per regolare i titoli delle schede, l'allineamento, i colori e i bordi per ottenere un aspetto personalizzato.
Passo 3: Aggiungere le tabelle
- Fare clic su ciascuna scheda per aggiungere una tabella unica all'interno.
- Costruire una nuova tabella da zero o inserire un modello di tabella Tableberg precostruito.
- Ogni scheda può contenere una tabella completamente diversa, ottima per confrontare caratteristiche, livelli di prezzo, set di dati e altro ancora.