Come creare un modulo d'ordine per magliette online in WordPress [Modo facile e semplice]
Pubblicato: 2022-07-06Hai intenzione di aprire un'attività di magliette online? O provare a realizzare una maglietta personalizzata per i tuoi amici più cari o forse per la tua organizzazione. È faticoso ottenere individualmente il design o le preferenze di colore di tutti. Inoltre, non è efficiente chiedere a tutti la taglia della maglietta.
Allora, di cosa hai bisogno? Devi creare un modulo per la maglietta online in cui chiunque possa selezionare il design, scegliere il colore e la taglia della maglietta, scegliere l'indirizzo a cui desideri che venga consegnata la maglietta, le opzioni di pagamento e quant'altro.
Fluent Forms è il generatore di moduli più adatto ai principianti. Scarica ora e inizia a creare bellissime forme GRATIS!!!
Potresti trovare alcuni modelli di modulo d'ordine per magliette online, ma tutti questi non ti renderanno completamente soddisfatto. I modelli sono fantastici ma c'è anche una grave battuta d'arresto, potresti non trovare tutti i campi necessari che volevi in primo luogo. Inoltre, devi progettarlo e integrarlo in base alle tue esigenze.
Quindi, perché non creare un modulo d'ordine per magliette senza alcun modello, personalizzare e organizzare i campi, progettare i layout, aggiungere funzionalità e renderlo il tuo modello di modulo per magliette. E la cosa migliore è che puoi farlo senza alcuna codifica manuale.
Un generatore di moduli per creare un modulo d'ordine di magliette online
Se hai bisogno di creare moduli d'ordine di magliette creativi e belli, hai sicuramente bisogno di un potente plug-in per la creazione di moduli. E quando si tratta di creare moduli online senza codificare niente batte Fluent Forms. Prima di passare alla creazione di moduli, quali sono i vantaggi di scegliere Fluent Forms per creare il modulo d'ordine di magliette online desiderato che potresti chiedere?
Ecco qui -
Gestire l'invio in blocco: il modulo d'ordine delle magliette è molto esigente sul mercato. Come tutti vogliono una maglietta personalizzata per la propria banda. Anche le aziende di abbigliamento utilizzano questi costruttori di moduli per ricevere ordini dai loro clienti. Quindi, hanno bisogno di uno strumento in grado di gestire l'invio in blocco, avere tutti i campi e le funzionalità necessari, il generatore di pdf delle fatture e così via.
Un numero enorme di campi di input: campi obbligatori per creare un modulo d'ordine di magliette online-
- Nome campo
- Campo indirizzo (con completamento automatico e integrazione con la mappa di Google)
- campo e-mail
- Casella di controllo e Scelta multipla
- Campi di pagamento
- Upload di file
- Elenco a discesa archiviato per la selezione di colori, design, dimensioni, ecc.
- Campo ripetitore
Inoltre, otterrai oltre 40 campi di input esclusi questi per creare qualsiasi tipo di modulo online desiderato. Scopri come creare un modulo di richiesta di assegno con Fluent Forms.
Funzionalità e integrazioni importanti : potresti dover includere la logica condizionale nel tuo modulo, o forse una calcolatrice per aiutare il tuo cliente a tenere traccia del proprio budget, o forse un'immagine della maglietta, tutto può essere fatto con Fluent Forms.
Inoltre, il download della versione PDF delle voci inviate è un'ottima funzionalità di qualsiasi modulo d'ordine online. Gli utenti potrebbero aver bisogno della fattura in mano, puoi spedire la fattura con la maglietta che hanno ordinato.
Se vuoi coltivare i tuoi contatti o clienti occasionali in clienti fedeli permanenti, potresti aver bisogno di una sorta di gestione delle relazioni con i clienti o di uno strumento CRM per il tuo generatore di moduli e sì, Fluent Forms ha un sacco di integrazioni native per coltivare i lead.
Inoltre, otterrai oltre 45 integrazioni, dall'automazione agli strumenti di condivisione di file, dall'iscrizione agli strumenti di notifica e quant'altro.
Basta chiacchiere, passiamo alla creazione di moduli.
Come creare un modulo d'ordine per magliette online (da zero)
Questi sono i passaggi per creare un modulo d'ordine T-shirt facile e completo. Segui semplicemente per far funzionare la tua attività di magliette online in modo fluido!
Passaggio 1: crea un modulo d'ordine per magliette online
Per creare un modulo d'ordine per magliette online senza alcuna codifica, la prima cosa che devi fare è installare un generatore di moduli sul tuo sito WordPress. L'installazione di Fluent Forms è piuttosto semplice.
Dopo l'installazione e l'attivazione del plug-in, passa con il mouse su Fluent Forms dal lato sinistro e seleziona Aggiungi nuovo per creare il tuo modulo. Ora apparirà un popup, seleziona l'opzione Nuovo modulo vuoto per inizializzare il tuo nuovo modulo.
Vedrai un popup di congratulazioni e verrai reindirizzato alla pagina dell'editor del modulo. In questa pagina puoi aggiungere, rimuovere e personalizzare i campi del modulo come preferisci.
È qui che devi prendere una decisione sulla struttura del modulo. Alcuni "Mi piace" saltano direttamente nella sezione del design delle magliette e altri "Mi piace" per ottenere prima le informazioni di base degli utenti.
Andando con quest'ultimo, aggiungeremo uno per uno i campi nome, indirizzo, e-mail e numero di telefono. Questa è roba piuttosto semplice, basta cercare il campo dal lato destro della pagina dell'editor e fare clic per aggiungerlo al modulo. Puoi anche trascinare il campo per mescolarli.
Per quanto riguarda il nome, aggiungeremo solo il nome e il cognome, puoi abilitare l'opzione del secondo nome dalla personalizzazione dell'input. Cos'altro puoi personalizzare? Per il campo dell'indirizzo, puoi aggiungere o rimuovere un indirizzo secondario, escludere le informazioni non necessarie archiviate o aggiungere il completamento automatico di Google Map se lo desideri.
Passaggio 2: crea una sezione per la personalizzazione dello stile della maglietta
Ora per la tua maglietta personalizzata, devi selezionare la taglia, il colore e la quantità della maglietta desiderata. Quindi, aggiungeremo un contenitore a tre colonne e aggiungeremo un campo di pagamento con un'opzione radio abilitata, la mappatura del campo quantità articolo con il campo di pagamento e un campo a discesa chiamato seleziona il colore (dove abbiamo creato le opzioni per colori differenti).
Ora, cosa succede se qualcuno vuole ordinare un'altra maglietta di dimensioni e colori diversi? Sì, possiamo farlo anche noi. Con un semplice trucco di Conditional Logic, puoi aggiungere un altro container con gli stessi campi assegnati.
Aggiungi una casella di controllo e chiamala Aggiungi T-shirt, quindi copia il contenitore precedente e rinominalo come T-shirt 2. Imposta la logica condizionale come da Screenshot. Ora, ogni volta che un utente seleziona questo campo, apparirà un nuovo contenitore e lui/lei potrà aggiungere un'altra maglietta richiesta al suo ordine.
Passaggio 3: personalizza la sezione di pagamento per il modulo d'ordine della tua maglietta
Impostare l'opzione di pagamento per il modulo d'ordine delle magliette è molto semplice in Fluent Forms. Aggiungi i campi Metodo di pagamento e Riepilogo pagamento per il modulo d'ordine. Questo è tutto, recupererà dinamicamente la quantità e l'importo e mostrerà il totale parziale e le altre informazioni nel Riepilogo pagamenti.
Per rendere più piccante, aggiungeremo un campo personalizzato da mostrare come messaggio di conferma al modulo d'ordine delle magliette. Innanzitutto, aggiungi un campo personalizzato e aggiungi il tuo messaggio di conferma. Quindi il recupero dei dati dinamici è piuttosto semplice. Digitare {dynamic.Name_Attribute} per ottenere i dati di quel particolare campo.
Per i metodi di pagamento, Fluent Forms ti offre le integrazioni di pagamento più popolari. Puoi utilizzare Stripe, PayPal, Mollie, RazorPay, ecc. per il pagamento del modulo d'ordine della maglietta. La configurazione del metodo di pagamento è come qualsiasi altra impostazione di pagamento. È necessario integrarlo tramite chiavi API.
Passaggio 4: trasformalo in un modulo a più passaggi, se lo desideri
Ora può essere travolgente se un utente vede così tanti campi in una pagina, puoi dividere il tuo modulo in moduli multi-fase e creare più sezioni per le informazioni di contatto dell'utente e l'indirizzo di fatturazione, le informazioni di base, la sezione di pagamento e la sezione di conferma per il modulo.
Cerca il passaggio del modulo dai campi di input, quindi aggiungili all'inizio della pagina e alla fine, aggiungi anche uno dopo i dati di fatturazione e aggiungi uno dopo la selezione della maglietta.
Passaggio 5: impostazioni di notifica ed e-mail per il modulo d'ordine delle magliette
Ora, cosa succede dopo che l'ordine è stato effettuato? Se desideri inviare una notifica e-mail al tuo utente e ricevere una notifica e-mail per te stesso dopo l'invio di un modulo d'ordine di magliette, devi abilitare la notifica e-mail. Per questo, attiva le Notifiche e-mail dalla scheda Impostazioni e integrazioni. Fai clic su Aggiungi notifica in alto e compila i campi secondo le tue necessità. Ti consigliamo di seguire le migliori pratiche per le notifiche e-mail per evitare problemi di recapito delle e-mail.
Potresti aver visto le altre opzioni disponibili sul lato sinistro dello schermo. Sì, puoi integrare il tuo modulo con diversi strumenti come software di iscrizione, notifica, CRM, ecc., se lo desideri.
Passaggio 6: modellare il modulo d'ordine della maglietta
Se hai seguito tutto ciò che ti abbiamo detto fino ad ora, ti sei procurato un modulo d'ordine di T-shirt funzionale. Puoi usarlo ovunque come su un blog o una pagina, se lo desideri. Inoltre, puoi creare una pagina di destinazione per questo modulo che può essere condivisa tramite link o pulsanti diretti.
Ma che ne dici di dare un po' di stile a questa forma? Sì, puoi farlo anche tu, aggiungere alcune immagini in primo piano al tuo modulo tramite un campo HTML personalizzato è piuttosto semplice. Se utilizzi page builder come Elementor e Oxygen, otterrai alcuni widget aggiuntivi per il modulo Fluent. Può essere molto utile rendere il tuo modulo così ricco che gli utenti di solito non possono scorrere senza dare una seconda occhiata.
Ecco un modulo d'ordine di base per magliette senza alcuna codifica o l'aiuto di un elaboratore di pagine di fantasia:
Nell'opzione Anteprima e progettazione avrai alcune opzioni per cambiare il colore di sfondo, il colore del carattere, il design del contenitore e così via. Anche offre un modello di stile di modulo per il modulo d'ordine della maglietta: moderno, classico, stile Bootstrap, ecc.
Tuttavia, se desideri aggiungere alcuni CSS e JS personalizzati al tuo modulo, è anche possibile. Non è obbligatorio codificare manualmente lo stile del modulo. Puoi creare bellissimi moduli senza CSS o un creatore di pagine di fantasia in un batter d'occhio.
Ricordi il recupero dinamico dei dati nella pagina di conferma per rassicurazione?
Basta digitare {dynamic.Name_Attribute} per recuperare i dati di quel particolare campo, per il nostro modulo d'ordine, inseriamo semplicemente un campo HTML personalizzato e inseriamo del testo di conferma insieme ai tag {dynamic.names} e {dynamic.phone} . Ecco! Ecco come apparirà nel tuo modulo.
Abbiamo anche aggiunto alcuni modelli di magliette ai campi radio per la scelta visiva.
Pubblicazione del modulo d'ordine delle magliette
Pubblicare il modulo d'ordine delle magliette non è una scienza missilistica. Fluent Forms fornisce sempre un ID univoco con ogni modulo. Copia e incolla lo shortcode nella pagina o nel post del blog in cui desideri pubblicare il modulo.
Inoltre, se utilizzi la funzione Pagina di destinazione, puoi aggiungere il colore di sfondo, l'immagine di sfondo, il logo del modulo, l'immagine caratteristica, l'intestazione della pagina e così via per creare un modulo dall'aspetto elegante.
Puoi anche avere la possibilità di vedere come apparirà il tuo modulo su dispositivo mobile o desktop. La condivisione con la pagina di destinazione è facile come una torta e ha una manciata di opzioni come puoi condividere tramite link diretto o pulsante per condividere sui social media .
Ancora confuso? No, non ti perdi nulla
Con Typeform puoi creare moduli interattivi per rendere il tuo modulo simile a una conversazione.
Puoi creare moduli di conversazione interattivi anche con Fluent Forms. E ha un sacco di opzioni come l'accesso completo alla tastiera, l'aggiunta di diverse immagini/layout, persino animazioni/video al modulo, un clic per trasformare il tuo modulo non interattivo in quello conversazionale e così via.
Se vuoi creare un modulo d'ordine per magliette come Typeform, puoi farlo con Fluent Forms Conversational Form.
Crea ora dei moduli d'ordine per le magliette scolastiche per la tua classe o club. Se hai bisogno di una mano, guarda come funzionano i moduli di conversazione in questo video.
Ecco un altro esempio di modulo d'ordine di magliette online.
Vedi, non ti perdi niente. In effetti, con Fluent Forms, ottieni più di qualsiasi altro costruttore di moduli offre per creare fantastici moduli d'ordine per magliette.
Avvolgendo
E il gioco è fatto, un modo semplice e facile per creare un modulo d'ordine di magliette online senza alcuna conoscenza di codifica. Ora puoi creare qualsiasi tipo di modulo d'ordine se lo desideri, basta aggiungere i campi richiesti e progettare un modulo incentrato sull'utente con Fluent Forms in pochi minuti.
In caso di problemi con le notifiche e-mail o con le tue e-mail che vengono inviate allo spam, puoi installare un plug-in gratuito FluentSMTP. Inoltre, se hai domande su qualsiasi modulo d'ordine, commenta di seguito. Seguici sui social media per ricevere gli ultimi aggiornamenti e tutorial.