Vi state chiedendo come creare modelli di moduli brandizzati che risuonino con l'identità del vostro marchio e garantiscano un'esperienza utente coerente?
I moduli brandizzati che riflettono i colori, il logo e lo stile del vostro marchio rendono i vostri moduli più personali e professionali, migliorando il coinvolgimento e la fiducia degli utenti.
Create subito un modello di modulo con marchio! 🙂
In questa guida, vi illustrerò i passaggi per creare un modulo di marca che abbia un aspetto fantastico e funzioni perfettamente per le vostre esigenze.
Come creare un modello di modulo con marchio
Creare modelli di formulari personalizzati è incredibilmente facile con WPForms. Seguite i passaggi seguenti per iniziare:
In questo articolo
1. Installare e attivare WPForms
WPForms è un popolare plugin per WordPress che vi aiuta a costruire e gestire facilmente vari moduli sul vostro sito web, come moduli di contatto, sondaggi e moduli di registrazione. Non è necessaria alcuna conoscenza di codifica per utilizzarlo.
Il plugin semplifica inoltre la creazione di modelli di formulari con marchio che possono essere utilizzati per creare formulari personalizzati. Offre un'ampia gamma di funzioni di personalizzazione che consentono di creare moduli non solo accattivanti, ma anche reattivi.
Per iniziare, dovrete installare WPForms sul vostro sito WordPress. Una volta attivato, seguite i passaggi indicati di seguito per personalizzare il vostro modulo. Salvatelo come modello e utilizzatelo per la creazione di un nuovo modulo.
2. Creare un modulo da utilizzare come modello
Per prima cosa, aprite il vostro strumento di creazione di moduli e scegliete un modulo esistente o createne uno nuovo da personalizzare nel vostro modello unico.
Nell'area di configurazione iniziale del costruttore di moduli, si vedrà un'opzione per dare un nome al modulo. Nel campo Nome del modulo, digitare il nome del modello.
Questo titolo sarà visibile nella libreria dei modelli una volta aggiunto il modello personalizzato, quindi assicuratevi di usare un titolo breve ma descrittivo.
3. Aggiungere il logo del proprio marchio all'intestazione del modulo
Fare clic sul campo o sui campi che si desidera aggiungere al modulo nel costruttore di moduli. È anche possibile trascinare il campo nell'area di anteprima.
Se si fa clic su un campo nell'area di anteprima, viene visualizzato il pannello Opzioni campo. Qui è possibile apportare ulteriori modifiche al campo.
Una volta aggiunti tutti i campi di vostro gradimento, trascinate e rilasciate il campo Contenuto nella parte superiore del modulo per aggiungere il logo del vostro marchio.
A questo punto, aggiungere nuovo testo o rimuovere quello esistente nell'editor visuale, come richiesto, e fare clic sul pulsante Aggiungi media.
Da qui è possibile caricare il logo del proprio marchio o selezionarlo se già presente nella Libreria multimediale e premere il pulsante Inserisci nel modulo.
Il logo del marchio è stato aggiunto al modello. Modificate pure l'allineamento secondo le vostre esigenze e fate clic su Anteprima di aggiornamento per vedere come appare il vostro modulo.
Leggete anche: Come consentire ai visitatori di duplicare i campi del modulo
4. Convertire il modulo in un modello personalizzato
Dopo aver impostato le impostazioni del modulo e aggiunto i campi, è possibile creare il modello del modulo. Per farlo, fare clic sull'icona Menu prima del pulsante Anteprima.
Quindi, per creare il vostro modello personalizzato, dovrete selezionare il pulsante Salva come modello.
Dopo aver seguito questi passaggi, accanto al nome del modulo sarà presente un tag TEMPLATE, a indicare che si tratta di un modello.
Anche il pulsante Embed sarà disabilitato, il che significa che non sarà possibile utilizzare questo modello personalizzato sul front-end del sito web.
Se lo si desidera, è possibile fornire al modello una breve descrizione. Questa può essere utile per dare una rapida descrizione di come il modello personalizzato è destinato a essere usato.
Per aggiungere una descrizione, andare su Impostazioni " Generale nel costruttore di moduli. Quindi scorrere verso il basso e individuare il campo Descrizione del modello.
Quindi, assicurarsi di fare clic sul pulsante Salva al termine dell'aggiornamento del modello personalizzato, in modo da riflettere le modifiche apportate.
5. Accesso al modello di modulo con marchio
Andate su WPForms " Modelli di moduli per vedere i modelli personalizzati che avete creato per il vostro sito. Successivamente, andate nel menu della barra laterale e scegliete I miei modelli.
Quando si passa il mouse su un singolo modello personalizzato, vengono visualizzate le opzioni per utilizzare, modificare o eliminare il modello.
Per utilizzare il modello di modulo con il proprio marchio, è sufficiente passare il mouse sul nome del modello e fare clic sul pulsante Crea modulo .
Il testo del pulsante cambia in "Usa modello" quando si accede alla pagina dei modelli personalizzati durante la creazione di un nuovo modulo.
Si accede quindi all'interfaccia del costruttore di moduli. Qui, tutti i campi del modello personalizzato scelto saranno già presenti.
Si può modificare questi campi per adattarli alle proprie esigenze oppure si può semplicemente visualizzare il modulo così com'è.
6. Stile del modello di modulo con marchio (facoltativo)
Utilizzare il modello di marchio creato per creare un nuovo modulo. Dopo aver personalizzato i campi, caricare il modulo nell'editor di blocchi di WordPress.
Nell'editor dei blocchi di WordPress, è sufficiente fare clic sul modulo per aprire ulteriori opzioni di stile e personalizzazione per il blocco WPForms.
È possibile modificare il tema del colore, i campi del modulo, le etichette, i pulsanti e gli stili del contenitore e dello sfondo senza scrivere alcun CSS nelle impostazioni del blocco WPForms.
Una volta stilizzato il modello di modulo del marchio, fare clic sulla scheda Avanzate. Qui è possibile copiare il codice CSS contenente tutti gli stili aggiunti.
Ogni volta che si crea un nuovo modulo utilizzando il modello di modulo con marchio, è sufficiente incollare lo snippet di codice e il design del modulo utilizzerà gli stili del modulo precedente.
Domande frequenti su come creare modelli di moduli personalizzati
I modelli di modulo con marchio sono un argomento di grande interesse per i nostri lettori. Ecco le risposte ad alcune domande comuni su di essi.
Che cos'è un modulo di branding?
Un modulo di branding è un tipo di modulo online che incorpora elementi dell'identità di un marchio, come loghi, schemi di colori e caratteri. Aiuta a mantenere una presenza coerente del marchio in tutte le interazioni con i clienti.
Cosa sono i modelli di marca?
I modelli di marchio sono layout predefiniti che includono elementi di branding specifici per l'azienda. Questi modelli assicurano che tutte le comunicazioni e i moduli siano coerenti con l'identità visiva del marchio.
Quanti modelli di marchio si possono avere su WPForms?
Con WPForms è possibile creare e utilizzare un numero illimitato di modelli di marca, che vengono salvati nella scheda I miei modelli. Questa flessibilità vi permette di adattare i moduli a vari scopi, mantenendo l'aspetto del vostro marchio.
Come si usa WPForms per il branding?
Per utilizzare WPForms per il branding, iniziate ad accedere alle funzioni Temi dei moduli e Modelli personalizzati.
Questi vi permettono di progettare e applicare lo stile unico del vostro marchio ai moduli d'ordine, rendendo le interazioni con i clienti più professionali e coese.
Potete personalizzare questi modelli con i colori, i loghi e i caratteri del vostro marchio (gli stessi che utilizzate nei social media e nelle app).
Successivamente, imparate a creare un modello di e-mail personalizzato.
Grazie a WPForms, è possibile modificare facilmente l'aspetto delle e-mail di notifica per creare un'esperienza più personalizzata. Consultate questa guida per scoprire come creare un modello di e-mail personalizzato con WPForms.
Create subito un modello di modulo con marchio! 🙂
Siete pronti a creare il vostro modulo? Iniziate oggi stesso con il più semplice plugin per la creazione di moduli per WordPress. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.
Se questo articolo vi ha aiutato, seguiteci su Facebook e Twitter per altre guide e tutorial gratuiti su WordPress.
