Design dei moduli

Il suo modulo dovrebbe somigliare a lei. Non allo strumento con cui è stato costruito.

La maggior parte dei costruttori di funnel si riconosce dal modulo. Stessi riquadri, stessi angoli arrotondati, stesso pulsante in basso a destra. Per il fornitore è comodo. Per il suo marchio meno, e per un'agenzia che lavora su incarico è spesso il motivo per cui lo strumento non viene nemmeno proposto. In asksteps ci sono due vie d'uscita, e può percorrerle entrambe nello stesso modulo.

Entrambe sono in ogni piano, anche in quello gratuito.

Come funziona

Fin dove vuole spingersi?

  1. 01

    Quasi sempre basta impostare

    Colori, carattere, raggi degli angoli, spessore del bordo, ombra, larghezza, la disposizione delle risposte, l'indicatore di avanzamento. Tutto con selettori di colore e menu a tendina, con anteprima immediata. Tredici temi sono lì come punto di partenza; quello che ne ricava lo salva come suo.

  2. 02

    E quando non basta, lo scrive lei

    Per tutto ciò che nessun elemento del modulo copre, trascina una sezione libera e ci scrive dentro HTML e CSS. Tabella prezzi, griglia di confronto, riquadro informativo, una maschera con un pulsante avanti tutto suo.

  3. 03

    Tutte e due nello stesso modulo

    La sezione libera conosce i colori del suo tema. Se cambia tema, cambia con lui invece di restare del colore sbagliato. Sembra un dettaglio. È la differenza tra fatto a mano e si vede che è fatto a mano.

  4. 04

    Di nuovo col cliente successivo

    Il suo tema si può esportare come file e importare in un altro account. Chi lavora per più clienti dopo qualche progetto ha una piccola libreria, invece di ridigitare ogni volta i valori di colore dal manuale del marchio.

In Betrieb

Editor dei temi

Due moduli fatti con asksteps non sembrano fatti con asksteps.

Colori, carattere, angoli, bordi, come stanno le risposte, se scorre un indicatore di avanzamento, se dietro c'è una foto. Tutto nell'editor, con l'anteprima accanto. Tredici temi sono già pronti. Il suo lo salva e lo ritira fuori per il cliente successivo.

  • Risposte in colonna o a riquadri, con icona o senza
  • Avanzamento a barra, punti, segmenti o niente
  • Una domanda con otto risposte può apparire diversa dalle altre
asksteps studio — editor dei temi
EIN FUNNEL · DREI THEMES · DIESELBEN FRAGENBeratungBewerbungSonstigesWeiterHELL · LISTE · KARTEBeratungAngebotSupportPresseWEITERDUNKEL · RASTER · PUNKTEBeratungBewerbungSonstigesWeiterPAPIER · BOGEN · SEGMENTE Farben, Schrift, Radien, Anordnung, Fortschritt — eingestellt, nicht programmiert.

HTML personalizzato

Dove finisce l'editor, continua a scrivere lei.

Una sezione del modulo che scrive lei stesso in HTML e CSS. Tabella prezzi, griglia di confronto, riquadro informativo, una maschera che deve apparire proprio così e non altrimenti. I campi che ci mette dentro sono veri: le risposte finiscono nel lead come tutte le altre.

  • Rifare un modulo PDF importato senza perdere la corrispondenza
  • Il pulsante avanti sta dove lo mette lei
  • Senza JavaScript e senza caricare caratteri da Google
html personalizzato — scritto, reso, raccolto
EIGENES HTML<style> .zeile { display:grid }</style><label>Vorname</label><input data-xm-id="Vorname_1" data-xm-required><input data-xm-qst="Wunsch- termin" type="date"><button data-xm-next> Weiter</button>SO SIEHT ES DER BESUCHERVORNAMENACHNAMEWUNSCHTERMINGut zu wissenWir melden uns binnen 24 Stunden.WeiterERKANNTE FELDERvornamePflicht→ Vorname_1 (PDF)wunschterminDatum→ Frage im LeadKEIN JAVASCRIPTKEIN FREMD-REQUEST
Funzionalità

Che cosa significa nella pratica

Nessuno vede con che cosa è stato fatto

Gamma cromatica, carattere, durezza degli spigoli, disposizione: tutto intercambiabile. Due moduli dello stesso account non devono assomigliarsi, e dal piano Starter in poi sparisce anche la scritta "Powered by asksteps" sotto il modulo.

Senza una riga di codice

L'editor dei temi copre di gran lunga la parte maggiore. L'HTML serve solo quando le manca qualcosa che nessun elemento del modulo rappresenta.

Un design per cliente

L'aspetto appartiene al modulo, non all'account. Un team può lavorare per più committenti in parallelo, ciascuno con la propria immagine coordinata e sul proprio dominio.

Nessun server altrui

I caratteri propri devono stare da lei o essere incorporati; un rimando a un server di caratteri esterno viene rimosso. Il suo modulo non carica nulla che lei non conosca. La domanda salta fuori nelle gare d'appalto più spesso di quanto si pensi.

Verificato sul telefono

L'anteprima mostra lo stesso risultato che riceve il visitatore. Quel che ci sta bene, sta bene anche su uno schermo stretto.

Nessun sovrapprezzo per il design

Né l'editor dei temi né la sezione HTML dipendono da un piano superiore. Qualche concorrente sblocca l'HTML personalizzato solo dal livello business.

Domande frequenti

Domande sulla personalizzazione

Devo conoscere l'HTML?

Per l'editor dei temi no. È un'interfaccia fatta di selettori di colore, cursori e menu a tendina, e l'anteprima accanto mostra subito ogni modifica. L'HTML serve solo quando vuole costruire una sezione che non esiste come elemento del modulo.

Posso cambiare il design dell'intero funnel o solo di singole schermate?

Il tema vale per l'intero funnel o modulo: domande, risposte, pulsanti, avanzamento. Le singole domande possono discostarsene. Una con otto risposte funziona spesso meglio a griglia mentre le altre restano in elenco.

Posso inserire JavaScript?

No, ed è voluto. Il suo modulo gira incorporato su pagine altrui. Un HTML di terze parti eseguibile sarebbe lì una falla di sicurezza permanente verso ogni visitatore. Dove altri fornitori ammettono JavaScript personalizzato, quel rischio lo passano a lei.

Il design vale anche per l'integrazione in WordPress?

Sì. Che pubblichi il modulo con lo snippet di incorporamento, con il plugin WordPress o su un sottodominio proprio: è lo stesso widget con lo stesso tema.

Che ne è del mio design quando asksteps cambia?

Un tema è un record salvato, non uno stato dell'interfaccia. I campi lasciati vuoti ereditano i loro valori. Per questo un modulo creato oggi resta come lo ha impostato anche dopo un ampliamento.

Altro sull'argomento

Il design dei moduli nel dettaglio

Costruisca un modulo che somigli a lei

Crei un account gratuito e imposti il primo tema. Ci vuole meno che leggere questa pagina.

Crei subito un account