So erstellen Sie ein Online-T-Shirt-Bestellformular in WordPress [einfach und einfach]
Veröffentlicht: 2022-07-06Planen Sie, ein Online-T-Shirt-Geschäft zu eröffnen? Oder versuchen Sie, ein individuelles T-Shirt für Ihre engen Freunde oder vielleicht für Ihre Organisation zu machen. Es ist mühsam, jedes Design oder jede Farbpräferenz einzeln zu erhalten. Außerdem ist es nicht effizient, jeden nach seiner T-Shirt-Größe zu fragen.
Also was brauchst du? Sie müssen ein Online-T-Shirt-Formular erstellen, in dem jeder das Design, die Farbe und Größe des T-Shirts, die Adresse, an die Ihr T-Shirt geliefert werden soll, die Zahlungsoptionen und vieles mehr auswählen kann.
Fluent Forms ist der anfängerfreundlichste Formularersteller. Jetzt herunterladen und KOSTENLOS schöne Formen erstellen!!!
Möglicherweise finden Sie online einige Vorlagen für T-Shirt-Bestellformulare, aber all diese werden Sie nicht vollständig zufrieden stellen. Vorlagen sind großartig, aber es gibt auch einen großen Rückschlag: Möglicherweise finden Sie nicht alle erforderlichen Felder, die Sie überhaupt wollten. Außerdem müssen Sie es nach Ihren Bedürfnissen entwerfen und integrieren.
Warum also nicht ein T-Shirt-Bestellformular ohne Vorlage erstellen, die Felder anpassen und anordnen, die Layouts entwerfen, Funktionen hinzufügen und es zu Ihrer eigenen T-Shirt-Formularvorlage machen? Und das Beste ist, dass Sie es ohne manuelle Programmierung tun können.
Ein Formularersteller zum Erstellen eines Online-Bestellformulars für T-Shirts
Wenn Sie kreative und schöne T-Shirt-Bestellformulare erstellen müssen, benötigen Sie sicherlich ein leistungsstarkes Formularerstellungs-Plugin. Und wenn es darum geht, Online-Formulare ohne Programmierung zu erstellen, geht nichts über Fluent Forms. Bevor Sie sich mit der Formularerstellung befassen, fragen Sie sich vielleicht, welche Vorteile es hat, Fluent Forms zu wählen, um Ihr gewünschtes Online-T-Shirt-Bestellformular zu erstellen.
Bitte schön -
Abwicklung von Masseneinreichungen : Das T-Shirt-Bestellformular ist auf dem Markt sehr anspruchsvoll. Denn jeder möchte ein individuelles T-Shirt für seine Bande. Bekleidungsunternehmen verwenden diese Formularersteller auch, um Bestellungen von ihren Kunden zu erhalten. Sie benötigen also ein Tool, das die Massenübermittlung handhaben kann, über alle erforderlichen Felder und Funktionen verfügt, einen PDF-Rechnungsgenerator und so weiter.
Unglaublich viele Eingabefelder : Pflichtfelder zum Erstellen eines Online-T-Shirt-Bestellformulars
- Namensfeld
- Adressfeld (mit Autovervollständigung und Google-Map-Integration)
- E-Mail-Feld
- Kontrollkästchen und Multiple-Choice
- Zahlungsfelder
- Datei-Upload
- Dropdown-Feld zur Auswahl von Farben, Design, Größe usw.
- Repeater-Feld
Darüber hinaus erhalten Sie mehr als 40 Eingabefelder, mit Ausnahme dieser, um alle Arten von Online-Formularen zu erstellen, die Sie möchten. Sehen Sie sich an, wie Sie mit Fluent Forms ein Scheckanforderungsformular erstellen.
Wichtige Funktionen und Integrationen : Möglicherweise müssen Sie Ihrem Formular eine bedingte Logik hinzufügen, oder vielleicht einen Taschenrechner, um Ihrem Kunden zu helfen, sein Budget im Auge zu behalten, oder vielleicht ein Bild des T-Shirts, alles kann mit Fluent Forms gemacht werden.
Auch das Herunterladen der PDF-Version der eingereichten Beiträge ist ein großartiges Feature jedes Online-Bestellformulars. Benutzer benötigen möglicherweise die Rechnung in der Hand. Sie können die Rechnung mit dem bestellten T-Shirt versenden.
Wenn Sie Ihre Leads oder Einmalkunden zu dauerhaften treuen Kunden machen möchten, benötigen Sie möglicherweise eine Art Customer Relationship Management- oder CRM-Tool für Ihren Formularersteller, und ja, Fluent Forms verfügt über eine Reihe nativer Integrationen, um die Leads zu pflegen.
Darüber hinaus erhalten Sie über 45 Integrationen, von Automatisierungs- bis zu Dateifreigabe-Tools, von der Mitgliedschaft bis zu Benachrichtigungs-Tools und so weiter.
Genug geplaudert, lasst uns in die Formerstellung springen.
So erstellen Sie ein Online-T-Shirt-Bestellformular (von Grund auf neu)
Dies sind die Schritte, um ein einfaches und vollständiges T-Shirt-Bestellformular zu erstellen. Machen Sie einfach mit, um Ihr Online-T-Shirt-Geschäft zum Laufen zu bringen!
Schritt 1: Erstellen Sie ein Online-Bestellformular für T-Shirts
Um ein Online-Bestellformular für T-Shirts ohne Programmierung zu erstellen, müssen Sie als allererstes einen Formular-Builder auf Ihrer WordPress-Site installieren. Die Installation von Fluent Forms ist ziemlich einfach.
Bewegen Sie nach der Installation und Aktivierung des Plugins den Mauszeiger auf der linken Seite zu Fluent Forms und wählen Sie Neu hinzufügen, um Ihr Formular zu erstellen. Jetzt erscheint ein Popup, wählen Sie die Option Neues leeres Formular, um Ihr neues Formular zu initialisieren.
Sie sehen ein Glückwunsch-Popup und werden zur Seite des Formulareditors weitergeleitet. Auf dieser Seite können Sie Ihre Formularfelder nach Belieben hinzufügen, entfernen und anpassen.
Hier müssen Sie sich über den Formularaufbau entscheiden. Einige Likes springen direkt in den T-Shirt-Designbereich, und andere möchten zuerst die grundlegenden Informationen der Benutzer erhalten.
Bei letzterem fügen wir nacheinander die Felder Name, Adresse, E-Mail und Telefonnummer hinzu. Das ist ziemlich einfach, suchen Sie einfach auf der rechten Seite der Editorseite nach dem Feld und klicken Sie darauf, um es Ihrem Formular hinzuzufügen. Sie können auch das Feld ziehen, um sie zu mischen.
Was den Namen betrifft, fügen wir nur den Vor- und Nachnamen hinzu, Sie können die Option für den zweiten Vornamen in der Eingabeanpassung aktivieren. Was können Sie noch anpassen? Für das Adressfeld können Sie eine sekundäre Adresse hinzufügen oder entfernen, unnötige Informationen ausschließen oder Google Map Autocomplete hinzufügen, wenn Sie möchten.
Schritt 2: Erstellen Sie einen Abschnitt für die Anpassung des T-Shirt-Stils
Für Ihr individuelles T-Shirt müssen Sie nun die Größe, Farbe und Menge Ihres gewünschten Shirts auswählen. Wir fügen also einen dreispaltigen Container hinzu und fügen ein Zahlungsfeld mit aktivierter Radiooption, eine Zuordnung des Felds für die Artikelmenge zum Zahlungsfeld und ein Dropdown-Feld mit dem Namen Farbe auswählen (wo wir die Optionen für erstellt haben) hinzu verschiedene Farben).
Was ist, wenn jemand ein anderes T-Shirt in einer anderen Größe und Farbe bestellen möchte? Ja, das können wir auch. Mit einem einfachen Trick der bedingten Logik können Sie einen weiteren Container hinzufügen, dem dieselben Felder zugewiesen sind.
Fügen Sie ein Kontrollkästchen hinzu und nennen Sie es T-Shirt hinzufügen, kopieren Sie dann den früheren Container und benennen Sie ihn in T-Shirt 2 um. Stellen Sie die Bedingungslogik gemäß dem Screenshot ein. Immer wenn ein Benutzer dieses Feld ankreuzt, erscheint jetzt ein neuer Behälter und er/sie kann seiner/ihrer Bestellung eine weitere T-Shirt-Anforderung hinzufügen.
Schritt 3: Passen Sie den Zahlungsbereich für Ihr T-Shirt-Bestellformular an
Das Festlegen der Zahlungsoption für das T-Shirt-Bestellformular ist in Fluent Forms sehr einfach. Fügen Sie Ihrem Bestellformular die Felder Zahlungsmethode und Zahlungszusammenfassung hinzu. Das war's, Menge und Betrag werden dynamisch abgerufen und die Zwischensumme und die anderen Informationen in der Zahlungszusammenfassung angezeigt.
Um es aufzupeppen, fügen wir ein benutzerdefiniertes Feld hinzu, das als Bestätigungsnachricht zum T-Shirt-Bestellformular angezeigt wird. Fügen Sie zuerst ein benutzerdefiniertes Feld und Ihre Bestätigungsnachricht hinzu. Dann ist das Abrufen dynamischer Daten ziemlich einfach. Geben Sie {dynamic.Name_Attribute} ein, um die Daten dieses bestimmten Felds abzurufen.
Für Zahlungsmethoden bietet Ihnen Fluent Forms die beliebtesten Zahlungsintegrationen. Sie können Stripe, PayPal, Mollie, RazorPay usw. für die Zahlung Ihres T-Shirt-Bestellformulars verwenden. Das Einrichten Ihrer Zahlungsmethode ist genau wie jede andere Zahlungseinstellung. Sie müssen es über API-Schlüssel integrieren.
Schritt 4: Machen Sie es zu einem mehrstufigen Formular, wenn Sie möchten
Jetzt kann es überwältigend sein, wenn ein Benutzer so viele Felder auf einer Seite sieht. Sie können Ihr Formular in mehrstufige Formulare unterteilen und mehrere Abschnitte für die Kontaktinformationen und die Rechnungsadresse des Benutzers, grundlegende Informationen, Zahlungsabschnitte und Bestätigungsabschnitte erstellen bilden.
Suchen Sie in den Eingabefeldern nach Formularschritt, fügen Sie sie dann am Anfang der Seite und am Ende hinzu, fügen Sie auch einen nach den Rechnungsinformationen hinzu und fügen Sie einen nach der T-Shirt-Auswahl hinzu.
Schritt 5: Benachrichtigungs- und E-Mail-Einstellungen für das T-Shirt-Bestellformular
Was passiert nun nach der Bestellung? Wenn Sie eine E-Mail-Benachrichtigung an Ihren Benutzer senden und eine E-Mail-Benachrichtigung für sich selbst erhalten möchten, nachdem ein T-Shirt-Bestellformular gesendet wurde, müssen Sie die E-Mail-Benachrichtigung aktivieren. Schalten Sie dazu die E-Mail-Benachrichtigungen auf der Registerkarte Einstellungen und Integrationen ein. Klicken Sie oben auf Benachrichtigung hinzufügen und füllen Sie die Felder nach Bedarf aus. Wir empfehlen Ihnen, die Best Practices für E-Mail-Benachrichtigungen zu befolgen, um Probleme mit der E-Mail-Zustellbarkeit zu vermeiden.
Möglicherweise haben Sie die anderen verfügbaren Optionen auf der linken Seite des Bildschirms gesehen. Ja, Sie können Ihr Formular mit verschiedenen Tools wie Mitgliedschafts-, Benachrichtigungs-, CRM-Software usw. integrieren, wenn Sie möchten.
Schritt 6: Gestaltung Ihres T-Shirt-Bestellformulars
Wenn Sie alles befolgt haben, was wir Ihnen bisher gesagt haben, haben Sie ein funktionelles T-Shirt-Bestellformular. Sie können dies überall verwenden, z. B. auf einem Blog oder einer Seite, wenn Sie möchten. Außerdem können Sie eine Zielseite für dieses Formular erstellen, die über direkte Links oder Schaltflächen geteilt werden kann.
Aber wie wäre es, dieser Form etwas Stil zu verleihen? Ja, Sie können dies auch tun. Das Hinzufügen einiger vorgestellter Bilder zu Ihrem Formular über ein benutzerdefiniertes HTML-Feld ist ziemlich einfach. Wenn Sie Seitenersteller wie Elementor und Oxygen verwenden, erhalten Sie einige zusätzliche Widgets für Fluent Form. Es kann sehr praktisch sein, Ihr Formular so reichhaltig aussehen zu lassen, dass Benutzer normalerweise nicht scrollen können, ohne einen zweiten Blick darauf zu werfen.
Hier ist ein einfaches T-Shirt-Bestellformular ohne Codierung oder die Hilfe eines ausgefallenen Seitenerstellers –
In der Option Vorschau & Design haben Sie einige Optionen, um die Hintergrundfarbe, die Schriftfarbe, das Containerdesign usw. zu ändern. Es bietet sogar einige Formularstilvorlagen für Ihr T-Shirt-Bestellformular – Modern, Classic, Bootstrap Style usw.
Wenn Sie Ihrem Formular jedoch benutzerdefiniertes CSS und JS hinzufügen möchten, ist dies ebenfalls möglich. Es ist nicht zwingend erforderlich, Ihren Formularstil von Hand zu codieren. Sie können im Handumdrehen schöne Formulare ohne CSS oder ausgefallenen Seitenersteller erstellen.
Erinnern Sie sich an das dynamische Abrufen von Daten auf der Bestätigungsseite zur Beruhigung?
Geben Sie einfach {dynamic.Name_Attribute} ein, um die Daten dieses bestimmten Felds abzurufen. Für unser Bestellformular fügen wir einfach ein benutzerdefiniertes HTML-Feld ein und fügen einen Bestätigungstext zusammen mit den Tags {dynamic.names} und {dynamic.phone} ein . Voila! So sieht es in Ihrem Formular aus.
Wir haben den Funkfeldern auch einige T-Shirt-Designs zur visuellen Auswahl hinzugefügt.
Veröffentlichung Ihres T-Shirt-Bestellformulars
Das Veröffentlichen Ihres T-Shirt-Bestellformulars ist kein Hexenwerk. Fluent Forms gibt jedem Formular immer eine eindeutige ID. Kopieren Sie einfach den Shortcode und fügen Sie ihn auf der Seite oder im Blog-Beitrag ein, auf der Sie Ihr Formular veröffentlichen möchten.
Wenn Sie die Zielseitenfunktion verwenden, können Sie außerdem eine Hintergrundfarbe, ein Hintergrundbild, ein Formularlogo, ein Funktionsbild, eine Seitenüberschrift usw. hinzufügen, um ein elegant aussehendes Formular zu erstellen.
Sie können auch sehen, wie Ihr Formular auf Mobilgeräten oder Desktops aussehen wird. Das Teilen mit der Zielseite ist kinderleicht und bietet eine Handvoll Optionen, z. B. das Teilen über einen direkten Link oder eine Schaltfläche zum Teilen in sozialen Medien .
Immer noch verwirrt? Nein, du verpasst nichts
Mit Typeform können Sie interaktive Formulare erstellen, um Ihr Formular konversationsähnlich zu gestalten.
Sie können mit Fluent Forms auch interaktive Konversationsformulare erstellen. Und es hat eine Reihe von Optionen wie vollen Tastaturzugriff, das Hinzufügen verschiedener Bilder/Layouts, sogar Animationen/Videos zum Formular, ein Klick, um Ihr nicht-interaktives Formular in ein Konversationsformular umzuwandeln, und so weiter.
Wenn Sie ein T-Shirt-Bestellformular als Typeform erstellen möchten, können Sie dies mit Fluent Forms Conversational Form tun.
Erstellen Sie jetzt Bestellformulare für Schul-T-Shirts für Ihre Klasse oder Ihren Verein. Wenn Sie Hilfe benötigen, sehen Sie sich in diesem Video an, wie Konversationsformulare funktionieren.
Hier ist ein weiteres Beispiel für ein Online-Bestellformular für T-Shirts.
Sehen Sie, Sie verpassen nichts. Tatsächlich erhalten Sie mit Fluent Forms mehr als alle anderen Formularersteller, um einige fantastische T-Shirt-Bestellformulare zu erstellen.
Einpacken
Und da haben Sie es, eine einfache und einfache Möglichkeit, ohne Programmierkenntnisse ein Online-T-Shirt-Bestellformular zu erstellen. Jetzt können Sie jede Art von Bestellformular erstellen, wenn Sie möchten, fügen Sie einfach Ihre erforderlichen Felder hinzu und entwerfen Sie innerhalb weniger Minuten ein benutzerorientiertes Formular mit Fluent Forms.
Wenn Sie Probleme mit E-Mail-Benachrichtigungen haben oder Ihre E-Mails in den Spam-Ordner gelangen, können Sie das kostenlose Plugin FluentSMTP installieren. Wenn Sie Fragen zu einem Bestellformular haben, geben Sie unten einen Kommentar ab. Folgen Sie uns in den sozialen Medien, um die neuesten Updates und Tutorials zu erhalten.