TechBlogSD - Alles für WordPress und WEB-Entwicklung
WEB- und WordPress-Anleitungen, Neuigkeiten, Rezensionen zu Themes und Plugins

RSVP-Formular in Weebly Site hinzufügen und anpassen

24

RSVP steht auf Französisch für Répondez S’il Vous Plaît, was so viel wie Bitte um Antwort bedeutet. Im Allgemeinen ermöglicht das Kontaktformular dem Benutzer, den Site-Inhaber mit dem Feedback oder der Klärung zu kontaktieren, während das RSVP-Formular für die Site-Inhaber ist, um Informationen von den Benutzern zu erhalten. Zum Beispiel kann der Website-Besitzer eine Bestätigung von den Benutzern erhalten, ob sie an der geplanten Veranstaltung teilnehmen, indem sie das RSVP-Formular verwenden, anstatt über das Kontaktformular. Weebly bietet ein Drag-and-Drop-RSVP-Formularelement und jedes Feld kann separat angepasst werden.

Verwandte: Wie füge ich ein Kontaktformular in Weebly hinzu und passe es an?

Weebly RSVP-Formularfelder

Die Elementspalte im Weebly-Editor wird automatisch in Formularfelder geändert, sobald Sie ein RSVP-Formularelement per Drag & Drop in den Inhaltsbereich Ihrer Site ziehen. Alle Formularfelder sind in die folgenden drei Kategorien eingeteilt und jedes Feld kann in das RSVP-Formular gezogen werden.

Formularfelder:

  • Kurzes Textfeld
  • Großes Textfeld
  • Optionsschaltflächen
  • Dropdown-Feld
  • Checkboxen
  • Datei-Upload für Pro-Benutzer
  • Name, E-Mail, Adresse und Telefonnummer

Struktur:

Basic:

  • Titel, Text, Bild und Einbettungscode

Wenn Sie auf das Formularelement klicken, werden drei Steuerungsoptionen für das RSVP-Formular angezeigt – Einträge anzeigen, Formularoptionen und Speichern.

Formularoptionen

Klicken Sie auf die Schaltfläche Formularoptionen, um das Popup-Fenster für erweiterte Formularoptionen anzuzeigen, wie in der Abbildung unten gezeigt.

RSVP-Formular in Weebly Site hinzufügen und anpassen

Weebly RSVP-Formularoptionen

Die verfügbaren Anpassungsoptionen sind:

  • Formularname – Geben Sie einen Namen für Ihr Formular ein. Wenn Sie auf Ihrer Site mehrere Formulare verwenden, können die Einsendungen leicht anhand des Formularnamens angezeigt und identifiziert werden.
  • E-Mail-Übermittlung an – Dies ist eine E-Mail-ID, über die Sie sofort benachrichtigt werden, wenn ein Formular gesendet wird.
  • Bestätigung – Mit der Bestätigungsoption können Sie dem Benutzer nach dem Absenden des Formulars eine automatische Antwort anzeigen. Sie können entweder eine Textbestätigungsnachricht einrichten oder eine beliebige Webseite verlinken. Die Textnachricht wird nach dem Absenden im Formularbereich angezeigt. Sie können jede externe Webseite oder Ihre eigene Site oder Store-Seite in der Link-Option verbinden, die nach dem Absenden angezeigt wird.
  • Abstand – Wird verwendet, um den Abstand der oberen und unteren Ränder des Formularelements anzupassen.
  • Senden- Schaltfläche – Wird verwendet, um die Senden-Schaltfläche links, zentriert oder rechts in Bezug auf Ihre Formularbreite auszurichten. Sie können auch einen beliebigen freien Text wie Kontakt eingeben, anstatt auf dem Schaltflächenelement zu senden.

Anpassung auf Feldebene

Wenn Sie in eines der Formularfelder klicken, wird ein Popup-Fenster angezeigt, das für dieses Feld gilt. Sie können den Feldnamen ändern, ihn optional oder erforderlich machen, Anweisungen zum Ausfüllen hinzufügen und den Abstand des Felds innerhalb des Formulars anpassen. Wenn Sie ein Pflichtfeld erstellen, wird ein Stern über dem Feldnamen angezeigt, der den Benutzer angibt, der ein Pflichtfeld ist. Wenn die Pflichtfelder nicht ausgefüllt werden, kann das Formular nicht gesendet werden und es wird die Meldung "Bitte die markierten Felder korrigieren" angezeigt und das Feld wird rot hervorgehoben.

RSVP-Formular in Weebly Site hinzufügen und anpassen

Anweisung und Pflichtfeld

Anweisungen helfen dem Benutzer beim Ausfüllen dieses bestimmten Felds und die Hilfenachricht wird angezeigt, wenn das Feld fokussiert ist. Einige der Felder wie Optionsschaltflächen und Dropdown-Felder haben zusätzliche Optionen und Sie können beliebig viele benutzerdefinierte Optionen für die Benutzerauswahl eingeben oder aus der vordefinierten Optionsliste auswählen.

Formularoptionen für Pro-Benutzer

Pro-Benutzer haben die folgenden zusätzlichen Formularfunktionen:

  • Datei-Upload – Dies ist ein Profi-Feld, das dem Benutzer hilft, ein Formular mit einer hochgeladenen Datei zu senden. Dies ist eine sehr nützliche Funktion, damit der Benutzer zusätzliche Dokumente oder Screenshots hochladen kann, die Ihnen wiederum helfen, einen besseren Support zu bieten. 20 MB ist die maximale Dateigröße, die in ein Formular hochgeladen werden kann.
  • Hinzufügen eines Formulars in der Fußzeile – Zusätzlich zum Hinzufügen eines RSVP-Formulars im Inhaltsbereich der Site können Pro-Benutzer auch ein RSVP-Formular im Fußzeilenbereich hinzufügen.

RSVP-Formular in Weebly Site hinzufügen und anpassen

Datei-Upload im Weebly RSVP-Formular

Anzeigen von Formulareinträgen

Antworten auf RSVP-Formulareinträge können auf verschiedene Weise angezeigt werden:

  • Klicken Sie auf das Formular, um die Schaltfläche "Einträge anzeigen" anzuzeigen. Klicken Sie hier, um ein neues Fenster mit allen Formulareinsendungen zu öffnen.
  • Sie erhalten auch eine E-Mail-Benachrichtigung, wenn ein Formular gesendet wird.
  • Zeigen Sie Formulareinsendungen direkt über das Dashboard an.
  • Sie können Ihre Formulareingaben auch unterwegs mit der Weebly iPhone- oder Android-App anzeigen und beantworten.

Im Folgenden sehen Sie, wie das Kontaktformular und das RSVP-Formular auf einer Weebly-Site aussehen:

RSVP-Formular in Weebly Site hinzufügen und anpassen

Beispiel für Weebly-Kontakt- und RSVP-Formulare

Tricks bei der Verwendung des Weebly RSVP-Formulars

  • Da die Größe des Weebly RSVP-Formulars nicht standardmäßig angepasst werden kann, platzieren Sie „Spacer”-Elemente neben dem Formularelement, um die Breite des Formulars anzupassen.
  • Stellen Sie sicher, dass Sie über „Optionsschaltflächen” oder „Kontrollkästchen” verfügen, um das Senden von Spam-Formularen zu vermeiden.
  • Standardmäßig kann die Hintergrundfarbe des RSVP-Formulars nicht geändert werden. Klicken Sie mit der rechten Maustaste auf das Formular auf der veröffentlichten Site und klicken Sie auf "Inspect" oder " Inspect Element " und finden Sie die Formular-ID Ihres RSVP-Formulars wie unten gezeigt heraus:

RSVP-Formular in Weebly Site hinzufügen und anpassen

Finden des RSVP-Formulars #ID in Weebly

  • Sobald Sie das Formular #id haben, fügen Sie den folgenden Code im Abschnitt "Header Code" Ihrer Weebly-Seite hinzu. Vergessen Sie nicht, die #id des Formulars durch Ihre eigene #id zu ersetzen.
<style> #form-880080948214216107 { background-color: rgba(255, 235, 59, 0.2); padding: 15px 15px 0 15px; border-radius: 10px; border: 1px solid rgba(158, 158, 158, 0.22); } </style>

Aufnahmequelle: www.webnots.com
Hinterlasse eine Antwort

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen