Illumina zeigt Ihnen, wie Sie die Kontaktseite mit Elementor Pro neu erstellen
können.
Und konkret werden wir mit dem elementaren Pro-Formelement arbeiten
.
Ich gehe ins Backend.
Und zuallererst
werde ich das WP Forms-Plug-In deaktivieren
, das wir nicht mehr benötigt haben.
Also deaktiviere ich.
Und gehen wir zurück zur Kontaktseite.
Und natürlich, wenn sie noch irgendein Kontaktformular sagen werden
.
Aber ich gehe jetzt mit Elementor zu Edit.
Da wir natürlich elements are pro verwenden,
haben wir das Formelement,
was absolut fantastisch ist.
Du findest es auf dem Profi,
du siehst hier das Formular.
Ich lasse mich hier hineinklicken und
diesen Block tatsächlich entfernen
weil wir die Lipidformen nicht mehr hatten.
Nehmen Sie jedoch kein Formular an und legen Sie es dann einfach
auf den Titel „Kontakt“ ab.
Genau wie beim WP Forms-Plugin haben Sie standardmäßig
ein sehr,
sehr einfaches Kontaktformular
das hier drei Felder mit Namen,
E-Mail und Nachricht enthält.
Dies sind die Felder, die Sie hinzufügen können.
einem anderen Feld, wie Sie auf Artikel hinzufügen klicken
, wo Sie einen Typ haben,
haben Sie verschiedene Arten von Brennstoffen.
Sie können Tageszeit hinzufügen.
Es kann sogar Datei-Uploads hinzufügen.
Wenn Sie also möchten, dass Ihre potenziellen Abonnenten
oder Kunden Dateien anhängen, die an Sie gesendet werden sollen,
haben Sie dieses Feld.
Sie können Elementar auch in Google Capture integrieren.
Und dann können Sie die Recapture-Version
eins und Version drei hier aus Sicherheitsgründen verwenden.
Und dann hast du auch wie den Honeypot und so weiter,
keine zusätzlichen Felder hinzuzufügen.
Also lasse ich diese drei einfach.
Dies ist jedoch natürlich sehr subjektiv, aber ich bevorzuge es,
die Etiketten nicht zu haben.
Ich bevorzuge es, nur Platzhalter anstelle jedes Feldes
anzugeben, was für ein Feld das ist.
Also verstecke ich das Label.
Also habe einfach eine Namen-E-Mail-Nachricht.
Um nun die tatsächlichen Brennstoffe selbst zu bearbeiten,
klicken Sie in jeden bestimmten Beispielnamen.
Ich klicke auf Name und
lade hier ein, dass ich das Label selbst ändern kann,
den Platzhalter ändern kann.
Und natürlich werden wir es erforderlich machen.
Und dann werden Sie unter Fortgeschritten
Dinge wie die ID sowie den Kurzcode haben
, den wir sehr, sehr bald verwenden werden .
Das Gleiche gilt für E-Mail hier drin.
Es ist erforderlich und dann senden Sie natürlich
alle die Nachricht bei Bedarf auch.
Sie können dieses Feld je nach Geschmack kleiner oder größer machen
, und das war's.
Okay? Hier haben Sie die Eingabegröße
für den tatsächlichen Impuls für jedes Feld.
Du kannst es klein, mittel, groß machen.
Es liegt ganz an dir.
Du hast Knöpfe.
Möchten Sie die Tasten mittelgroß und groß machen,
aber das ist nur der Sende-Button selbst.
Sie können den Text direkt hier für den Absende-Button selbst ändern
und so weiter.
Nun, hier werden die Dinge sehr, sehr scharf.
Aktionen nach dem Senden, was passiert
wenn der Benutzer auf Senden geklickt hat?
Genau hier?
Standardmäßig wurden Aktionen bereits aktiviert.
Sammle Einreichungen,
die ich dir in nur einer Sekunde zeigen werde.
Und dann per E-Mail, da diese beiden standardmäßig aktiv sind,
haben Sie direkt hier auf Einsendungen geklickt
und dann haben Sie E-Mail.
Sammelt jetzt Einreichungen, die Sie tatsächlich im Backend sehen würden
.
Lass mich es dir einfach schnell zeigen.
Sie werden im Backend sehen, sobald die
Leute beginnen, das Kontaktformular hier einzureichen
, wo Sie
Elementar bei UCI-Einreichungen haben
könnten Sie Einreichungen haben.
Und hier fangen Sie an, den Namen der Person zu
sehen und so weiter
werden in der Tat sehr, sehr, sehr bald ein Experiment durchführen
.
Aber das war's für die Einreichungen.
Jetzt mailen Sie gleich hier.
Sie möchten eine E-Mail erhalten, dass jemand
ein Kontaktformular auf Ihrer Website eingereicht hat.
Genau hier können Sie die E-Mail-Adresse auswählen,
um einen Ausweis zu erhalten.
Natürlich stelle ich mein eigenes Admin-E-Mail-Licht dort hin.
Und dann müssen Sie natürlich standardmäßig eine neue Nachricht
von und dann den Namen Ihrer Website senden.
Sie können dies natürlich anpassen.
Dann enthält die Nachricht alle Felder.
Hier haben Sie jedoch die von E-Mail, aus dem Namen,
den Sie verwenden möchten, oder wählen Sie
die vom Benutzer bereitgestellten Daten aus.
Grundsätzlich sollte die von E-Mail die E-Mail sein,
der gesamte Benutzer.
Was du hier machen willst ist das, okay?
Sie würden zu den Formularfeldern gehen,
zu E-Mail gehen, zu Erweitert
und dann hier einladen,
sich den Kurzcode holen.
Also kopiere den Kurzcode und komm wieder hierher,
um eine E-Mail zu senden.
Und irgendjemand hier von der E-Mail.
Es war nicht einfach die E-Mail-ID einzufügen
, damit
Sie die E-Mail der Person tatsächlich sehen können
, und dann auch vom Namen aus
genau dasselbe tun, zum Feld Name Erweitert gehen
und dann einfach schnappen Sie sich die Verknüpfung für das Namensfeld.
Gehe zurück zur E-Mail und gib hier von name an.
Füge das einfach ein.
Und dann antworten sie natürlich, um auf die E-Mail eingestellt zu werden
, weil Sie auf die E-Mail-Adresse der Person antworten möchten
.
Und das war's.
Du kannst deinen CC hinzufügen, du bist blind,
bist blind, kopierst und so weiter.
Sie können die Metadaten auch hier hinzufügen,
z. B. die Seite, die Sie als echte Person besucht
haben, Datum, Uhrzeit usw.
Sünde als HTML oder Flugzeug.
Das ist sehr, sehr, sehr subjektiv.
Es hängt von Ihrem E-Mail-Dienstanbieter ab.
Wenn auch Schritte Satz Lambda squiggly bekommen
, zeig dir, was das ist.
Wenn Sie zu Ihren Formularfeldern zurückkehren,
möchten Sie vielleicht erstellen
als würden Sie das Formular aus irgendeinem Grund tatsächlich sehr,
sehr lang und Sie möchten es aufschlüsseln.
Wenn Sie Ihren Artikel für den Typ hinzufügen,
haben Sie einen Schritt.
Sobald Sie jetzt Schritt haben, haben Sie den nächsten.
Nach dem Schritt können Sie also
wieder weitere Felder hinzufügen.
Was also passiert, ist, wenn sie die falschen Brennstoffe im ersten Abschnitt ausfüllen
und auf Weiter klicken.
Sie werden zum nächsten Abschnitt für das Formular führen, das
sind im Grunde genommen die Schritte,
wie Sie sehen können, dies ist Schritt eins genau hier.
Und dann sieht man rechts Schritt zwei.
Dafür wird das benutzt.
Das sind Ihre Schritte sind Einstellungen.
Und dann hast du auch die zusätzlichen Optionen wie Hey,
willst du Nachrichten anpassen wie, okay,
der Thermo-Sinn erfolgreich,
du wirst dich in 24 Stunden bei dir melden, solche Dinge.
Sie haben diese Option hier drin.
Aber sie lassen mich vergessen, nach dem Absenden zu den Aktionen zurückzukehren
, Sie haben viele,
abgesehen von angeklickten Einreichungen, E-Mails,
können Sie eine E-Mail an Sie
senden, können Sie sie an
eine separate Seite. Du hast einen Webhook.
Und wenn Sie E-Mail-Verwaltungssoftware wie unsere aktive Mailchimp Kampagne verwenden, können Sie sie natürlich
E-Mail-Verwaltungssoftware wie unsere aktive Mailchimp
auch hier verbinden.
Du kannst sie mit Slack Discord verbinden,
öffne auch eine Popup-Nachricht bereitstellen.
Sie haben also viele Optionen zu konfigurieren.
Alternative Wende. Was passiert, nachdem der Benutzer
das Formular abgeschickt hat?
Das ist es im Grunde.
Lasst uns weitermachen und das schließen.
Und das ist, ich werde jetzt weitermachen und einfach aktualisieren.
Und natürlich schauen wir uns die neue Seite gleich hier an
.
Ups, mein Internet benimmt sich schlecht.
Noch einmal.
Ich entschuldige mich. Okay.
Das ist gerade Jetzt können Sie das neue Kontaktformular sehen
, das
mit Elementen von Pro Arte Lemon erstellt wurde.
Ich zeige Ihnen ein Beispiel für die Einreichungen.
Ich pausiere das Video und sende einfach
eine Nachricht und dann
siehst du die Ergebnisse hier drin.
Willkommen zurück.
Und wie Sie gerade sehen können,
habe ich tatsächlich an Kontaktformulare gesendet , die ausgefüllt wurden,
um von einem bis sieben Browsern Kontakt aufzunehmen.
Einer von John James und dann einer
von Bob Billy bei yahoo.com.
Nun hätte ich das vorher darauf hinweisen sollen.
Für das Kontaktformular können Sie den Namen genau hier ändern,
können Sie den Namen genau hier ändern
wo Sie den Formularnamen haben.
Du siehst also, dass ich einfach meins in
das Kontaktformular ändern muss.
Und das ist mir aufgefallen, als ich das erste Formular aus John Fitnessstudios schicke
.
Sie können das Formular richtig sehen, Nemos neues Formular.
Deshalb neues Formular, weil wir den Namen nicht geändert haben.
Das zweite Mal habe ich den Namen in Kontaktformular geändert,
ein neues Formular von Mobility eingereicht und
dort kann jetzt gesagt werden, dass im Herbst jetzt
unser Kontaktformular steht.
Das war's im Grunde genommen.
Sie haben die IDs, Sie haben
die Seite, auf der das formelle Programm eingereicht wurde.
Und natürlich können Sie die eigentliche Nachricht selbst sehen.
Also klickst du gleich hier auf Ansicht.
Sie können den vollständigen Namen, die E-Mail
und dann die tatsächliche Nachricht des Benutzers sehen und eingeladen werden.
Sie haben die zusätzlichen Metadateninformationen
wenn die Nachricht gesendet wurde,
welcher Browser verwendet wurde und so weiter.
So ist das Kontaktformular mit Elementor Pro Walks im Grunde genommen
. Danke fürs Zuschauen.
Wir sehen uns in der nächsten Klasse.