Generatore di moduli d'ordine: versione web e cartacea

Generatore di moduli d'ordine

Generatore di moduli d'ordine: modulo HTML e modello stampabile

Elenca i tuoi prodotti e prezzi e ottieni un modulo d'ordine in due modi: HTML da copiare con totale in tempo reale che invia al tuo gestore di form, e un foglio cartaceo da stampare.

Aggiungi ogni prodotto con il suo prezzo, scegli quali dati del cliente raccogliere e incolla l'indirizzo del tuo gestore di form. Ottieni l'HTML di un modulo d'ordine con caselle per le quantità e un totale aggiornato, pronto da inserire nel tuo sito, più un foglio d'ordine cartaceo stampabile creato dallo stesso elenco per mercati, fiere e ordini telefonici.

Cosa invia il modulo generato

Molti piccoli venditori non hanno bisogno di un negozio online completo. Una panetteria che raccoglie preordini per le feste, un'azienda agricola che vende cassette di prodotti o un club che vende il kit della squadra ha bisogno solo di un elenco, di una quantità accanto a ogni articolo e dei recapiti dell'acquirente. Questo generatore scrive esattamente questo in semplice HTML, quindi funziona su qualsiasi website builder che accetta codice personalizzato.

Domande frequenti

Dove va l'ordine quando qualcuno lo invia?

All'indirizzo nell'attributo action del modulo, inviato con method post. Quell'indirizzo deve appartenere a qualcosa che accetta invii di moduli, come un servizio di backend per form o uno script sul tuo server. Questa pagina non riceve né conserva ordini.

Perché il totale non è nei dati inviati?

Il totale si trova in un elemento output, e il contenuto di un elemento output non viene inviato con il modulo. Qui è voluto: un visitatore potrebbe modificare un numero nel suo browser, quindi il venditore deve sempre calcolare l'importo dalle quantità.

Il totale funziona senza JavaScript?

Il modulo si invia anche senza script, ma il totale aggiornato è calcolato da un breve script incluso nel codice. Se gli script sono disattivati, il totale resta semplicemente a zero.

In cosa è diverso da un modulo di prenotazione?

Un modulo d'ordine raccoglie prodotti e quantità. Un modulo di prenotazione raccoglie una data, un orario e un servizio. Per gli appuntamenti usa invece il nostro generatore di moduli di prenotazione.

Posso adattare lo stile del modulo al mio sito?

Sì. Il codice usa un piccolo blocco di stile con semplici nomi di classe che iniziano con of-, così puoi cambiare colori, font e spaziature senza toccare il resto della pagina.

Scegliere un gestore di form

I fogli d'ordine cartacei sono ancora utili

Ricalcola il totale dove arriva l'ordine

Il tuo gestore riceve quantità, non un totale affidabile. Questo piccolo esempio lato server in JavaScript calcola il prezzo di un ordine dal tuo listino e ignora tutto ciò che non conosce.

Calcolare il prezzo di un ordine dalle quantità inviate

I prezzi stanno dalla tua parte, quindi un visitatore che modifica la pagina non può cambiare quanto deve pagare.

Crea il tuo modulo d'ordine

Titolo del modulo

Simbolo della valuta

Indirizzo del gestore di form (dove vengono inviati gli ordini)

Prodotti e prezzi

Prodotto {n}

Prezzo {n}

Rimuovi prodotto {n}

Aggiungi prodotto

Campi cliente facoltativi

Indirizzo di consegna

Note

Anteprima

Quantità di {v}

Totale

L'anteprima non invia nulla. Il tuo modulo invia i dati all'indirizzo del gestore che hai inserito.

Il tuo HTML

Copia HTML

Stampa modulo cartaceo

Foglio d'ordine cartaceo

Foglio d'ordine

Prodotto

Prezzo

Qtà

Totale riga

Nome

Telefono o email

Totale dell'ordine

Inizia gratis · Nessuna carta di credito richiesta

Correlati: Strumenti gratuiti

Prodotto

Per chi è

Funzionalità

Risorse

Azienda

Mappa del sito