HILFE - SUPPORT

Zweischrittige Bestellform (Schritt 1)


Wie Sie ein zweistufiges Bestellformular in Ihren Verkaufstrichter integrieren.

So erstellen Sie ein Zwei-Schritte-Bestellformular im Funnel Builder von Pilotly-io

In diesem Tutorial zeigen wir Ihnen, wie Sie den Funnel Builder in Pilotly-io nutzen, um ein Zwei-Schritte-Bestellformular zu erstellen. Dieses Formular eignet sich ideal, um Zahlungen von Ihren Kunden oder für Ihre Kunden zu sammeln. Wir konzentrieren uns auf die Integration mit Stripe und die Erstellung des Formulars – andere Themen wie Pfade, Domains oder Styling werden in separaten Videos behandelt.

Schritt 1: Stripe-Integration einrichten

Melden Sie sich in einem Kunden-Account an und gehen Sie zu Settings > Integrations.

  1. Erhalten Sie den Publishable Key und den Secret Key aus Ihrem Stripe-Konto.
  2. Kopieren Sie die Keys und fügen Sie sie in die entsprechenden Felder in Pilotly-io ein.
  3. Klicken Sie auf Save, um die Integration zu speichern.
Tipp: Stellen Sie sicher, dass Ihr Stripe-Konto vollständig eingerichtet ist, bevor Sie fortfahren.

Schritt 2: Neuen Funnel erstellen

Gehen Sie zu Funnels in der linken Seitenleiste und klicken Sie auf New Funnel oben rechts.

  • Benennen Sie den Funnel, z. B. Pilotly-io Orders Funnel.
  • Klicken Sie auf Create Funnel.

Schritt 3: Ersten Step hinzufügen

Klicken Sie auf Add New Step.

  1. Benennen Sie den Step Two Step Order Form.
  2. Geben Sie den Path ein, z. B. Order Form.
  3. Klicken Sie auf Create.

Schritt 4: Produkte im Products-Tab hinzufügen

Bevor Sie die Seite bearbeiten, gehen Sie zum Products-Tab oben rechts und klicken Sie auf +, um Produkte hinzuzufügen.

  • Wählen Sie Subscription als Typ.
  • Geben Sie den Product Name ein, z. B. Pilotly-io 297 Agency.
  • Legen Sie den Price Display Override fest, z. B. 297.
  • Wählen Sie den Stripe Plan aus Ihrem integrierten Stripe-Konto (z. B. 297 Monthly Agency Plan).
  • Fügen Sie eine Product Description hinzu, die auf der Kreditkartenabrechnung erscheint, inklusive Testphase (z. B. 14-Tage-Test).
  • Klicken Sie auf Save.
Achtung: Der Trial-Period-Wert in Pilotly-io überschreibt Einstellungen in Stripe – prüfen Sie dies sorgfältig.

Wiederholen Sie den Vorgang für weitere Produkte, z. B. Pilotly-io 97 Single Account mit 97 USD und 14-Tage-Test.

Schritt 5: Seite im Overview bearbeiten

Gehen Sie zurück zum Overview des Steps und klicken Sie auf Edit Page.

  1. Fügen Sie eine Section hinzu (z. B. Full Width).
  2. Fügen Sie eine Row hinzu (1 Column).
  3. Fügen Sie ein Element hinzu und scrollen Sie nach unten zu Two-Step Order Form.
  4. Klicken Sie darauf, um es hinzuzufügen.

Schritt 6: Zwei-Schritte-Order-Form anpassen

Passen Sie das Formular an Ihre Bedürfnisse an (unter Advanced).

Step 1: Client Information

  • Wechseln Sie von Shipping zu Client Information.
  • Aktivieren Sie Felder: Company Name, Full Name, Email Address, Phone.
  • Deaktivieren Sie Shipping-Felder.
  • Passen Sie den Button-Text an, z. B. Go to Step 2: Input Credit Card Info.

Step 2: Credit Card Information

  • Ändern Sie Edit Shipping Information zu Edit Client Information.
  • Ändern Sie Your Info zu Credit Card Information.
  • Die Produkte (z. B. 297 oder 97 USD) erscheinen dynamisch mit Radio-Buttons.
  • Passen Sie Kreditkarten-Felder an (z. B. 3 Felder oder 1 Feld).

Klicken Sie auf Save. Ignorieren Sie SEO-Meta-Daten für dieses Tutorial.

Tipp: Testen Sie das Formular im Preview, um sicherzustellen, dass Produkte und Felder korrekt dynamisch laden.

Schritt 7: Preview und Test

Klicken Sie auf Preview, um das Formular zu testen.

  • Geben Sie Testdaten in Step 1 ein und gehen Sie zu Step 2.
  • Wählen Sie ein Produkt und geben Sie Kreditkartendaten ein.
  • Klicken Sie auf Complete Order – die Zahlung wird über Stripe verarbeitet.

Schritt 8: Nächster Step nach Kauf

Nach dem Klick auf Complete Order wird der Lead automatisch zum nächsten Step weitergeleitet (z. B. Upsell, Downsell oder Thank-You-Page). Dies wird im nächsten Video behandelt.

Zusammenfassung

Mit diesen Schritten haben Sie ein funktionsfähiges Zwei-Schritte-Bestellformular in Pilotly-io erstellt. Integrieren Sie Stripe, fügen Sie Produkte hinzu und passen Sie das Formular an.