Transkripte
1. Einführung: Willkommen zurück zu einem weiteren fantastischen
Skillshare-Kurs mit mir. Es ist immer ein Vergnügen, dich hier zu
haben. In dieser Klasse. Ich möchte Ihnen zeigen, wie Sie
ein großartiges mehrstufiges Formular
für Ihre WordPress-Website erstellen können. Und nicht nur jedes
mehrstufige Formular, sondern ein mehrstufiges Formular mit einer Zahlungsschaltfläche am Ende
oder im allerletzten Schritt. Damit Sie Personen durch
die verschiedenen Schritte
herausfinden können ,
in denen sie
verschiedene Eingaben
und Konfigurationen
für den von Ihnen angebotenen Service auswählen können verschiedene Eingaben
und Konfigurationen . Und am Ende wird ihnen der Betrag
angezeigt, den sie
fälschen sollen, und
sie sind eine sehr
strategische Zahlungsschaltfläche die im allerletzten Schritt
platziert wird damit sie ihre Bestellung aufgeben können. werde mir
das im Detail ansehen
und ich zeige
Ihnen, wie Sie
das alles mit kostenlosen Tools machen können. Sie zahlen keinerlei
Plug-In oder Service. Nur für den Fall, dass du mich
zum ersten Mal siehst. Ich unterrichte seit 1,5
Jahren genau hier auf Skillshare. Aber ich benutze
WordPress seit vier Jahren
in das fünfte Jahr,
wieder ziemlich viel
Erfahrung mit den verschiedenen Tools, die
WordPress zu bieten hat. Der einzige Teil, den ich
gerne beschäftige, ist
die Suche nach den besten und günstigsten
und vorzugsweise kostenlosen Tools zum Erstellen von Websites. Wenn Sie also nach einer Möglichkeit
suchen,
ein mehrstufiges Formular zu erstellen , das Zahlungen im
allerletzten Schritt
akzeptiert. Das ist der Kurs für dich. Also ohne mehr Zeit
zu verschwenden, lasst uns anfangen. Alles klar.
2. Installieren des Plugins: Also hier sind wir. Dies ist eine brandneue
Installation von WordPress. Natürlich müssen
wir zuerst das Plugin hinzufügen,
das uns
beim Erstellen des Formulars hilft. Und wir werden ein
großartiges Formular-Plugin namens
Formulator verwenden , da es kostenlos ist und über sehr leistungsstarke Funktionen verfügt. Also lasst uns reingehen. Logins, Neues hinzufügen. Dann
laden wir kein Plugin hoch. Wir installieren es aus
dem Plugins-Repository. Also suche ich
hier nach dem Formulierer. Hier wird es
von WPA AMU dev erstellt. Wie Sie jetzt sehen können, hat
es mehr als 200 Tausend
aktive Installationen. Ich klicke auf „Jetzt installieren“. Es ist jetzt installiert,
also aktiviere ich es. Hier ist es jetzt aktiv. Dies sind die beiden
Plugins, die bei jeder
Neuinstallation von WordPress
standardmäßig geliefert werden. Also wähle ich die beiden aus
und lösche sie dann selektiv aus dem
Dropdown-Menü und bewerbe mich dann. Jetzt sind sie weg. Wir haben nur den Formulierer als
einzige Installation, das Plug-In. Das nächste, was wir tun wollen,
ist jetzt in den Formulierer zu gehen. Sie finden es
fast unten in diesem Menü auf der
linken Seite. Also klicke ich später rein. Da haben wir es.
Dies ist also das Dashboard des Formulierers in Ihrem
WordPress-Dashboard. Mit anderen Worten,
hier werden Sie
Zusammenfassungen darüber sehen , wie Ihre
Formulare funktionieren. Und Sie haben auch Verknüpfungen,
um neue Formulare,
Umfragen und im Grunde
Admin-Zeug zu erstellen . So
installiert man das Plug-In. In der nächsten Lektion sehen
wir uns an, wie man die Foren
erstellt. Wir sehen uns in Kürze.
3. Eine Form hinzufügen: Willkommen zurück.
Um ein Formular zu erstellen, müssen wir
genau
hier gehen , während wir uns noch
im Dashboard befinden,
scrollen, um Formulare zu erstellen. Und wir können darauf klicken
und wir werden dazu
gebracht, ein neues Formular zu erstellen, oder wir könnten zu Formularen gehen, haben auch
die Möglichkeit, ein Formular
zu erstellen oder zu importieren. zuerst Lassen Sie mich das zuerst schließen. Das brauchen wir nicht. Ich
klicke auf „Formular erstellen“. Weil dies ein
mehrstufiges, sehr individuelles
Formular ist, das wir erstellen. Es gibt keine vorgefertigte Vorlage , die wir
für diesen Zweck verwenden können. Also lass uns mit leer gehen. Ausgehend von einer leeren Tafel. Nennen wir ihm einen Namen. Ich nenne es „Schritt durchgeführt“. Klicken Sie nun auf Erstellen. Jetzt ist unser Formular bereit, mit Feldern ausgefüllt zu
werden. Hier fügen wir
also Felder ein. Sie werden feststellen, dass
der Name hier
auftaucht und wir können ihn von hier aus
ändern. Jetzt, da wir
es step perform nennen, können
wir es ändern, um jetzt wird der Name
automatisch mehrstufige Form sein. Also lasst uns fortfahren
und Felder einfügen. Das erste Feld benötigt
diese ein Dropdown-Menü da wir
jemanden benötigen, der
auswählen kann und das heißt select. Also klicke ich darauf und füge
dann Felder ein. Und es werden die Einstellungen für diese bestimmte Art von Eingabe angezeigt. Hier können wir also ein
Label für dieses Feld hinzufügen. Sagen wir also den Website-Typ. Nehmen wir an, wir führen
ein Webdesign-Unternehmen. Angenommen, wir
erstellen diese Art von Formular, damit Benutzer andere Einstellungen und
Konfigurationen
auswählen können, die sie für ihre Website
benötigen. Und dann erhalten Sie einen Preis, der von den Funktionen
abhängt sie für ihre Website auswählen,
und zahlen Sie dann diesen Betrag. Webseite. Nehmen wir an, wir möchten einen Platzhalter hinzufügen, in dem
sie gefragt werden, welche Art von Website. Dann. Jetzt haben wir hier bereits zwei
Optionen vorausgefüllt. Lassen Sie mich das einfach
für eine Sekunde anwenden, bevor wir Änderungen daran vornehmen. Das ist unser Bereich. Wie Sie sehen können, liest es
jetzt die Website. Und wenn wir eine Vorschau anzeigen, ist
dies der Platzhalter, den wir
gerade hinzugefügt haben, welche Art von Website und unsere
Label YS-Website. Wenn wir auf das Dropdown-Menü klicken, hat
es Option eins
und Option zwei. Lass mich das schließen. Wenn wir es wieder öffnen. Jetzt verstehst du, warum wir diese beiden Möglichkeiten
haben. können wir auch ändern. Weil dies
die verschiedenen Arten
von Websites sein werden , aus denen jemand wählen
kann. E-Commerce, vielleicht persönlicher Blog. Und wir können
so viele Optionen hinzufügen , wie wir
benötigen, indem wir darauf klicken. Ich füge ein drittes hinzu. Webseite des Magazins. Lassen Sie mich eine weitere Option hinzufügen. Welche Art von Website? Online-Schule. In Ordnung. Jetzt, da wir
diese verschiedenen Optionen haben, lassen Sie mich das einfach schnell anwenden. Wenn wir es jetzt in der Vorschau sehen. Jetzt haben wir diese verschiedenen
Arten von Websites
im Dropdown-Menü und jemand
kann es auswählen oder richtig, Lassen Sie mich das schließen wieder
öffnen. Jetzt müssen wir jeder
dieser Optionen
einen Preis geben ,
da jede Art von Website
einen anderen Betrag kosten kann in Berechnungen eingeht. Und dann sagen wir enable,
wählen Sie, ob
diese Felder in Berechnungen
verwendet werden sollen oder nicht. Der Wert in Berechnungen
entspricht dem Eingabewert dieses Feldes. Lassen Sie uns das also aktivieren. Und wie Sie sehen können, unsere verschiedenen Optionen hier
angezeigt und
warten darauf, dass wir
die spezifischen Kosten für die
Erstellung jeder Option eingeben . Angenommen, wir berechnen 80 US-Dollar
für einen E-Commerce-Shop. Sagen wir 15 Dollar. Für einen persönlichen Blog
und eine Zeitschriftenwebsite sagen
wir 53 US-Dollar für eine Online-Schule.
Sagen wir 45 Dollar. Was wir jetzt tun müssen,
ist in die Einstellungen zu gehen. Wenn wir in das Styling eingehen, ist
dies nur ein Ort,
an dem Sie zusätzliches CSS hinzufügen können, aber Sie
müssen hier kein CSS hinzufügen da wir
in der nächsten Lektion sehen werden, wie Sie
das Erscheinungsbild der Formulare bearbeiten können . in die Einstellungen zurückkehren, legen Sie hier Dinge fest, z.
B. ob dies ein
Pflichtfeld ist oder nicht. Und natürlich
ist dies ein Pflichtfeld. Sie müssen den
Typ der Website auswählen, die sie benötigen. Wenn wir erforderlich auswählen, geben
wir eine
Fehlermeldung ein, die
angezeigt wird , falls
sie es nicht fühlen. Nehmen wir zum Beispiel an, dieses Feld ist erforderlich. Wir brauchen
diese anderen Optionen hier nicht wirklich, aber Sie können mit ihnen
herumspielen und sehen, was sie tun. Jetzt wo wir das haben, bewirb
ich mich weiter.
4. Die Schritte zur Erstellung der Pagination mit den Formen anfertigen: Was wir als Nächstes tun müssen, ist
zusätzliche Felder für unser Formular hinzuzufügen . Lassen Sie mich das also duplizieren,
anstatt ein neues hinzuzufügen. Dies könnte sein , ob der Kunde Hosting
benötigt oder nicht. Also Hosting. Brauchst du Hosting? Natürlich werden die Optionen
nur zwei Optionen sein , ja oder nein. Also lasst uns diese
beiden für die Berechnungen
jetzt löschen beiden für die Berechnungen , wenn sie es brauchen,
wenn sie es wählen, ja, ich brauche Hosting. Lassen Sie uns natürlich
den Preis für das Hosting angeben. Sagen wir 2424 Dollar. Wissen Sie,
das sollte natürlich 0 sein. Wir werden ihnen keine Rechnung stellen, wenn sie
sagen, dass sie kein Hosting wollen. Lasst uns wieder hier rein gehen. Ich denke, wir sind gut,
also wende das an. Und jetzt haben wir
diese beiden Felder. Vorschau, dass Sie ein
Hosting mit Ja oder Nein benötigen. Ich füge hier
zwei weitere Felder hinzu. Unser Feld ist immer noch
ein Auswahlfeld. Ich möchte sagen, Felder einfügen. Das Label könnte so etwas
wie die Anzahl der Seiten sein. Wie viele Seiten
benötigen Sie auf Ihrer Website? 510. Fügen wir noch einen hinzu, 1515 plus. Okay, lassen Sie uns die
Berechnungen hier für
fünf Seiten aktivieren , die vielleicht das
Training für zehn Seiten berechnen, 3038 für 15 plus 45. Und lasst uns das anwenden. Jetzt haben wir diese drei Felder. Die Vorschau
stimmt, sieht gut aus. Diese drei Felder bilden den ersten Schritt des Formulars. Lassen Sie uns nun erstellen, fügen wir
nun
Felder ein , die in den
zweiten Schritt des Formulars übergehen. Ich füge das Feld ein. Vielleicht könnten wir
etwas wie einen Textbereich hinzufügen. Und dann füge das Feld ein. Jetzt haben wir einen
Textbereich InputField. Lassen Sie uns das Label in
Bemerkungen ändern ,
damit sie etwas als Kommentar
hinzufügen können. Füge deine Nachricht
oder Kommentare hier hinzu. Wende das an. Und jetzt haben wir es hier. Anmerkungen. Wenn wir eine Vorschau anzeigen, werden
Sie feststellen, dass wir
noch keine Schritte haben. Wir haben den
zweiten Schritt des Formulars nicht erstellt. Um dies zu tun,
müssen wir das Feld einfügen. Wir können es
von hier oder hier einfügen. Wir brauchen einen Seitenumbruch. Also klicke ich darauf und füge
dann Felder ein. Ich ziehe diesen
Seitenumbruch direkt über die
Bemerkungen, bis die blaue
Linie darüber erscheint. Jetzt ist der Seitenumbruch
direkt vor den Bemerkungen,
was bedeutet, dass der zweite
Schritt von hier aus beginnt. Wenn wir eine Vorschau anzeigen, werden
Sie jetzt feststellen, dass
wir zwei Schritte haben. Und wenn wir zunächst auf
Maxed klicken,
weil wir sagten, dass diese
Felder erforderlich sein sollten, ist
dies die Nachricht, die wir als Fehlermeldung
eingegeben haben. Das bedeutet also, dass wir
mindestens eine Option auswählen müssen , ein
persönliches Blog. Ja, ich brauche Hosting. Und jetzt können wir auf Weiter klicken. Und das ist unser Textbereich für
Bemerkungen. Aber ich möchte dies zu
einem dreistufigen Formular machen. Vielleicht könnten wir also noch
ein paar Felder einfügen. Klicken wir also auf Felder einfügen. Ich fahre fort und wähle das aus,
wähle die Eingabe aus, weil
es für mich sinnvoll ist. Natürlich haben wir diese anderen Eingabefelder nicht angesprochen
. Wir werden uns noch ein paar mehr ansprechen. Aber die Hausaufgaben oder Projekt für Sie
werden darin bestehen, herauszufinden, wie diese anderen
Eingabefeldtypen
verwendet werden und wo sie sich auf Ihr Formular
bewerben können. Lassen Sie uns also vorerst ausgewählten Feldtyp auswählen. Und lass uns ihm ein Label geben. Zahlungen sind aktiviert. Dann. Benötigen Sie
Zahlungsoptionen auf Ihrer Website? Nein, natürlich. Geben wir nun zwei Optionen wie PayPal ein und fügen
wir Streifen hinzu. Streifen Da haben wir es. Und wenn wir nun in die
Berechnungen eingehen und das aktivieren, wird
NO 0$ PayPal betragen, sie müssen einen
zusätzlichen 13-Dollar-Streifen zahlen, vielleicht zusätzliche 17 US-Dollar. Wenden wir das an. Die
Option „Zahlungen aktiviert“ befindet sich auf der zweiten Seite, da
wir einen Seitenumbruch haben. Aber ich möchte einen
weiteren Seitenumbruch hinzufügen. Und anstatt von dort
ein neues hinzuzufügen, dupliziere
ich dieses einfach. Und jetzt haben wir zwei. Und ich ziehe
das bis zum Ende, nach unten. Dann möchte ich
gleich nach dem Seitenumbruch Bemerkungen machen. Da wir diese drei
Websites haben, die Anzahl der
Seiten hosten und dann
einen Seitenumbruch haben , dann sind die
Zahlungen aktiviert. Ja oder nein. Lassen Sie mich
diese Anzahl von Seiten mitbringen. Der zweite Schritt. Lassen Sie es mich direkt unten legen , denn es gibt etwas, das
ich Ihnen zeigen möchte. Jetzt haben wir
Website-Hosting, dann Seitenumbruch, Anzahl der Seiten, aktivierte
Zahlungen und einen weiteren
Seitenumbruch, dann Bemerkungen. Betrachten wir das in Aktion. Die erste Seite hat also, welche Art von Website
benötigen wir persönliches Blog-Hosting? Ja, wir brauchen Hosting. Zweiter Schritt, Anzahl der Seiten. Wie viele Seiten brauchst du? Vielleicht zehn. Zahlungen auf der Website
aktiviert? Ja, Sie müssen PayPal auf der Website
aktivieren. Im nächsten Schritt haben wir
das Feld „Bemerkungen“. Schließlich müssen
wir die Zahlung
im letzten Schritt
hinzufügen. Also lasst uns sehen, wie das geht.
5. So fügst du die PayPal-Schaltfläche der Form hinzu: Also lasst uns weitermachen
und weitere Felder hinzufügen. Und natürlich müssen
wir auf
der Zahlungsseite den
Namen und die E-Mail haben. Also Name, E-Mail und PayPal. Ich füge
Felder ein, die drei Felder. Natürlich
kommt es jetzt nach Bemerkungen. Wir haben Namen, E-Mail-Papiere, also brauchen wir hier einen
Seitenumbruch. dupliziere ich. Jetzt haben wir zwei, also ziehe ich es direkt nach Bemerkungen, dass es jetzt
Name, E-Mail und PayPal ist. Danach. Lassen Sie uns eine Vorschau der Änderungen anzeigen. Jetzt haben wir das. Lassen Sie mich das auswählen. Nein, max,
Seitenzahl, fünf Papier. Als Nächstes haben wir unsere Bemerkungen hier. Als Nächstes haben wir Namen, E-Mail-Adresse und ich habe bemerkt, dass PayPal
nicht auftaucht. Also lasst uns in unsere Zeitung gehen. Und jetzt werden Sie feststellen, dass
der Grund, warum es nicht angezeigt wird,
darin besteht, dass wir uns nicht mit unserem
PayPal-Konto
verbunden haben , wobei Formulator das
PayPal-Konto hier verbindet. Und genau das
machen wir in der nächsten Lektion. Bevor wir dorthin gehen, rekapitulieren Sie schnell. Alles, was wir tun müssen,
um
unser Formular mit den Feldern einfach auszufüllen , fügen Sie ein, indem Sie auf diese Schaltfläche hier oder und dann ein
Eingabefeld auswählen und einfügen. Lass mich das schließen. Eine weitere Sache, die ich nicht erwähnt
habe, ist Sie
diese Felder
so neu anordnen und nebeneinander platzieren können , damit Sie
sie nebeneinander in der Vorschau anzeigen. Lass mich das schließen. Lassen Sie mich das auch richtig
anstellen, lassen Sie mich auch diesen nebeneinander Namen
und die E-Mail-Adresse angeben. Und wenn wir ihnen eine Vorschau ansehen,
persönlicher Blog Seite an Seite. Der Name und die
E-Mail-Adresse sind nebeneinander. Mal sehen, wie wir diesem
letzten Schritt
Zahlungen hinzufügen , damit jemand
einfach auf Jetzt bezahlen und bezahlen kann. Bevor wir das tun, wir sicher, dass wir das Formular
veröffentlichen. Andernfalls verlieren wir
alles und müssen von Anfang an
beginnen, wenn wir von
dieser Seite weggehen ,
ohne die Änderungen zu
speichern ,
ohne , ohne die Änderungen zu speichern. Lasst uns weitermachen und
klicken Sie auf Veröffentlichen. Jetzt wird das Formular
erfolgreich veröffentlicht. Das Formular ist jetzt
bereit, in
eine Seite oder eine Vorlage
oder unsere Wahl eingebettet zu werden . Also schließe ich das. Und jetzt schauen wir uns an, wie
Sie PayPal mit unserem Formular verbinden können.
6. Mit PayPal verbinden: Und willkommen zurück. Jetzt ist es an der Zeit, sich mit PayPal
zu verbinden, damit
wir den Malknopf genau
hier in den letzten Schritten anzeigen können. Also lass mich das schließen. Und wenn wir PayPal eröffnen, haben
Sie sich nicht mit dem PayPal-Konto
verbunden
, stellen Sie sich hier mit dem PayPal-Konto her. Also lasst uns weitermachen
und hier klicken. Und es öffnet sich in einem neuen Tab. Wird in den Bereich
Einstellungen des Formulierers weitergeleitet, wird direkt
zur Registerkarte Zahlungen weitergeleitet. Wir haben also zwei Möglichkeiten,
Stripe und PayPal. Verbinden wir uns mit Papier. Wenn Sie darauf klicken, wird dieses Pop-up
geöffnet. Und wie Sie sehen können, geben Sie Ihre PayPal-Rest-API-Schlüssel , um sich mit Ihrem Konto zu verbinden. Sie können eine Rest-API-App erstellen. Hier, wie Sie sehen können, macht das
formuliert uns als Nutzer
die Dinge wirklich einfach. Und das ist eine großartige Sache. Gehen wir also weiter und
klicken Sie hier, um
die Anmeldeinformationen zu erhalten,
werden auf eine neue Registerkarte weitergeleitet. Das bedeutet also, dass Sie ein PayPal-Konto
haben müssen. Hier sind wir. Hier bekommen
wir unsere Anmeldeinformationen. Ich muss mich in mein Dashboard einloggen. Also klicke ich auf „Im Dashboard anmelden
“. Wenn Sie kein
PayPal-Entwicklerkonto haben, müssen
Sie eines erstellen. Ich habe mein Passwort-Login nicht eingegeben. Und er muss nur
prüfen, ob ich das bin. Also klicke ich natürlich auf Ja. Und das ist für
Sicherheitsangelegenheiten. Möglicherweise erhalten Sie diese Aufforderung oder nicht, wenn Sie angeben,
was benötigt wird. Überschreibungen. Also sind wir schon
drin. Wie Sie sehen können, meine
Apps und Anmeldeinformationen. Wir haben eine Sandbox
und wir haben ein Live. Und wenn ich
in diesen Bereich zurückkehren kann, in meinem Dashboard
auf der WordPress-Registerkarte haben
wir
in meinem Dashboard
auf der WordPress-Registerkarte die
Sandbox-Client-ID und das Sandbox-Geheimnis. Dann haben wir die
Live-Client-ID und das Live-Geheimnis. also hier reingehen,
haben wir den Sandkasten und lebt. Beginnen wir also mit einer
Sandbox-Anmeldeinformationen. Was ich tun muss,
ist einfach auf App
erstellen zu klicken und ihr einen Namen zu geben. Zum Beispiel eine neue App. Dann haben wir diese
beiden Typen hier. Zur Auswahl. Akzeptieren Sie Zahlungen
als Händler, Verkäufer, verschieben Sie Zahlungen, um
uns als Plattform zu verkaufen, natürlich müssen wir
Zahlungen als Verkäufer akzeptieren. Sandbox-Geschäftskonten. Also erstelle ich eine App. Ihnen werden Ihre Anmeldeinformationen vorgelegt
. Was wir jetzt brauchen, ist, diese Kunden-ID zu
holen. Und jetzt, da diese neue
App, die ich erstellt habe, kein echtes Geschäft ist, werde
ich mich nicht damit verbinden. Ich klicke einfach auf meine
Bauchmuskeln und Anmeldeinformationen weil ich diese von mir
erstellte App namens Ken Visa
verwenden möchte . Sie können jedoch die App verwenden, die
Sie gerade erstellt haben. Und ich verbinde mich
damit, wenn mein Papier raus ist. Jetzt haben wir den Ausweis meines Kunden. Also wähle ich hier meine
Kunden-ID aus. Ich füge es da rein. Dann zeige ich mein Geheimnis. Sie können ein neues Geheimnis generieren, aber ich verwende das, das
wir bereits generiert haben. Ich lege es in ihr
Sandbox-Geheimnis. Und das nächste, was
wir tun müssen, ist erneut
auf Meine Apps und
Anmeldeinformationen zu klicken. Klicken Sie einfach auf Zurück, um zurück
zu gehen, um den Live-Modus auszuwählen. Also wähle ich live aus, weil
wir gerade Sandbox ausgewählt haben. Und ich wähle wieder Ken Visa ,
weil ich PayPal
verbinden wollte , um meine Kunden-ID
auszuwählen. Das ist jetzt die Live-ID. Also legen wir es in
die Live-Client-ID ein. Und geheim. Stell sicher, dass du es niemandem
zeigst. Fügen Sie es dort ein und klicken Sie
dann auf Verbinden. Jetzt sind wir verbunden,
wie Sie sehen können. Und wenn Sie die Verbindung trennen möchten, können
Sie die Verbindung hier jederzeit trennen. Speichern Sie also Einstellungen. Jetzt
wurden die Zahlungseinstellungen erfolgreich gespeichert. Und im Grunde ist es, wie man den Formulierer mit Papier
verbindet. In der nächsten Lektion sehen
wir uns an, wie Sie
das PayPal-Zahlungsfeld
in unserem Formulator-Formular konfigurieren . Wir sehen uns in Kürze.
7. Das PayPal konfigurieren: Und willkommen zurück. In der vorherigen Lektion haben
wir gerade gesehen, wie
man sich mit PayPal verbindet. Sehen wir uns an, wie Sie
das Feld
PayPal-Zahlungsformular in unserem formulierten Formular konfigurieren . Gehe zurück in Formulare. Das erste, was
Sie bemerken werden, ist, dass unser Formularname nicht auf den neuen Namen
aktualisiert wurde. Wir haben die beiden geändert während wir
das Formular bearbeitet haben, und das
liegt daran, dass wir das
Formular mit den neuen Änderungen veröffentlicht haben. Also lasst uns reingehen und bearbeiten. Und natürlich
haben wir hier den Namen des Formulars geändert,
aber jetzt scrollen wir nach unten, denken Sie daran, dass wir
den PayPal-Button hinzugefügt und als wir darauf geklickt
haben, hatten wir
vor uns eine Fehlermeldung mit Papier verbunden. Jetzt ist diese Botschaft hier
nirgends zu sehen. Das erste, was wir tun
müssen, ist eine Währung festzulegen. Also
sagst du deine Währung, ich überlasse das bei Dollar. Und so ist unser Betrag nicht festgelegt. Es ist variabel, es hängt von den Feldern ab, die der
Benutzer ausgewählt hat. Wir müssen also eine Variable
auswählen, aber jetzt
haben wir noch keine Variable. Wir müssen
ein Feld auswählen, das den Gesamtbetrag des
Bargeldes
anzeigt , den sie in
einem Haus bezahlen ,
je nachdem, welche Felder
sie ausgewählt haben. Und ich zeige dir,
wie du dieses Feld hinzufügst. Schließen wir dies zunächst und
sehen uns eine Vorschau auf unseren PayPal-Button an. Also wähle ich diesen
E-Commerce aus. Was passiert? Lassen Sie mich diesen
persönlichen Blog auswählen. Nein, als Nächstes. Lass mich einfach als Nächstes gehen. Als Nächstes. Jetzt haben wir hier einen
PayPal-Checkout-Button. Und jemand kann auch mit einer Debitkarte
bezahlen. Aber jetzt fügen wir das Feld ein, das anzeigt
, wie viel Geld
der Kunde zahlen muss. Und das nennt man
Berechnungseingaben. Also wähle ich die
Berechnungen aus und füge Felder ein. Dann lassen Sie uns
das vielleicht ein anderes Label geben. Die gesamte Erleichterung des Betrags. Lassen Sie uns in die Berechnungen eingehen und hier erstellen wir eine einfache Formel, um den Gesamtbetrag zu
berechnen. Und natürlich ist die einfache
Formel die Hinzufügung der Option, die die Person jedem einzelnen Feld
auswählt. Was wir also tun müssen, ist die verschiedenen
Felder
auszuwählen, die wir hier benötigen. So zum Beispiel das erste Feld, YS-Website, Dort haben
wir eine Option. Lassen Sie mich
das einfach für eine Sekunde schließen. Wir haben die Website und
wir haben sie Hosting. Sie haben dort eine Option. Überall dort, wo es eine
Option gibt, die Geld beinhaltet. Wir haben die
Möglichkeit, diesen Selektor auszuwählen. Wir haben also die Anzahl der Seiten, Zahlungen aktiviert und all das. Wenn wir also wieder in
Berechnungen und
Berechnungen zurückgehen, haben wir eine Website. Welche Option sie im Website-Feld
wählen,
sollte dann zu der Hosting-Auswahl hinzugefügt werden, die sie treffen. Und das sollte
zu der Anzahl der ausgewählten
Seiten hinzugefügt werden . Und das sollte
der
Option „Zahlungen aktiviert“ hinzugefügt werden, die sie auswählen. Also hier ist unsere Formel. Wahl der Websites. Die letzte
Hosting-Wahl plus Anzahl von Seiten plus aktivierte Zahlungen. Und dann lasst uns das anwenden. Nachdem wir
diese Berechnungen haben, legen
wir sie über
den PayPal-Button direkt unter dem Namen und der E-Mail. Gehen wir nun in
die Papiervariable, Lassen Sie uns Berechnungen auswählen
und dort anwenden. Diese beiden sind miteinander verbunden. Jetzt akzeptiert PayPal
die Zahlung des Betrags
, den der
Berechnungsfilm anzeigen wird. Wenn wir also
zum Beispiel in die Überprüfung gehen, wählen Sie den
E-Commerce-Shop aus. Nehmen wir an, wir brauchen kein Hosting. Angenommen, wir
brauchen zehn Seiten. Brauchen wir eine Zahlungsoption? Ja. Sagen wir PayPal. Sie haben keine Bemerkungen. Und dann
zeigen die Berechnungen , dass wir 131$ bezahlen müssen, sagen
wir PayPal Checkout. Und es fängt an, unsere Zeitung
zu öffnen. Wenn Sie ein PayPal-Konto haben ein Kunde
ein PayPal-Konto hat, kann er sich anmelden und die Zahlung
abschließen. Sie können auf Debit
- oder Kreditkarte klicken. Jetzt können sie
alle ihre Details
hier eingeben und
jetzt per Papier bezahlen.
Diese Fehlermeldung
ist aufgetaucht, weil ich das gezeigte
Papier-Pop-up beraten habe. Dies soll uns nur mitteilen, dass der Zahlungsvorgang nicht abgeschlossen
wurde. Der Benutzer hat den
PayPal-Zahlungsprozess abgebrochen. Also lass mich das schließen. Jetzt, da das Setup, klicke
ich auf Update. Unser Formular kann jetzt im
Frontend unserer Website
angezeigt werden . Mit anderen Worten, auf unserer Webseite. Wie zeigen wir dieses
Formular im Frontend an? Werde das in der nächsten
Lektion tun. Wir sehen uns in Kürze.
8. Das Formular auf der Webseite zeigen: Und willkommen zurück. Jetzt haben wir unser
Formular bereit, im
Frontend auf einer Webseite
angezeigt zu werden . Wie machen wir das? Ich wollte
dir zwei Methoden zeigen. Einer von ihnen verwendet die
Standard-WordPress-Short-Code-Methode, und die andere verwendet einen
Seitenersteller wie Elementor. Beginnen wir mit einer
integrierten WordPress-Methode. Gehen Sie also in Seiten , weil wir
es auf einer Webseite anzeigen. Weil ich erwähnt habe, dass dies eine brandneue Installation
von WordPress ist. Dies sind die beiden
Standardseiten, die
mit jeder
Neuinstallation von WordPress geliefert mit jeder
Neuinstallation von WordPress Ich möchte eine
neue Seite erstellen, also füge neue hinzu. Richtig, geben wir ihm einen Namen. Nehmen wir an, dies ist die Serviceseite oder
so etwas. Und da wir die
integrierten WordPress-Tools verwenden, klicke
ich auf Hinzufügen, um einen Block hinzuzufügen. Und hier drin tippe ich kurz. Kurzcode wird hier angezeigt. Also wähle ich einfach den Kurzcode aus. Und jetzt müssen wir hier
einen kurzen Code schreiben. Also klicke ich mit der rechten Maustaste, um
diesen Link in einem neuen Tab zu öffnen , damit
wir diese Seite nicht schließen. Wir müssen einen kurzen Code
aus dem von uns erstellten
Formulator-Formular abrufen . Gehen wir in diesen neuen Tab. Ich gehe in Formulatorformulare ein. Natürlich ist das unsere Form. Was muss ich tun, ist hier
auf dieses Zahnrad zu klicken. Die zweite und die zweite Option wird der Kurzcode kopiert. Ich habe es kopiert, falls Sie sich bereits im Formular befinden. Sie können auch zu diesem
Zahnrad gehen und Kurzcode kopieren. Lassen Sie mich nun zurück
zu unserem Tab wechseln, wo wir
den kurzen Codeblock haben , und
fügen Sie ihn dort ein. Das war's. Lassen Sie uns die Seite als nächstes veröffentlichen. Veröffentlichen Sie es. Sehen wir uns die Seite an. Es gibt unsere Seite und unser Formular wird genau hier
richtig angezeigt. Es funktioniert wie gewohnt. Unsere Schecks funktionieren,
denn wie Sie sehen können, die
Schecks durch,
bevor wir mit
dem nächsten Schritt fortfahren
können führt das Formular die
Schecks durch,
bevor wir mit
dem nächsten Schritt fortfahren
können, und wenn etwas nicht stimmt, benachrichtigt es uns. Lass mich das einfach auswählen. Nein. Als Nächstes haben diese keine Schecks. Es gibt unseren Papierknopf. Wählen wir Papier aus. Jetzt kann sich jemand anmelden und seine Zahlung von 15 USD
abschließen. Denken Sie daran, dass ich erwähnt habe,
dass
diese Fehlermeldung angezeigt wird, weil wir diesen Zahlungsprozess geschlossen angezeigt wird, weil wir diesen Zahlungsprozess geschlossen haben,
bevor wir ihn abgeschlossen haben, bevor er abgeschlossen war. Wir können auch auf die Debit
- oder Kreditkartenmethode klicken. Die Details werden hier angezeigt und wir können unsere Zahlung
abschließen. Das ist die erste Methode. wieder in unser Dashboard gehe, möchte
ich Ihnen die zweite
Methode mit Elementor zeigen. Im Grunde ist es also
ähnlich, weil wir immer noch ein
kurzes Code-Element verwenden werden. Aber natürlich möchte
ich nicht davon ausgehen, dass jeder, diesen Kurs
ansieht, zuvor im Mentor
verwendet hat. Ich wollte nur
sicherstellen, dass alle abgedeckt sind. Also geh in Plugins. Ich möchte neu hinzufügen. Wir müssen Elementor,
Elementor
Website-Builder, hinzufügen und jetzt installieren. Okay, lass es mich aktivieren. Dies ist das Setup, dies ist der neue Elementor-Setup-Assistent, also müssen wir es durchgehen. Ich möchte nur, dass wir das
behalten. Überspringe das. Ich möchte kein Thema auswählen. Ich möchte
der Website vorerst keinen Namen geben,
da dies zur Veranschaulichung dient. Ich möchte das Logo nicht hinzufügen. All das überspringt. In Ordnung, also können
wir
eine leere Leinwand mit dem
Elementor-Editor bearbeiten . Also klicke ich darauf. Hier bearbeiten
wir unsere Seite. Also alles was ich tun muss,
während ich
hier auf dieser Seite bin , mit dieser Bearbeitung mit
Elementor Editor verfügbar. Ich gehe in dieses
Such-Widget und suche kurz. In automatisch erscheint ein kurzes
Code-Element, aber wir müssen einen Abschnitt hinzufügen, also klicke ich darauf. Und dann füge ich vielleicht
einen zweispaltigen Abschnitt hinzu. Nein, vielleicht fügen wir einen einzelnen Spaltenabschnitt hinzu, einen
einspaltigen Abschnitt. Und da haben wir es. In
dem Moment, in dem wir es hinzufügen, werden die Einstellungen
für den Abschnitt angezeigt. Aber das wollen wir nicht. Wir möchten den Kurzcode hinzufügen. Ich klicke auf dieses Element-Symbol
, um die Elemente aufzurufen. Schon wieder. Ich gebe Short
- und Short Code-Elemente dort eine der
Optionen sein
werden. Ich lass es da rein. Und jetzt haben wir ein Feld
, um unseren Kurzcode einzugeben. Also gehe ich auf der anderen Seite zu unserem
Formular zurück. Auf dieser anderen Registerkarte klicke
ich auf diesen kurzen Code für
Zahnradkarpfen. Geh wieder rein und ich füge es hier ein. Dann veröffentliche ich die Seite. Der Beitrag ist live. Lassen Sie uns eine Vorschau anzeigen. Da haben wir es. Zweite Methode zur
Anzeige nur für den Fall, dass Sie Elementor Is
your Page Builder
verwenden. So zeigt man
das Formular im Front-End an. Und jetzt bin ich mir ziemlich
sicher, dass du dich fragst,
was ist, wenn ich die Farben
ändern möchte? Was ist, wenn ich diesen
Rahmen in den Eingabefeldern nicht möchte? Was ist, wenn ich
den Namen dieser Seite eins, Seite zwei,
Seite drei ändern möchte. Wie mache ich das? In der nächsten Lektion
erfahren Sie, wie Sie
das Aussehen oder das Formular an
Ihre Markenfarben anpassen können. Wir sehen uns also in Kürze.
9. Anpassen der Pagination der Form: Also sind wir wieder in
unserem Dashboard. Wir möchten jetzt das
Erscheinungsbild unseres Formulars ändern. Und um das zu tun, müssen wir
in die Registerkarte „Darstellung“ gehen. Und Sie werden beim Scrollen feststellen
, dass es der nächste Schritt ist, nachdem wir alle benötigten Felder
hinzugefügt haben. Also können wir hier entweder auf
diese oder diese Schaltfläche klicken, und wir gehen zur Registerkarte
Darstellung. Aber bevor wir das tun, möchte
ich diese Titel
hier ändern , um
etwas anderes zu lesen, wie Schritt zwei oder irgendetwas, das sie
sagen sollen, anstatt Seite eins, Seite zwei, Seite drei. Also ändern wir das, indem wir hier
in die Paginierung gehen. Also klick das. Und wenn wir dieses Pop-up öffnen, werden
Sie als Erstes
die vier Schritte in unserem Forum bemerken . Also können wir
diese beiden Schritte ändern. Schritt eins, Schritt zwei, Schritt drei. Und dann komplett oder irgendetwas
anderes, was du speichern wolltest. Mal sehen, wie das aussieht. Bewerben Sie sich Und lasst uns eine
Vorschau der Änderungen anzeigen. Jetzt wurde es in Schritt eins,
Schritt zwei, Schritt
drei geändert und abgeschlossen. Lasst uns das schließen. Mal sehen, was wir sonst noch mit unserem Formular tun
können. Gehe in die Einstellungen. Wir können es von
Schritten zu einem Fortschrittsbalken ändern. Das bedeutet also, dass wir
keinen Schritt eins,
Schritt zwei, Schritt drei oder vier haben , indem wir
den Fortschrittsbalken auswählen, füllt
sich bis zum Ende weiter. Lassen Sie uns das anwenden und
sehen, wie es aussieht. Klicken Sie auf Vorschau. So
sieht es aus und es füllt sich nirgends mit
fünfundzwanzig Prozent. Wenn wir mit dem nächsten Schritt fortfahren, sind
wir bei 5075, 100%. Ich gehe da wieder rein. Mal sehen, was wir sonst noch in der Fußzeile
haben. Wir können ändern, was
die Schaltflächen auf den Schritten unserer Formulare sagen. Im Moment haben wir
Next auf Seite eins, wir haben den Next Button. Auf Seite zwei haben wir die Schaltfläche
Zurück und Weiter, Seite drei, Vorherige
und Weiter. Auf Seite vier haben wir nur
den vorherigen Button, da
wir keinen nächsten Button haben, wir haben nur den PayPal-Button. Du kannst ändern, was immer
du willst, was das sagen soll. Ich schließe das und aktualisiere das Formular, weil
wir es aktualisiert haben. Gehen wir zum Frontend
und aktualisieren die Seite. Also drücke ich Control
R oder lade einfach neu. Jetzt wurde unser Formular aktualisiert. Okay, so
können Sie die Schritte im Formular bearbeiten. Sehen wir uns als Nächstes an, wie Sie das tatsächliche
Erscheinungsbild des Formulars bearbeiten, wie Sie die Farben
der verschiedenen Eingaben und diese
Fortschrittsbalken direkt hier und
die Schaltflächen ändern der verschiedenen Eingaben und diese Fortschrittsbalken direkt hier und Wir sehen uns
im nächsten Lektion.
10. Anpassen der Erscheinung der Form: Air, willkommen. Es ist jetzt an der Zeit, am Auftritt
des Forums zu arbeiten. Also lasst uns direkt das Aussehen
anregen. Darauf klicke ich. Und wie Sie sehen können, sind wir
in der Erscheinung. Die erste Änderung, die Sie
hier vornehmen können, ist der Designstil. Und wir haben hier ein paar
Designstile zur Auswahl. Der Standardwert hat einen Rahmen. Dann haben wir eine Wohnung, die
keine Grenze hat. Das ist der, den ich mag. Aber schauen wir uns das
andere Board an und dann keine. Sie wählen diese also aus, wenn Sie benutzerdefiniertes CSS verwenden
möchten. Wenn Sie also wissen, wie Sie
Ihre eigenen Formularstile codieren können, können
Sie dies einfach aktivieren und jetzt selbst
stylen. Aber weil ich davon ausgehen
möchte, dass nicht jeder, der
diese Klasse nimmt und weiß, wie
man arbeitet, sehen Sie, wie man
CSS-Code schreibt , nicht in diese Richtung
gehen wird. Wir werden wieder in die Wohnung gehen , weil es mir
ohne dieses Quartal gefällt. Und dann ist der nächste
Teil Farben. Im Moment verwenden wir also
die Standardfarben, aber wir können
zu Kostümfarben wechseln. Und hier können wir
jeden Aspekt unseres Formulars bearbeiten. hier hineingehen,
haben wir Randfarben, wir haben die Button-Farben. Gehe zu vorheriger, vorheriger. Lass uns dorthin gehen. Sie werden feststellen, dass wir
den Formularcontainer haben. Dies ist der Container, der
das Formular selbst enthält. Im Moment ist es unsichtbar, aber das müssen wir nicht berühren. Gerade jetzt. Ich möchte mich auf die
Teile konzentrieren, die wir tatsächlich brauchen. Zum Beispiel die Schaltfläche Weiter, die Schaltfläche Weiter, diese
Schaltfläche hier. Also lasst uns weitermachen und eine neue Farbe dafür
auswählen. Sagen wir zum Beispiel etwas Aquafarbe oder sagen
wir grün. Sagen wir eine grüne
Farbe beim Schweben. Wir wollen es schaffen. Ich würde sagen, sagen wir das Orange. Lassen Sie uns das kopieren. Weil wir unkonzentriert sind,
wollen wir es auch zu dieser Farbe machen. In der Regel sind die Hover- und
Fokusfarben normalerweise die gleichen. Wenn wir das jetzt aktualisieren, gehen Sie zu unserem Formular und
aktualisieren Sie die Seite. Jetzt hat ein Grün und beim
Schweben ist es diese Orange. Als Nächstes möchten wir
den Zurück-Button bearbeiten. Mit anderen Worten, die
vorherigen Schaltflächen. Wenn wir also zur nächsten Seite gehen, möchten wir jetzt
den vorherigen Button bearbeiten. Also können wir
diese Werte einfach kopieren. Kopieren Sie das, gehen Sie in
die Zurück-Schaltfläche, klicken Sie darauf und fügen Sie es dort ein. Zusammengebrochen, das erweitert das. Drehen Sie das Farbfeld hier um. Kopiere das. Lass mich hier scrollen. Und schweben Sie. Wollte
so orange und unkonzentriert sein. Wir wollen auch,
dass es so Orange ist. Aktualisiere das. Wenn wir diese Seite aktualisieren, wählen Sie aus und fahren Sie dann
zur nächsten Seite fort. Jetzt sind beide konsequent. Wenn dies
Ihre Markenfarben sind, passen Ihre Formularschaltflächen
jetzt zu Ihren Markenfarben. Wie ändern wir die Farbe dieser
Fortschrittsbalken? wieder hier reingehen, lassen Sie uns den
Zurück-Knopf und den Button als nächstes reduzieren. Dann haben wir einen Fortschrittsbalken. Sehen wir uns die
Fortschrittsbalken der Seite an. Hier können wir die Farbe ändern. Sagen wir das grün. Ich möchte hier wieder
reingehen und als Nächstes den
Button speichern . Klicke das an. Lassen Sie uns das kopieren. Dann kriechen wir zur
Paginierungsleiste. Füge es da rein. Geben Sie ein. Lasst uns das aktualisieren. Lasst uns das auffrischen. Jetzt
entspricht unser Fortschrittsbalken unserer Website
grüne Markenfarbe. Nein, persönlicher Blog. Als Nächstes. Als Nächstes. Als Nächstes. Wir können die Farbe der
PayPal-Schaltfläche nicht bearbeiten da sie
direkt aus dem Papier stammt, nicht aus vier Minuten. Gehen wir zurück
und kollabieren dieses Datum. Wir haben es bereits aktualisiert, aber kein Problem, lasst uns das
einfach aktualisieren. Mal sehen, was
wir sonst noch ändern müssen? Gehen wir zum vorherigen Schritt. Vorerst. Dies sind die Teile, die wir
in unserem Formular ändern mussten. Aber wie Sie sehen können, haben
wir natürlich verschiedene Teile
des Formulars, die Sie
anpassen können , bis Sie mit Ihrem Formular
zufrieden sind. Ich verlasse diese Stellen. Spielst du
mit all diesen Parts herum? Ändern Sie hier eine Einstellung, gehen
Sie dann zur Titelseite und aktualisieren Sie die Seite, um zu sehen, welcher
Teil betroffen ist. Aber ich bin sehr gespannt, was Sie
sich einfallen lassen können. Es geht darum, wie
kreativ du mit all diesen Teilen
sein wirst . Sie können die Schriftarten auch in
den verschiedenen Teilen
Ihres Formulars bearbeiten , indem Sie die benutzerdefinierte
Bearbeitung Ihrer Schriftarten aktivieren. Und öffnen Sie natürlich
jedes einzelne Feld oder Element, in das Sie die Texte
ändern möchten. Aber das werden wir nicht
tun, weil uns die Schriftart
, die wir verwenden,
bereits gefällt da das Formular derzeit die
auf der Website festgelegte Schriftart
erbt. So passen Sie das
Erscheinungsbild unseres Formulars an.
11. Setze das Verhalten der Form: Willkommen zurück Mit
unserem Formularauftritt jetzt aktualisiert, um
unseren Markenfarben zu entsprechen. Es ist jetzt an der Zeit, sich das Verhalten
anzusehen nachdem das Formular eingereicht wurde. So können wir
hier auf dieses Verhalten klicken oder hier ganz nach
unten scrollen. Jeder von ihnen kann das tun
lassen Sie mich einfach darauf klicken. Und natürlich werden Sie feststellen, dass es automatisch zu diesem Tab
gegangen ist . Und jetzt konfiguriert
das Einreichungsverhalten was passieren soll, wenn ein
Benutzer dieses Formular absendet. Nach dem Einreichen können wir genau hier auswählen, welche Verhaltensweisen
das Formular haben soll. Wenn ich diese standardmäßig öffne, werden
Sie feststellen,
dass wir hier
drei Optionen haben. Verhalten Wir können
eine Inline-Nachricht haben , die direkt unter
oder über dem Formular
erscheint , nachdem der Benutzer das Formular erfolgreich
abgeschickt hat. Und ich zeige dir, wie es aussieht. Wir können
sie stattdessen auch auf eine URL umleiten. Also https, sobald sie auf
Absenden geklickt haben und
das Formular erfolgreich gesendet wurde, werden
sie an Google weitergeleitet. Wir können das Formular auch
sofort nach dem
Absenden ausblenden und ihnen eine Nachricht
zeigen,
genau dort, wo sich das Formular befand. Gehen wir also zurück
zu Inline Message. Und genau hier haben wir ein Label. Dieses Label ist
nur für uns direkt hier
im Dashboard sichtbar , damit wir das spezifische Verhalten
identifizieren können. Weil es möglicherweise andere Einstellungen als
ein anderes Verhalten haben kann. Sagen wir zum Beispiel,
Website-Design-Forum. Und lasst uns das anwenden. Und die Nachricht wird nach fünf Sekunden automatisch
geschlossen. Denken Sie daran, dass wir
Inline Message ausgewählt haben. Vielen Dank, dass Sie uns kontaktiert haben, wird die
Inline-Nachricht sein, die oben unter unserem Formular
angezeigt wird . Und das ist das
Label, wir es identifizieren werden. Lassen Sie mich das anwenden. Und jetzt siehst du, dass es genau hier ist. Nur wir, wie die Administratoren
sehen können , dass es eine Firma für
Website-Design genannt wird. Wenn ich also für einen Moment wieder in
unser Feld gehe, möchte
ich den PayPal entfernen. Ich möchte die
Papiereingaben entfernen, damit wir einen Button „Nachricht senden“ haben. Sie können also sehen, wie diese
Inline-Formularnachricht aussieht. Also haben wir es aktualisiert. Gehen wir zum Front-End
und aktualisieren die Seite. Erneut laden. Wählen wir nun diesen persönlichen Blog aus. Nee. Papier. Kommentiere dort, max. Also haben wir diesen Button „
Nachricht senden“. Wenn wir auch
einen Namen auf gmail.com hinzufügen und 66$ zahlen. Wenn wir also eine Nachricht senden, ist
dies das Verhalten, das wir genau hier
in unserem Verhalten
ausgewählt haben . Wenn wir das öffnen,
vielen Dank, dass Sie sich mit uns in Verbindung setzen, wir werden uns in
Kürze mit Ihnen in Verbindung setzen. Das ist
dieselbe Botschaft. Es ist
nach fünf Sekunden verschwunden ,
weil wir
das hier haben. Weil dies ein Verkauf ist, aber dies ist ein Verkaufsformular. Wir können
so etwas wie Danke für Ihren
Kauf haben und das anwenden. Aktualisieren wir das Formular. Lass uns gehen, lass uns
ins Frontend gehen. Aktualisieren Sie die Seite. Wenn ich diese hier auswähle. Als Nächstes. Als Nächstes Mike com und Nachricht senden. Jetzt ist es Danke
für Ihren Kauf. Und wir können diese
Hintergrundfarbe der
Antwort ändern , indem wir
in die Registerkarte „Darstellung“ gehen. Response erfolgreich. Ändern Sie es vielleicht in diese
Orange, die sich auf unsere Website
reimt , oder vielleicht sagen wir diese
grünliche Farbe hier. Dann lasst uns das aktualisieren. Wenn wir nun wieder hierher gehen und die Seite
aktualisieren, laden Sie sie neu. Als Nächstes. Wenn du einen Namen brauchst. Wie Sie sehen können, hat sich der
Hintergrund der Nachricht geändert. Die Nachricht ist
nach fünf Sekunden verschwunden. Lassen Sie uns im Grunde
wieder ins Verhalten gehen. Und es gibt hier mehr
Einstellungen wie Methode, möchten
wir Zusatze verwenden, um dieses Formular zu senden,
ohne
die Seite neu zu laden oder die
traditionellere Methode zum erneuten Laden
der Seite zu verwenden . Jetzt werde ich hier nicht tiefer auf
all diese Einstellungen eingehen, aber ich empfehle Ihnen, sich den offiziellen YouTube-Kanal
des Formulier-Teams anzusehen. Es heißt WPA MU Dev. Hier ist der Link zum Kanal. Schauen Sie sich sie an und erfahren Sie so viel
wie möglich über die verschiedenen Möglichkeiten, mit denen Sie formuliert arbeiten
können. Dies sollte Ihnen nur zeigen, wie
Sie
dieses Formular erstellen und es zu einem mehrstufigen Formular machen können. Wir können also nicht auf all diese
Details eingehen, denn das würde
bedeuten, dass diese Klasse zu
lang wird und das ist
nicht das, was wir wollen. Im Grunde ist es also,
wie man ein Formular erstellt. Lass mich einfach ins Front-End gehen. So sieht das Formular also aus. Was wir getan haben, ist zu
verstehen, wie man
die verschiedenen Felder erstellt und
mehrere Schritte erstellt , mit
denen der Benutzer je nachdem, was er tun möchte, verschiedene
Optionen
auswählen kann. Dann tätigen Sie schließlich
ihren Kauf. Natürlich ist dies erst der
Anfang der Reise. Um mehr zu erfahren, müssen Sie weiter mit diesem
Plugin
interagieren. Und du musst
so viele Videos wie
möglich über die anderen Einstellungen ansehen, die
wir nicht untersucht haben. Zumindest haben Sie
gelernt,
ein mehrstufiges Formular mit
dem Formulierformular zu erstellen . Und wie Sie sehen können, haben wir hier
mehr Möglichkeiten, die
wir nicht erforscht haben. Und der Grund ist, dass
wir nicht vom
Hauptziel der Klasse
abweichen wollen. Sobald Sie gelernt haben, dieses Formular
zu erstellen, müssen
Sie verstehen,
wie Sie das Formular
auf einer wunderschön
gestalteten Webseite platzieren . Und ich habe mehrere Klassen
hier auf Skillshare, die Ihnen zeigen,
wie Sie mit Elementor schöne
Landingpages entwerfen können. So können Sie diese
Fähigkeiten nutzen, um
schöne Webseiten zu entwerfen und
dann die Fähigkeiten, die
Sie in
dieser Klasse gelernt haben, nutzen , um dieses mehrstufige Formular
direkt auf
dieser Seite hinzuzufügen . Daher empfehle ich Ihnen, sich mein Profil anzusehen und die verschiedenen
Klassen zu sehen, die ich dort hatte, und sehen, ob Sie etwas
über Elementor erfahren können und wenn Sie Fragen
oder Kommentare haben, bitte tippe direkt unter dieses Video im Tab „
Diskussionen“ ein. Und ich werde dir sicher antworten
, sobald ich das Stück machen kann. Ich freue mich darauf,
bis zum nächsten Mal von Ihnen zu
hören . Friede.
12. Outro / Abmoderation: Und das ist heute alles von mir. Das ist alles, was ich für
dich in diesem Kurs habe. Ich hoffe, Sie haben gelernt,
ein mehrstufiges Formular für
Ihre WordPress-Website zu erstellen . Und vor allem hoffe ich, dass
Sie gelernt haben, diese
auf Ihre
tatsächliche Website anzuwenden. Und wie ich bereits erwähnt habe, können
Sie
sich alle Kurse ansehen, die vorher
hier auf Skillshare
veröffentlicht wurden, mein Profil
öffnen und sehen, an welchem Kurs
Sie interessiert sind. Ich bringe Ihnen bei, wie Sie mit
WordPress und Elementor
großartige Landingpages und eine voll
funktionsfähige Website erstellen und Elementor
großartige Landingpages und eine voll
funktionsfähige können. Ansonsten muss ich mich
vorerst
verabschieden und wir sehen uns
im nächsten Stück.