fbpx

399€

Diventa Rivenditore

APPBUILDER

Costruisci e Vendi App

Con Il Tuo Logo

Come Possiamo Aiutare?

Cerca le risposte o sfoglia la nostra guida.

Domande frequenti stile fisarmonica

Sei qui:
< Tutti gli articoli

Questo modulo Domande frequenti stile fisarmonica ti consente di visualizzare l’elenco delle tue domande frequenti nella tua app.

Una pagina delle domande frequenti è una delle sezioni più importanti e indispensabili per le app aziendali. A molte aziende vengono spesso poste le stesse domande comuni più e più volte da potenziali clienti. La maggior parte dei team di supporto online dedica ore del proprio tempo prezioso ogni giorno a rispondere a queste domande generali. Anche se avrebbe potuto essere facilmente evitato inserendo una sezione delle domande frequenti nell’app.

Oltre a risparmiare molte chiamate pre-vendita ed e-mail di supporto, chiarisci i dubbi del tuo potenziale cliente e migliora l’esperienza del tuo cliente semplicemente rispondendo immediatamente alle domande più comuni utilizzando le domande frequenti.

Caratteristiche del modulo:

  • Aggiungi, modifica ed elimina elementi di fisarmonica.
  • Trascina e rilascia riorganizza le posizioni degli elementi della fisarmonica.
  • Opzione per abilitare la barra di ricerca.
  • Opzione per scegliere il design dell’elenco o della carta.
  • Stile a quattro icone (più-meno, più-vicino, su-giù-chevron, su-giù-freccia)
  • Opzione per scegliere la posizione dell’icona a sinistra o a destra.
  • Opzione per aprire automaticamente il primo elemento della fisarmonica.
  • Possibilità di aprire fisarmoniche singole o multiple alla volta.
  • Opzione per visualizzare il pulsante in basso con il testo.
  • Opzione per impostare il collegamento in-app al pulsante in basso.

Schermata dell’editor:

Aggiungi fisarmonica:

Gestisci fisarmoniche:

Impostazioni:

Schermata dell’app:

Elenco / Design della carta:

Icona destra:

Più aperti:

Qual è lo scopo del pulsante in basso?

Puoi usarlo come collegamento del pulsante di contatto, quindi se gli utenti non riescono a trovare la loro risposta dall’elenco delle domande frequenti, sarà molto facile per gli utenti contattarti. Puoi collegarlo alle pagine della tua app come la pagina dei contatti, la pagina personalizzata, la pagina del codice sorgente ecc. Inserisci semplicemente lo stato dei dati e l’ID valore del tuo collegamento in-app lì.

Supponiamo che il tuo collegamento in-app sia: <a data-offline=”true” data-params=”value_id:898″ data-state=”contact-view”>Contatto</a>

È possibile inserire la visualizzazione del contatto nel campo dello stato dei dati del clic del pulsante e 898 nel campo dell’ID del valore dei dati del clic del pulsante.


Esempi di codice CSS:

(1) Colore di sfondo del modulo:

.module-accordionfaq ion-content { background: #E0E5EC !important; }

(2) Cambia il colore di sfondo di una fisarmonica attiva / aperta:

.module-accordionfaq .list .item.item-custom.active { background: #f5f5f5; }

(3) Raggio del bordo del design della carta e ombra del riquadro:

.module-accordionfaq .card, .module-accordionfaq .button.button-custom {
    raggio di confine: 12px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.module-accordionfaq .button.button-custom { bordo-colore: trasparente; }

(4) Colore di sfondo sfumato per il pulsante in basso:

.module-accordionfaq .button.button-custom { background: linear-gradient(45deg, #7537E7 0%, #35C9FF 100%); }

(5) Modificare la dimensione del carattere della descrizione della fisarmonica:

.module-accordionfaq .list .item.item-custom p { font-size: 14px; }

(6) Stile personalizzato-1 per il design delle carte con l’icona a destra:

.module-accordionfaq ion-content { background: #fbfbfb !important; }

.module-accordionfaq .card ion-item.item { riempimento: 0; }

.module-accordionfaq .item.item-custom .faq-title {
    sfondo: #fbfbfb !importante;
    bordo sinistro: solido 3px #4e63d7; 
    imbottitura: 12px;
}

.module-accordionfaq .item.item-custom p {
    imbottitura: 12px;
    dimensione del carattere: 14px;
}

(7) Stile personalizzato-2 per il design delle carte con l’icona a sinistra:

.module-accordionfaq ion-content { background: #fbfbfb !important; }

.module-accordionfaq .card ion-item.item { riempimento: 0; }

.module-accordionfaq .item.item-custom .faq-title {
    sfondo: #fbfbfb !importante;
    bordo destro: solido 3px #4e63d7; 
    imbottitura: 12px;
}

.module-accordionfaq .item.item-custom p {
    imbottitura: 12px;
    dimensione del carattere: 14px;
}

(8) Stile personalizzato-3 per il design delle carte senza barra di ricerca e pulsante in basso:

.module-accordionfaq ion-content { background: #d8e9f7 !important; }

.module-accordionfaq .card ion-item.item { riempimento: 0; }

.module-accordionfaq .item.item-custom .faq-title {
    colore: #ffffff !importante;
    sfondo: #5938c8 !importante;
    imbottitura: 12px;
}

.module-accordionfaq .item.item-custom p {
    imbottitura: 12px;
    dimensione del carattere: 14px;
    sfondo: #d1ecff !importante;
}

(9) Stile personalizzato-4 per la progettazione di carte con raggio di confine:

.module-accordionfaq ion-content { background: #fbfbfb !important; }

.module-accordionfaq .card ion-item.item { riempimento: 0; }

.module-accordionfaq .item.item-custom .faq-title {
    colore: #ffffff !importante;
    sfondo: #004cff !importante;
    imbottitura: 12px;
}

.module-accordionfaq .item.item-custom p {
    imbottitura: 12px;
    dimensione del carattere: 14px;
}

.module-accordionfaq .card, .module-accordionfaq .button.button-custom { border-radius: 12px; }

(10) Stile personalizzato-5 per il design dell’elenco con raggio del bordo:

.module-accordionfaq ion-content { background: #fbfbfb !important; }

.module-accordionfaq .list .item.item-custom {
    margine: 8px;
    colore bordo: trasparente !importante;
    raggio di confine: 12px;
    box-ombra: 0 0 2px #808080;
}

.module-accordionfaq .item.item-custom p {
    imbottitura superiore: 5px;
    dimensione del carattere: 14px;
}

.module-accordionfaq .item.item-custom.active .faq-title {
    imbottitura-fondo: 5px;
    bordo inferiore: solido 1px #808080;
}
questo articolo è stato utile?
0 su 5 stelle
5 Stelle 0%
4 Stelle 0%
3 Stelle 0%
2 Stelle 0%
1 Stelle 0%
Come possiamo migliorare questo articolo?
Hai bisogno di aiuto?
Precedente Claim
Successivo Inventory Stock
Impostazioni sulla privacy salvate!
GDPR Center

When you visit a website, it can store or retrieve information on your browser, mainly in the form of cookies. Check your personal cookie services here.

Questi cookie sono necessari per il funzionamento del sito Web e non possono essere disattivati nei nostri sistemi.

Usiamo WooCommerce come sistema di acquisto. Per l'elaborazione del carrello e dell'ordine verranno memorizzati 2 cookie. Questi cookie sono strettamente necessari e non possono essere disattivati.
  • woocommerce_cart_hash
  • woocommerce_items_in_cart

Rifiuta tutti i servizi
Accetta tutti i servizi

Menu principale