Achtung

Dieser Bestellformulartyp kann nicht mehr angelegt werden. Wir migrieren alle bestehenden Bestellformulare dieses Typs zu unserem neuen Bestellformular. Falls du noch Bestellformulare dieses Typs hast, kannst du diese weiter verwenden.

Das responsive Bestellformular passt sich, im Gegensatz zum klassischen Bestellformular, automatisch an die Bildschirmgröße des jeweiligen Endgerätes an. Außerdem bestimmst du beim responsiven Bestellformular die Anordnung der Bestellformular-Elemente selbst. Dadurch bietest du deinen Kunden ein optimales Nutzererlebnis. Auch Google bevorzugt Webseiten mit einem responsiven Design und berücksichtigt dies für das Ranking in den Suchergebnissen.

Responsives Bestellformular einrichten

Schritt-für-Schritt-Anleitung: responsives Bestellformular einrichten

1. Gehe in der Vendor-Ansicht auf Konto > Bestellformulare und klicke auf den Button Responsives Bestellformular erstellen.

2. Du siehst nun den Bestellformular-Editor, mit dem du beliebig Elemente vergrößern und verkleinern kannst. In der linken Spalte befinden sich alle Elemente, die du auswählen, nach rechts ziehen und platzieren kannst.

3. Um ein Element zu bearbeiten, klicke bei diesem auf das Stift-Icon. So kannst du beispielsweise beim Element Header-Bild ein bereits angelegtes Header-Bild auswählen. Falls du noch keines hochgeladen hast, kannst du das unter Konto > Bilder mit einem Klick auf Neues Bild hinzufügen nachholen. Wähle dabei unter Produkttyp die Option Bestellformular-Header aus.

4. Um dem Bestellformular einen Namen zu geben, klicke in der linken Spalte auf Einstellungen. Im sich nun öffnenden Fenster gibst du einen Namen an.

5. Hier kannst du außerdem ein individuelles Favicon auswählen. Solltest du noch keines hochgeladen haben, folge derselben Anleitung wie bei Punkt 4, aber wähle in diesem Fall bei Produkttyp die Option Bestellformular-Favicon. Triffst du hier keine Auswahl, erscheint an der Stelle des Favicons das Digistore24-Logo.

6. Das Feld Eigener CSS-Code bietet Webdesignern die Möglichkeit, das Bestellformular weiter anzupassen. Wichtiger Hinweis: Nur CSS ist modifizierbar – HTML und JavaScript sind im CSS-Feld nicht modifizierbar.

7. Wenn du alle Elemente deinen Wünschen entsprechend angeordnet und eingestellt hast, klicke auf den Button Speichern.

8. Wenn du in der linken Spalte auf Vorschau klickst, wird dir dein responsives Bestellformular angezeigt.

Nun hast du erfolgreich dein responsives Bestellformular eingerichtet – du solltest es nur noch mit einem deiner Produkte verbinden.

Schritt-für-Schritt-Anleitung: responsives Bestellformular mit deinem Produkt verbinden

1. Gehe in der Vendor-Ansicht auf Konto > Produkte.

2. Klicke auf das Stift-Icon des Produkts, das du mit deinem gerade angelegten responsiven Bestellformular verbinden möchtest.

3. Wechsle in den Tab Bestellformular.

4. Scrolle hinunter bis zum Fenster Bestellformular. Hier wählst du dein gerade angelegtes Bestellformular aus.

5. Klicke zuletzt auf Speichern.

Weitere Hinweise:

• Du kannst unter das Element Bezahlmethoden das Element Garantie positionieren. Der Kunde sieht dann ein Garantiesiegel, das sich nach den Rückgaberegelungen richtet, die du unter Einstellungen > Rückgaberegelung mit einem Klick auf Rückgaberegelung erstellen für das jeweilige Produkt eingestellt hast.

• Die Texte der Bestellformulare sind produktabhängig und werden in den einzelnen Produkteinstellungen festgelegt.

• Der Header des responsiven Bestellformulars ist Conversion-optimiert. Du kannst ihn ändern, solltest aber bedenken, dass er wichtige Conversion-Elemente enthält.

• Bilder für die Testimonials sowie Produktbilder, Favicon etc. werden unter Konto > Bilder hochgeladen.

Bestellformular für ein Produkt anpassen

Wenn du dein Bestellformular einmal eingerichtet hast, kannst du es anschließend immer wieder neu für ein spezielles Produkt anpassen.

Schritt-für-Schritt-Anleitung

1. Gehe in der Vendor-Ansicht auf Konto > Produkte.

2. Klicke auf das Stift-Icon des Produkts, dessen Bestellformular du bearbeiten möchtest.

3. Wechsle in den Tab Bestellformular.

4. Wähle das entsprechende Produktbild für dein Bestellformular aus.

5. Bei Produktbeschreibung für Bestellformular und Produktbeschreibung für Bestellbestätigungsseite kannst du nun die entsprechenden Beschreibungen einfügen.

6. Im Feld für die Bestellbestätigungsseite kannst du den Platzhalter [THANKYOU_URL] verwenden, wodurch deinen Kunden die URL der Bestellbestätigungsseite angezeigt wird. Diese ist aber auch in der Bestellbestätigungsmail enthalten. Lässt du das Feld für die Produktbeschreibung auf der Bestellbestätigungsseite frei, wird die Beschreibung des Bestellformulars dort eingefügt.

7. Im Fenster Technischer Support kannst du deine Support-E-Mail-Adresse hinterlegen und Nutzungshinweise für den Kunden angeben. Dazu gehört z. B., wie der Kunde auf sein Produkt zugreifen kann. Diese Hinweise werden dem Kunden nach Bezahlung auf der Bestellbestätigungsseite und in der Bestellbestätigungsmail angezeigt. Auch hier kannst du den Platzhalter [THANKYOU_URL] verwenden.

8. Im Fenster Bestellformular kannst du spezifische Einstellungen zur Kontaktdatenabfrage vornehmen. Außerdem kannst du hier ein eigenes Bestellformular auswählen und eine Social-Proof-Bubble hinzufügen.

9. Klicke zuletzt auf Speichern.

Dem Bestellformular individuelle Eingabefelder hinzufügen

Solltest du Informationen von deinen Kunden abfragen wollen, die nicht standardmäßig auf deinem Bestellformular vorhanden sind, kannst du zusätzliche, individuelle Eingabefelder hinzufügen (z. B. Geburtsjahr, Zusätzliche Wünsche). Folge dazu dieser Anleitung.