Individuelle Bezahlseiten erstellen und dem Produkt zuordnen

Auch deine >>Bezahlseite auf elopage kannst du deiner Corporate Identity entsprechend anpassen.

Für das Layout, die Farben und Felder deiner Bezahlseite erstellst du mithilfe dieses Artikels ein Template, welches du bei deinem Produkt im Tab "Bezahlseite"

• erstellen
• zuordnen oder ein bestehendes
• bearbeiten kannst.

Du kannst dir direkt im Produkt die Vorschau des ausgewählten Templates für deine Bezahlseite ansehen und diese auch scrollen und klicken.

 Überblick

Default-Template bearbeiten

Custom-Template erstellen

Bezahlseite anpassen

Variante für Bezahlseite wählen

Einstellungen für kostenpflichtige Produkte

Kostenlose Produkte

Option "Verschenken" (andere Lieferadresse)

Bezahlseiten-Template für ein Produkt wählen

Vorschau der Bezahlseite

Eigenes Template erstellen und bearbeiten

Dein eigenes Template kannst du auf 2 Wegen erstellen und bearbeiten:

a) Direkt beim Produkt im Tab "Bezahlseite"

Hier kannst du ein neues Template erstellen, ein bestehendes auswählen oder ein bestehendes bearbeiten.

Außerdem zeigen wir dir rechts daneben eine Live-Vorschau an. Diese kannst du scrollen und auch klicken und dir so die Auswirkung deiner Einstellungen ansehen.

Klickst du beim ausgewählten Template auf den Bearbeitungsstift, wird dir das gesamte Template inkl. der Einstellungen als PopUp angezeigt, so dass du die Seite nicht verlassen musst, wenn du Änderungen vornehmen möchtest.

Sobald du eine Einstellung änderst und unten auf "Speichern und Anwenden" klickst, ändert sich direkt die angezeigte Vorschau.

b) In der Übersicht der Bezahlseiten-Templates

• Gehe in im Hauptmenü deines Anbieter-Accounts auf "Checkout Tools" und "Bezahlseiten-Templates".
• Klicke auf "Erstellen".

• Benenne das Bezahlseiten-Template.

Später kannst du dies dann bei den jeweiligen Produkten auswählen.

Bezahlseite anpassen

Die nachfolgenden Elemente kannst du im Abschnitt "Bezahlseite anpassen" bearbeiten.

Seite

• Hintergrundfarbe
• Fokus-Farbe für Checkboxes & Umrandungen
• Farbe des Empfehlungshinweises für einen bestimmten Zahlungsplan
• Farbe für den Badge für den empfohlenen Zahlungsplan wenn du mehrere Preise beim Produkt hast und einen Zahlungsplan im Produkt als empfohlen hinterlegt hast

"Jetzt-Kaufen"-Button

• Button-Farbe
• Schriftfarbe
• Button-Text
• Button-Form (Rundungsgrad der Ecken)

Gutscheincodes

• Farbe des "Anwenden"-Buttons
• Schriftfarbe
• Button-Form (Rundungsgrad der Ecken)

Countdown-Timer

• Hier kannst du Einstellungen für das Design des Countdown-Timers hinterlegen, der angezeigt wird, wenn du einen Preis für einen bestimmten Zeitraum beim Produkt hinterlegt hast.

Hinweis

Bitte achte darauf, den Standardtext anzupassen!

Button-Text für kostenlose Produkte und 2. E-Mailfeld

• Direkt oben kannst du für kostenlose Produkte deinen individuellen Text hinterlegen.
• Darunter kannst du auf der Bezahlseite ein 2. E-Mail-Feld anzeigen lassen. Damit kannst du verhindern, dass Kund:innen sich vertippen und dann das Produkt nicht erhalten. 

Variante für Bezahlseite wählen

Du kannst hier verschiedene Designs auswählen. Teste am Besten, welches Design bei deinen Kunden am Besten konvertiert.

• Klicke auf den Pfeil, um die Layout-Optionen aufzuklappen.
• Wähle hier die Layout-Variante für deine Bezahlseite. Jede Variante wird dir als Vorschau angezeigt, sobald du sie markierst.

Position für Order Bumps wählen

Nutzt du Order Bumps beim Produkt als Upsell, kannst du hier die Position des Order Bumps auf der Bezahlseite festlegen.

Einstellungen für kostenpflichtige Produkte

Du kannst hier die Felder separat aktivieren für Privatpersonen oder Unternehmen. Verkaufst du nur an Unternehmen, deaktiviere Privatpersonen über den Switcher.

• Klicke die Felder an, die angezeigt werden sollen.
• Lege fest, ob es sich dabei um eine Pflichtangabe handelt, die ausgefüllt werden muss damit der Kauf erfolgen kann.

Hinweis

Wenn du sowohl an Privatpersonen als auch an Unternehmen verkaufst, lass beide Optionen aktiviert. Deine Kund:innen können dann auf der Bezahlseite auswählen, ob sie als Privatperson oder Unternehmen bestellen.

Veranstaltungsteilnehmer:innen

• Wenn du das Bezahlseiten-Template für eTickets verwenden möchtest, aktiviere die Felder für Veranstaltungsteilnehmer per Klick auf den Switcher.
• Sollen die Käufer:innenangaben automatisch für die Teilnehmer:innendaten übernommen werden und die Eingabefelder zunächst nicht eingeblendet werden, deaktiviere die Checkbox "Eingabefelder 'Teilnehmerdaten' einblenden". Bei Bedarf können deinen Kund:innen auf der Bezahlseite auch abweichende Daten eingeben.
• Soll beim Kauf auch die Telefonnummer angegeben werden, setze einfach ein Häkchen beim entsprechenden Feld, um die Abfrage zu aktivieren.

Wichtig

Aktiviere die Optionen "Käufer:in ist Privatperson" und/oder "Käufer:in ist Unternehmen" in Kombination mit den Feldern für Veranstaltungsteilnehmer:innen.

Feld Gutscheincode

• Hier kannst du per Klick auf die Checkbox die Anzeige des Feldes "Gutscheincode" auf der Bezahlseite deaktivieren.

Kostenlose Produkte

Für kostenlose Produkte kannst du die angezeigten bzw. notwendigen Felder separat festlegen. Beachte hier bitte die Vorgaben der DSGVO z.B. in Sachen Datensparsamkeit.
Für unser System ist die E-Mail-Adresse zwingend notwendig um die Produkte auszuliefern, aber auch ein Name macht in der Regel Sinn und du kannst deine Kund:innen direkt ansprechen in den E-Mails und Kund:innen im System schneller finden.

Option "Verschenken"(andere Lieferadresse)

Du kannst festlegen ob die Option "Verschenken" (andere Lieferadresse" auf der Bezahlseite angezeigt werden soll und dafür ebenfalls die Felder bestimmen.

Kauft jemand ein Produkt als Geschenk für jemand anderen, gibt es zwei Datensätze:
a) den Käufer der die Rechnung erhält
b) den Beschenkten, der die E-Mail mit dem Zugang zum Produkt erhält.

Bezahlseiten-Template für ein Produkt wählen

• Gehe im Hauptmenü deines Anbieter-Accounts auf "Produkte", erstelle oder wähle das Produkt und gehe im Bearbeitungsmodus auf den Tab "Bezahlseite".
• Scrolle nach unten zu "Template für die Bezahlseite" und wähle dein Custom-Template.
• Klicke anschließend auf "Aktualisieren" oder "Speichern & schließen".

Use Case

Hier siehst ein Beispiel für eine Bezahlseite für einen Online-Kurs mit individueller Hintergrund- & Fokus-Farbe sowie eigenem >>Header & Footer.

Info

Das Banner-Bild fügst du während er Produkterstellung bzw. -bearbeitung im Tab "Bezahlseite" unter "Bezahlseite ergänzen / individualisieren" einfach per Copy&Paste in den Texteditor ein. 

Vorschau der Bezahlseite

Zur Vorschau deiner Bezahlseite gelangst du über die >>Produktlinks.