Zahlungsformulare erleichtern die Annahme von Online-Zahlungen mit Stripe und PayPal. Nehmen Sie Zahlungen und Spenden in wenigen Minuten entgegen. Verkaufen Sie Produkte, Dienstleistungen, Online-Kurse und vieles mehr.
Auf können Sie ganz einfach eine Zahlungs- oder Spendenseite erstellen deine Website oder die Seite um eine Spende oder eine einmalige Zahlung zu erhalten Zahlung & Spende .
Es gibt Ihnen auch die Möglichkeit, die gewünschten Formularfelder in Ihrem Formular zu konfigurieren und eine E-Mail-Adresse anzugeben, an die die gesammelten Formulardaten per E-Mail gesendet werden.
Alle Formulardaten werden ebenfalls gespeichert und sind im zugänglich Einstellungen > Formularübermittlungen Teil des Ateliers. Mehr erfahren.
Alle über das Kontaktformular übermittelten Daten werden auch an die in den Kontaktformulareinstellungen angegebene E-Mail-ID weitergeleitet. Dein Konto E-Mail-Adresse wird als Standard übernommen.
Überprüfen Sie auch: Konto-E-Mail-Adresse ändern.
In diesem Artikel:
- Abschnitt zu einer Seite hinzufügen
- Inhalt
- Layout
- Design
- Einstellungen
- Email Benachrichtigung
- Überprüfen Sie Zahlungen und Zahlungsmethoden
- Live-Beispiel
Fügen Sie einen Zahlungs- und Spendenbereich hinzu
- Einer Seite kann ein Abschnitt hinzugefügt werden. Sie können entweder einen Abschnitt zu einer bereits vorhandenen Seite hinzufügen oder eine neue Seite erstellen innerhalb Ihrer Website.
- Auf deiner Seite, Klicken Sie auf blau + Symbol hinzufügen a Neuer Abschnitt auf Ihre Seite.
- Sie sehen jetzt die Abschnitt Kategorien auf der linken Seite.
- Wähle die Online Formulare (1) Kategorie und klicken Sie auf die Zahlung & Spenden Registerkarte (2), aus der Sie wählen können verschiedene Layouts Zahlung & Spenden (3) Abschnitt.
- Wählen Sie ein beliebiges Abschnittslayout und klicken Sie darauf, um es Ihrer Seite hinzuzufügen.
Zahlungsformular verwalten
- Klicken Sie auf Inhalt bearbeiten (1) Taste.
- Sie haben die Möglichkeit zu verwalten Inhalt (2) Layout (3) Design (4) Einstellungen (5) und E-Mail Benachrichtigungen (6).
- Hit Gespeichert (7) die Änderungen auf das Formular anzuwenden.
Inhalt
Formularfelder verwalten
Unter Formularfelder verwalten können Sie die Felder angeben, die Besucher in diesem Formular ausfüllen sollen.
- Klicken Sie auf Neues Feld hinzufügen (1) Schaltfläche zum Hinzufügen weiterer Felder zu Ihrem Formular.
- Bearbeiten oder löschen (2) ein bereits hinzugefügtes Feld.
- Drag and Drop (3) die Reihenfolge der Felder im Formular zu ändern.
- Setze die Beschriftung der Schaltfläche „Aufruf zum Handeln“ (4) für das Formular.
- Beim Klick auf die + Feld hinzufügen Klicken Sie auf die Schaltfläche, um ein Popup zu öffnen, in dem Sie Ihre Formularfelder auswählen können.
- Erfassen Sie die Name Ihres Auftraggebers.
- Erfassen Sie alle kleinen Informationen über die Kurzer Text Feld.
- Erfassen Sie alle ausführlichen Informationen/Nachrichten über das Langer Text Feld.
- Erfassen Sie die E-Mail Ihres Auftraggebers.
- Erfassen Sie alle Zahlenangaben von Ihrem Auftraggeber.
- Fügen Sie Dienste zur Auswahl hinzu Dropdown- Weise.
- Einzelauswahl: Fügen Sie eine Radioauswahl für Ihre Dienste hinzu.
- Mehrfachauswahl: Fügen Sie ein Kontrollkästchenfeld für die Mehrfachauswahl hinzu.
- Hinzufügen Datumsauswahl damit Ihre Kunden für jede Veranstaltung einen Termin auswählen können.
- Hinzufügen Linie zwischen den Formularfeldern.
- Erfassen Sie die Adresse Ihres Auftraggebers.
- Erfassen Sie die Website Ihres Auftraggebers.
- Erfassen Sie die Telefon Anzahl Ihres Auftraggebers.
- Hinzufügen Zeit Feld, damit Ihre Kunden die Veranstaltungszeit selbst festlegen können.
- Hinzufügen Separator zwischen den Formularfeldern.
- Das Einwilligungsfeld Mit dieser Option können Berechtigungen für Newsletter eingeholt und Datenschutz und Nutzungsbedingungen akzeptiert werden.
- Nehmen Sie Kundenbewertungen mit dem auf star Treppe, Zahlenskala und Smiley-Skala.
Die Felder E-Mail und Betrag sind Pflichtfelder und können nicht gelöscht werden.
Formularstil
- Formular als Popup anzeigen – Aktivieren Sie diese Option, um das Formular durch Klicken auf die Schaltfläche „Aktion“ in einem Popup-Fenster zu öffnen.
- Beschriftung der Schaltfläche „Handlungsaufforderung“ – Stellen Sie die Beschriftung der Schaltfläche „Aufruf zum Handeln“ für das Formular.
- Überschriften-Popup – Geben Sie die Form an Überschrift, wenn überhaupt.
- Hochladen oder löschen (1) das Formularbild für das Formular.
- Hinzufügen Titel (2), und Beschreibung (3) für das Formular. Überprüfen Sie dies, bevor Sie die Beschreibung hinzufügen fehlen uns die Worte. Artikel.
Schlagzeile
- Schlagzeile – Geben Sie die Abschnittsüberschrift (1) für den Abschnitt „Zahlungsformular“.
- Schaltflächen und Symbole – Erfahren Sie mehr über Schaltflächen und Symbole (2).
Verwalten des Layouts
- Klicken Sie auf Inhalt bearbeiten (1) Taste.
- Wähle die Layout (2) Registerkarte.
- Wähle aus Layout für Ihren Abschnitt (3) und Gespeichert (4) die Änderungen.
Stiloptionen
- Klicken Sie auf Inhalt bearbeiten (1) Taste.
- Wähle die Design (2) Registerkarte.
- Ändern Sie den Stil für die Abschnittselemente und Gespeichert (3) Ihre Änderungen.
Die Gestaltung der Benutzeroberfläche ist ein wichtiger Aspekt für ein optisch ansprechendes und benutzerfreundliches Erlebnis.
Sie haben mehrere Stiloptionen für den Abschnitt:
- Formularfelder
- Ausrichtung
- Text
- Abstand
- Schlagzeile
- Bilder
- Bildrand
- Popup-Schaltfläche
- Formularschaltfläche
- Überschriften-Schaltflächen
- Schlagzeilen-Symbole für soziale Netzwerke
Formularfelder
Pixpa erlaubt Sie zu voll anpassen die Aussehen of Wir koordinieren den Versand unten stehende Formular Felder. Diese Styling Optionen sich bewerben zu alle Varianten des Eingangssignals: Felder in Wir koordinieren den Versand Zahlung Form und schenken Sie mehr Kontrolle gegenüber wie Wir koordinieren den Versand unten stehende Formular Aussehen und fühlt sich on Wir koordinieren den Versand Webseite.
- Form: Wählen Sie die Form Ihrer Eingabefelder – beispielsweise Rechteck, abgerundet, Pille oder Text – passend zur Ästhetik Ihrer Website.
- Füllen: Aktivieren Sie diesen Schalter, um Ihren Formularfeldern eine Hintergrundfüllfarbe zuzuweisen.
- Grundfarbe: Legen Sie die Hintergrundfarbe der Felder fest, wenn die Fülloption aktiviert ist.
- Outline: Schalten Sie den Rahmen (Umriss) für jedes Feld ein oder aus.
- Umrissfarbe: Wählen Sie die Farbe des Feldrahmens, wenn die Umrandung aktiviert ist.
- Feldtextfarbe: Legen Sie die Farbe des von Benutzern in die Formularfelder eingegebenen Textes fest.
- Größe: Passen Sie die Höhe Ihrer Felder an, indem Sie zwischen „Klein“, „Mittel“, „Groß“ und „Extragroß“ wählen.
- Etiketten: Wählen Sie, ob die Beschriftungen der Formularfelder innerhalb oder außerhalb des Felds angezeigt werden.
- Etikettenfarbe: Definieren Sie die Farbe der Beschriftungen, wenn diese außerhalb des Felds platziert werden.
- Farbe der Innenseite des Etiketts: Legen Sie die Farbe für Beschriftungen fest, die innerhalb des Felds platziert werden (hilfreich für Beschriftungen im Platzhalterstil).
- Abstand zwischen den Feldern: Verwenden Sie den Schieberegler, um den vertikalen Abstand (in Pixeln) zwischen den einzelnen Formularfeldern festzulegen.
Ausrichtung
- Verwalten Sie die horizontale Ausrichtung des Formularinhalts Horizontale Ausrichtung (1).
- Verwalten Sie die vertikale Ausrichtung des Formularinhalts Vertikale Ausrichtung (2).
Text
- Klicken Sie auf Textstil ändern (1) Schaltfläche zum Besuchen der Technologie Abschnitt und Verwalten Sie Ihre Schriftgrößen und -stile.
- Präzisiere das Titel (2) Schriftart des Formulars.
- Präzisiere das Beschreibung (3) Schriftart des Formulars.
Abstand
- Präzisiere das Bildbreite (1) des Bildes in der Form in Prozent.
- Präzisiere das Abstand zwischen Bild und Text (3) in Prozent.
- Präzisiere das Leerzeichen unter dem Titel (4) in Prozent.
Schlagzeile
- Horizontal ausrichten der Abschnittsüberschriftstext. Sie können ihn auf Links, Mitte und Rechts einstellen.
- Aktivieren/Deaktivieren der Trennwand zwischen der Abschnittsüberschrift und dem Abschnittsinhalt.
- Setze die Dicke der Trennwand (in px).
- Präzisiere das Teilerfarbe aus dem Farbwähler.
- Wähle ein Teilerstil aus dem Dropdown.
- Setze die Überschriftenbreite um festzulegen, wie breit der Abschnittstitel angezeigt wird, beginnend bei einem Minimum von 50 %.
- Präzisiere das Platz unter der Überschrift innerhalb des Abschnitts (in px).
Bilder
- Bildausschnitt: Wähle die IMagier Crop für die Listenelemente. Sie können die Bilder als „Quadrat“, „Kreis“, „Horizontal“, „Hochformat“ und „Original“ festlegen.
- Eckenradius: Wählen Sie einen gemeinsamen Eckenradius oder einen anderen Eckenradius für jede Seite der Listenelemente und legen Sie eine Zahl (in px) für die fest COrdner Radius der Listenelementbilder. WEITERE INFORMATIONEN .
- Hover-Animation: Wählen Sie auf Animieren Sie das Bild des Abschnitts beim Hovern durch Aktivieren des Umschalters. Überprüfen Sie diese Funktion auf einer Live-Seite.
- Animationsstil: Wähle ein Animationsstil für Bilder, wenn der Cursor darüber schwebt.
- Formmaske: Aktivieren Sie diesen Schalter, um den Bildern in der Bildliste eine Formmaske zuzuweisen. Sobald diese Option aktiviert ist, schneidet die ausgewählte Form das Bild optisch in diese Form.
- Form auswählen: Wählen Sie aus verschiedenen vordefinierten Formen für Ihre Bilder. So können Sie Ihre Inhalte kreativ gestalten, indem Sie Bilder in einzigartigen Formen wie rund, rautenförmig, tropfenförmig usw. darstellen.
Verwendung der Eckenradius können Sie verschiedene Formen von Listenelementbildern erstellen. Wenn Sie hier 500 px angeben, werden die Bilder kreisförmig angezeigt.
- Falls Sie geteilte Ecken gewählt haben, können Sie für jede Ecke einen anderen Eckenradius einstellen.
Bildrand
- Rand aktivieren/deaktivieren um das Bild, indem Sie den Schalter umlegen.
- Wählen Sie eine gemeinsame Grenze auf allen Seiten des Bildes oder Sie können die Grenzen separat für jede Seite.
- Präzisiere das Breite der Grenze. Wenn es auf 0 gesetzt ist, wird der Rand nicht angezeigt. Sie haben auch die Möglichkeit, die Randbreite für jede Seite des Bildes individuell festzulegen.
- Wähle aus Rahmenfarbe aus dem Farbwähler.
- Wählen Sie eine bevorzugte aus Border Style aus dem Dropdown.
- Bestimmen Sie die Randbreite für Mobilgeräte Geräte und richten Sie es an der für den Desktop gewählten Breite aus.
Popup-Schaltfläche
Diese Stiloptionen gelten für die Schaltfläche „Popup“, auf die sich beim Anklicken das Zahlungsformular öffnet.
- Knopfgröße - Wählen Sie die Größe der Schaltfläche aus Optionen wie „klein“, „mittel“ oder „groß“ aus.
- Platz über der Schaltfläche – Passen Sie den vertikalen Abstand über der Schaltfläche an (in Prozent).
- Schaltflächenstil – Wählen Sie den Stil der Schaltfläche, z. B. Standard oder Benutzerdefiniert.
- Knopffarbe - Wählen Sie den Farbstil für die Schaltfläche. Zur Auswahl stehen Standard, Invertieren und Benutzerdefiniert.
- Schaltflächentext – Passen Sie die Textfarbe für die Schaltfläche an.
- Button-Hintergrund – Wählen Sie die Hintergrundfarbe für die Schaltfläche aus.
Formularschaltfläche
Mit diesen Einstellungen können Sie die Schaltfläche zum Senden des Formulars anpassen, damit sie zum Design und Layout der Seite passt.
- Knopfgröße - Wählen Sie die Größe der Schaltfläche (Klein, Mittel oder Groß).
- Platz über der Schaltfläche – Passen Sie den vertikalen Abstand über der Schaltfläche an (in Prozent angegeben).
- Schaltflächenstil – Wählen Sie den Gesamtstil der Schaltfläche, z. B. „Standard“ oder „Benutzerdefiniert“.
- Knopffarbe - Legen Sie den Farbstil der Schaltfläche fest. Zu den Optionen gehören „Standard“, „Invertieren“ und „Benutzerdefiniert“.
- Schaltflächentext – Passen Sie die auf der Schaltfläche angezeigte Textfarbe an.
- Button-Hintergrund – Wählen Sie eine Hintergrundfarbe für die Schaltfläche.
- Tastenausrichtung – Wählen Sie die Ausrichtung der Schaltfläche (Links, Mitte oder Rechts).
- Schaltflächenbreite – Passen Sie die Breite der Schaltfläche an. Zur Auswahl stehen „Standard“, „Groß“, „Extragroß“ und „Volle Breite“.
Überschriften-Schaltflächen
Diese Einstellungen steuern das Erscheinungsbild und den Abstand der Schaltflächen, die mit der Überschrift des Abschnitts platziert werden.
- Knopfgröße - Wählen Sie die Gesamtgröße der Schaltflächen (Klein, Mittel oder Groß).
- Abstand zwischen den Schaltflächen – Passen Sie den Abstand zwischen mehreren Schaltflächen an (gemessen in vw).
- Platz über den Schaltflächen – Legen Sie den vertikalen Abstand über den Schaltflächen fest (gemessen in Prozent).
- Schaltflächenbreite – Wählen Sie, wie breit die Schaltflächen angezeigt werden sollen. Zur Auswahl stehen „Standard“, „Groß“, „Extragroß“ und „Volle Breite“.
- Textlinkgröße – Geben Sie die Schriftgröße der mit Schaltflächen verknüpften Textlinks an (gemessen in px).
- Bildschaltflächengröße – Passen Sie die Größe bildbasierter Schaltflächen an (gemessen in Pixeln).
Schlagzeilen-Symbole für soziale Netzwerke
Zeigen Sie Social-Sharing-Symbole im Formular an und passen Sie sie an.
- Symbolgröße – Passen Sie die Größe der Social Icons an (gemessen in px).
- Symboltyp – Wählen Sie den Stil der Symbole, z. B. „Klassisch“, „Durchgehend“ oder „Umriss“.
- Symbolfarbe – Wählen Sie die Farbe für die Symbole. Zu den Optionen gehören Linktext, Benutzerdefiniert oder Markenfarbe (Originalfarbe der sozialen Plattform).
- Symbolhintergrundfarbe – Legen Sie eine benutzerdefinierte Hintergrundfarbe für die Symbole fest, um Sichtbarkeit und Stil zu verbessern.
Einstellungen
- Klicken Sie auf Inhalt bearbeiten (1) Taste.
- Passen Sie die Formulareinstellungen an von Einstellungen (2) Tab und Gespeichert (3) Ihre Änderungen.
Formularname
- Geben Sie einen Namen ein Zahlungsformular angeben in Pixpa Studio. Dieser Name ist für Website-Besucher nicht sichtbar.
Bezahlverfahren
- Sie können die Zahlungsmethoden für das Formular aktualisieren.
- Sie können zwischen Paypal und Stripe wählen. Indische Kunden können auch Razorpay und PayUMoney hinzufügen Mehr erfahren.
Es kann immer nur eine Zahlungsmethode mit einem Formular verbunden werden.
Aktion nach der Einreichung
Als Aktion nach der Übermittlung können Sie sich dafür entscheiden Erfolgsmeldung anzeigen (1) oder Umleitung auf URL (2).
Im Falle von Erfolgsmeldung anzeigen (1):
- Präzisiere das Zahlungsbestätigung (2) wird angezeigt, nachdem der Benutzer das Formular abgeschickt hat.
- Sie können auch ein beliebiges Skript in hinzufügen Erfolg nach der Zahlung HTML (3) Box.
- Im Falle von RWeiterleitung zur URLSie können jede beliebige interne/externe Seite angeben, indem Sie auf das Symbol „Einstellungen“ (⚙️) klicken. WEITERE INFORMATIONEN .
Formulardaten synchronisieren und exportieren
- Formulardaten an Make.com senden. Mehr erfahren.
- Formulardaten an Zapier.com senden. Mehr erfahren.
- Exportieren Sie die Formulardaten als CSV-Datei. Mehr erfahren.
Email Benachrichtigung
Von hier aus können Sie den Betreff der E-Mail für die Benachrichtigungen anpassen, die Sie als Websitebesitzer nach erfolgreicher Formularübermittlung erhalten. Darüber hinaus können Sie die Erfolgs-E-Mail personalisieren, die an Benutzer oder Kunden gesendet wird, nachdem sie das Formular übermittelt und eine Zahlung getätigt haben.
- Aktivieren Sie die E-Mail an den Website-Inhaber Option, E-Mail-Benachrichtigungen zu erhalten, sobald ein Zahlungsformular eingereicht wird.
- Im FachgebietGeben Sie die Betreffzeile für die E-Mail zur Einreichung des Zahlungsformulars an. Sie können auch die folgende Option verwenden: {WEBSEITE} Eine Variable, mit der Sie Ihren Website-Namen automatisch in die Betreffzeile einfügen können. Dies ist besonders nützlich, wenn Sie mehrere Websites verwalten.
- Im E-Mail-FeldGeben Sie bis zu 3 E-Mail-Adressen ein, an die Sie Benachrichtigungen über das Zahlungsformular erhalten möchten.
- Erfolg aktivieren/deaktivieren E-Mail an den Kunden .
- Präzisiere das Betreff der Erfolgs-E-Mail.
- Fügen Sie ein ein Nachrichtentext Zur Erfolgs-E-Mail. Sie können die Variablen {TRANSACTION_ID}, {AMOUNT} und {NAME} in den E-Mail-Text einfügen, die erfasst und in der E-Mail versendet werden.
E-Mail an Kunden ist eine Premium-Funktion, die nur verfügbar ist auf Professionell und Fortgeschritten Pläne. Mehr erfahren.
Überprüfen Sie die Zahlungen und fügen Sie die Zahlungsmethode hinzu
- Gehen Sie zur Zahlungen und Spenden (1) .
- Hier können Sie alle erhaltenen Zahlungen einsehen.
- Prüfen Sie die Datum, erhaltener Betrag und E-Mail (2) der Zahlung.
- Klicken Sie auf eine beliebige Formularübermittlung (3) um die Transaktionsdetails der Zahlung anzuzeigen.
- Überprüfen Sie die Transaktionsdetails wie Transaktions-ID, Name, verwendete Zahlungsmethode und Transaktions-ID der Zahlungsmethode aus der rechten Schublade.
- Exportieren Sie alle Zahlungsdetails in a CSV-Format (4).
Zahlungsmethode hinzufügen
- Gehen Sie zur Einstellungen Abschnitt (1) und klicken Sie auf die Zahlungen akzeptieren Option (2) aus dem linken Menü.
- Überprüfen Sie nun die aktiven und inaktiven Zahlungsmethoden.
- Klicken Sie auf Aktivierungstaste (3) um eine Zahlungsmethode zu aktivieren und umgekehrt.
- Verbinden Stripe or Paypal-Geschäft. Indische Kunden können dies ebenfalls aktivieren PayUMoney or Razorpay.
Bezahlung und Spenden ist eine Premium-Funktion und ist nur im verfügbar Professionelle und erweiterte Pläne.
Hier ist ein Live-Zahlungs-/Spendenformular:
Sehen Sie sich eine Live-Demo-Site an
Um Spammer auf dem Formular zu reduzieren, wird die Google Captcha-Sicherheit automatisch auf Ihrem Formular aktiviert.