Erstellen eines mehrstufigen Multi-Step mit einem PayPal-Button am Ende | Ken Mbesa | Skillshare
Suchen

Playback-Geschwindigkeit


1.0x


  • 0.5x
  • 0.75x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Erstellen eines mehrstufigen Multi-Step mit einem PayPal-Button am Ende

teacher avatar Ken Mbesa, Build Beautiful Websites With Elementor

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:41

    • 2.

      Plugin-Installation

      2:12

    • 3.

      Formulareingabe hinzufügen

      6:44

    • 4.

      Erstellen der Form

      8:01

    • 5.

      Hinzufügen des PayPal des Formulars

      3:20

    • 6.

      Verbindung mit PayPal

      5:18

    • 7.

      Konfiguration des PayPal

      6:04

    • 8.

      Anzeige des Formulars auf der Webseite

      7:07

    • 9.

      Passen Sie die Pagination des Formulars an

      3:31

    • 10.

      Anpassen des Erscheinungsbildes

      6:48

    • 11.

      Setzen des Verhaltens des Formulars

      8:26

    • 12.

      Outro / Abmoderation

      0:43

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

81

Teilnehmer:innen

--

Projekt

Über diesen Kurs

Hast du eine WordPress-Website?

Verkaufen Sie einen Service oder ein Produkt mit unterschiedlichen Konfigurationen?

Und möchten es Ihren Besuchern ermöglichen, verschiedene Konfigurationen des gewünschten Produkts oder des Dienstes auszuwählen und dann einen payment auf der Grundlage des Gesamtbetrages zu erhalten?

In diesem Kurs zeige ich dir, wie du ein Benutzerformular erstellen kannst, das dem Kunden mehrere Seiten oder einen Schritt vorgibt, in dem er die gewünschten Optionen aus den Dropdown-Menüs auswählen kann, und dann am Ende des Formulars einen PayPal- oder Stripe finden und den Gesamtbetrag zahlen, den die ausgewählten Optionen kosten.

Es ist ein sehr einfacher, anfängerfreundlicher Kurs, den jeder in kürzester Zeit anfangen und fertigstellen kann.

Diese Art von Formular ist eine großartige Möglichkeit, den Personen zu ermöglichen, sehr komplexe Konfigurationen für das gewünschte Produkt auszuwählen, und bezahlen bequem ohne das Formular zu verlassen.

Also lasst uns gehen...

Triff deine:n Kursleiter:in

Teacher Profile Image

Ken Mbesa

Build Beautiful Websites With Elementor

Kursleiter:in

Ever since I graduated from college and started working, I've always been driven by a strong desire to make a difference rather than a living.

By making a difference in people's lives through the content I create, I know I will never lack.

I joined Skillshare to (1) Help others learn the web design and 3D modeling skills I've gained over the years and, (2) Learn useful 21st Century skills from other amazing content creators.

I started as a self-taught graphic designer back in 2014 (I'm an Adobe Illustrator and Photoshop expert), then morphed into a WordPress web designer around 2018 (I started with Divi, and now I build websites with Elementor) and learned Blender 3D modeling by taking online courses and watching free tutorials.

I'm also a big fan ... Vollständiges Profil ansehen

Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

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.