Zum Hauptinhalt gehen

Wie können wir dir helfen?

Ich habe bei Digistore24 bestellt

Upsell-Verlauf einrichten (JavaScript & Upsell-kaufen-Button)

Dieser Artikel zeigt, wie du einzelne Upsell-Positionen für deinen Upsell-Verlauf einrichtest und wie du sie in deine Upsellseite einbindest.

Hinweis

Diesen Artikel gibt es in vier Varianten:

Conversion Cockpit öffnen

Deinen Upsell-Verlauf richtest du im Conversion Cockpit deines Initialprodukts ein.

Gehe wie folgt vor:

  1. Öffne in der Vendor-Ansicht Konto > Produkte.
  2. Klicke bei deinem Initialprodukt auf das Drei-Punkte-Symbol und dann auf Zum Conversion Cockpit.
  3. Klicke auf Einstellungen.
  4. Lege fest, ob in diesem Upsell-Verlauf Doppelkäufe möglich sind.
  5. Lege den Upsell-Schritt an. Wähle dafür eine der unten angezeigten Varianten, um fortzufahren.
Einzelnes Produkt als Upsell anbieten

Einzelnes Produkt als Upsell anbieten

Du bietest auf der Upsellseite ein einzelnes Produkt an.

Schritt 1 - Upsell-Position hinzufügen

Gehe wie folgt vor:

  1. Klicke beim Initialprodukt oder bei einer bestehenden Upsell-Position auf den Button Upsell hinzufügen.

    Bei einer Upsell-Position kannst du zwischen einem grünen Pfeil (Upsell) und einem roten Pfeil (Downsell) entscheiden.

    Das Eingabefenster für die Upsell-Position wird angezeigt.

  2. Wähle in Schritt (1) Upsell-Typ die Option Produkte.
  3. Klicke auf Fortfahren.
  4. Wähle in Schritt (2) Upsell-Optionen im Feld Produkt 1 das zu verkaufende Produkt aus.
  5. Klicke auf Fortfahren.
  6. Wähle in Schritt (3) Integration die Option Ohne WordPress-Plug-in.
  7. Klicke auf Fortfahren.
  8. Wähle in Schritt (4) Button-Typ die Option Upsell-kaufen-Button.
  9. Klicke auf Fortfahren.
  10. In Schritt (5) Links zum Einfügen werden die Codes angezeigt, mit denen du die Upsell-Position in deine Upsellseite integrierst. Diese benötigst du im nächsten Abschnitt.
  11. Klicke auf Speichern. Die Upsell-Position wird zum Upsell-Verlauf hinzugefügt und geschlossen.
  12. Prüfe die Upsellseite.

    In der Upsell-Position wird im Feld Verkaufsseite die Upsellseite angezeigt, die in den Produkteinstellungen hinterlegt ist. Falls keine Upsellseite hinterlegt ist, wird stattdessen das Bestellformular als Upsellseite verwendet.

    Klicke auf das Stift-Icon, um die URL der Verkaufsseite anzupassen.

    Hinweis
    • Falls das ausgewählte Produkt nur als Upsell verkauft werden kann, wird die URL aus dem Feld Verkaufsseite in den Produkteinstellungen vewendet.
    • Falls das ausgewählte Produkt sowohl einzeln als auch als Upsell verkauft werden kann, wird die URL aus dem Feld Upsellseite in den Produkteinstellungen verwendet.
    • Du kannst die Produkteinstellungen öffnen, indem du in der Upsell-Position oben auf die Produkt-ID klickst.
    • Du kannst prüfen, ob das Produkt ein reines Upsell-Produkt ist oder nicht. Siehe dazu in den Produkteinstellungen bei Verkaufseinschränkungen im Feld Up-/Downgrade / Upsell nach.
     

Schritt 2 - Upsell-Position in Upsellseite einbinden

Nach dem du die Upsell-Position im Conversion Cockpit angelegt hast, kannst du sie in deine Upsellseite einbinden.

Gehe wie folgt vor:

  1. Öffne die Upsell-Position. Klicke dafür neben dem Titel auf das Stift-Icon.
  2. Klicke auf Schritt (5) Links zum Einbinden.
  3. Wähle im Feld Design für Upsell-kaufen-Button eine Vorlage aus. Du kannst Vorlagen bearbeiten oder neue erstellen.
  4. Kopiere die Code-Zeile aus dem Feld JavaScript an eine beliebige Stelle in den Header deiner Upsellseite. Das Script fügt deiner Upsellseite eine Session-ID hinzu. Diese ist nötig, damit der Upsell funktioniert.
  5. Kopiere die Code-Zeile aus dem Feld Upsell-kaufen-Button in deine Upsellseite an die Stelle, wo die Kaufentscheidungs-Buttons angezeigt werden sollen. Dadurch wird der Upsell-kaufen-Button eingeblendet.
Alternative Produkte als Upsell anbieten

Alternative Produkte als Upsell anbieten

Du bietest auf der Upsellseite mehrere Produkte als Alternativen an.

Schritt 1 - Upsell-Position hinzufügen

Gehe wie folgt vor:

  1. Klicke beim Initialprodukt oder bei einer bestehenden Upsell-Position auf den Button Upsell hinzufügen.

    Bei einer Upsell-Position kannst du zwischen einem grünen Pfeil (Upsell) und einem roten Pfeil (Downsell) entscheiden.

    Das Eingabefenster für die Upsell-Position wird angezeigt.

  2. Wähle in Schritt (1) Upsell-Typ die Option Produkte.
  3. Klicke auf Fortfahren.
  4. Wähle in Schritt (2) Upsell-Optionen im Feld Produkt 1 das zu verkaufende Produkt aus.
  5. Klicke auf Produkt hinzufügen. Das Feld Produkt 2 wird angezeigt. Wähle hier ein alternatives Produkt aus.
  6. Wiederhole diesen Vorgang für alle Produkte, die du als Alternativen auf der Upsellseite anbieten möchtest. Du kannst bis zu zehn Produkte anbieten.
  7. Klicke auf Fortfahren.
  8. Wähle in Schritt (3) Integration die Option Ohne WordPress-Plug-in.
  9. Klicke auf Fortfahren.
  10. Wähle in Schritt (4) Button-Typ die Option Upsell-kaufen-Button.
  11. Klicke auf Fortfahren.
  12. In Schritt (5) Links zum Einfügen werden die Codes angezeigt, mit denen du die Upsell-Position in deine Upsellseite integrierst. Diese benötigst du im nächsten Abschnitt.
  13. Klicke auf Speichern. Die Upsell-Position wird zum Upsell-Verlauf hinzugefügt und geschlossen.
  14. Prüfe die Upsellseite.

    In der Upsell-Position wird im Feld Verkaufsseite die Upsellseite angezeigt, die in den Produkteinstellungen hinterlegt ist. Falls keine Upsellseite hinterlegt ist, wird stattdessen das Bestellformular als Upsellseite verwendet.

    Klicke auf das Stift-Icon, um die URL der Verkaufsseite anzupassen.

    Hinweis
    • Falls das ausgewählte Produkt nur als Upsell verkauft werden kann, wird die URL aus dem Feld Verkaufsseite in den Produkteinstellungen vewendet.
    • Falls das ausgewählte Produkt sowohl einzeln als auch als Upsell verkauft werden kann, wird die URL aus dem Feld Upsellseite in den Produkteinstellungen verwendet.
    • Du kannst die Produkteinstellungen öffnen, indem du in der Upsell-Position oben auf die Produkt-ID klickst.
    • Du kannst prüfen, ob das Produkt ein reines Upsell-Produkt ist oder nicht. Siehe dazu in den Produkteinstellungen bei Verkaufseinschränkungen im Feld Up-/Downgrade / Upsell nach.
     

Schritt 2 - Upsell-Position in Upsellseite einbinden

Nachdem du die Upsell-Position im Conversion Cockpit angelegt hast, kannst du sie in deine Upsellseite einbinden.

Es gibt zwei Varianten, um Upsell-Alternativen einzubinden:

Variante 1: Ein Upsell-kaufen-Button – Auswahl der Upsell-Alternative über Radio-Buttons

Es gibt jeweils einen Radio-Button für jede Upsell-Alternative und einen einzigen Upsell-kaufen-Button. Dein Kunde wählt die Upsell-Alternative über die Radio-Buttons aus und klickt dann auf den Upsell-kaufen-Button, der sich gemäß der vorherigen Auswahl des Kunden angepasst hat.

So bindest du Radio-Buttons und einen Upsell-kaufen-Button ein:

  1. Öffne die Upsell-Position. Klicke dafür neben dem Titel auf das Stift-Icon.
  2. Klicke auf Schritt (5) Links zum Einbinden.
  3. Wähle im Feld Design für Upsell-kaufen-Button eine Vorlage aus. Du kannst Vorlagen bearbeiten oder neue erstellen.
  4. Kopiere die Code-Zeile aus dem Feld JavaScript an eine beliebige Stelle in den Header deiner Upsellseite. Das Script fügt deiner Upsellseite eine Session-ID hinzu. Diese ist nötig, damit der Upsell funktioniert.
  5. Kopiere alle Radio für Produkt-Code-Zeilen in deine Upsellseite die Stelle, wo die angebotenen Alternativen platziert sein sollen.
    1. Jede Alternative hat eine eigene Code-Zeile, in der die Produkt-ID angegeben wird durch value="product-XXXXXX".
    2. Jede Code-Zeile erzeugt ein Optionsfeld (Radio-Button) auf deiner Upsellseite zum Auswählen der jeweiligen Alternative. Die Optionsfelder sind unbeschriftet:
    3. Setze neben jede Code-Zeile einen Beschreibungstext und/oder ein Bild für die jeweilige Alternative. 
      <input type="radio" name="digistore-upsell-button-radio" value="product-508535" /> Beschreibung und/oder Bild für das Produkt mit der ID 508535.

      Auf der Upsellseite (aus Kundensicht):

       Produkt in Braun
 Produkt in Blau
 Produkt in Pink
  6. Kopiere die Code-Zeile aus dem Feld Upsell-kaufen-Button in deine Upsellseite an die Stelle, wo die Kaufentscheidungs-Buttons angezeigt werden sollen. Dadurch wird der Upsell-kaufen-Button eingeblendet.
Variante 2: Mehrere Upsell-kaufen-Buttons – direkte Auswahl der Upsell-Alternative

Es gibt für jede Upsell-Alternative jeweils einen eigenen Upsell-kaufen-Button. Dein Kunde klickt auf den direkten Upsell-kaufen-Button der gewünschten Upsell-Alternative.

So bindest du mehrere Upsell-kaufen-Button ein:

  1. Öffne die Upsell-Position. Klicke dafür neben dem Titel auf das Stift-Icon.
  2. Klicke auf Schritt (5) Links zum Einbinden.
  3. Wähle im Feld Design für Upsell-kaufen-Button eine Vorlage aus. Du kannst Vorlagen bearbeiten oder neue erstellen.
  4. Kopiere die Code-Zeile aus dem Feld JavaScript an eine beliebige Stelle in den Header deiner Upsellseite. Das Script fügt deiner Upsellseite eine Session-ID hinzu. Diese ist nötig, damit der Upsell funktioniert.
  5. Kopiere die Code-Zeile aus dem Feld Upsell-kaufen-Button in deine Upsellseite an jede Stelle, wo die angebotenen Alternativen platziert sein sollen.
  6. Ordne jedem Upsell-kaufen-Button die passende Produkt-ID zu:
    1. Füge jeder Code-Zeile das Attribut product hinzu, also: 
      <digistore-upsell-button product="" template="light"></digistore-upsell-button> />
    2. Kopiere die erste Produkt-ID aus der ersten Radio für Produkt-Code-Zeile, z. B.: 
      <input type="radio" name="digistore-upsell-button-radio" value="product-508535" />
    3. Füge die Produkt-ID in die Code-Zeile für den ersten Upsell-kaufen-Button ein, also:
      <digistore-upsell-button product="508535" template="light"></digistore-upsell-button> />
    4. Kopiere alle weiteren Produkt-IDs in die jeweilige Code-Zeile für den passend Upsell-kaufen-Button.
Alternative Anzahlen als Upsell anbieten

Alternative Anzahlen als Upsell anbieten

Du bietest auf der Upsellseite dasselbe Produkt in alternativen Anzahlen an.

Schritt 1 - Upsell-Position hinzufügen

Gehe wie folgt vor:

  1. Klicke beim Initialprodukt oder bei einer bestehenden Upsell-Position auf den Button Upsell hinzufügen.

    Bei einer Upsell-Position kannst du zwischen einem grünen Pfeil (Upsell) und einem roten Pfeil (Downsell) entscheiden.

    Das Eingabefenster für die Upsell-Position wird angezeigt.

  2. Wähle in Schritt (1) Upsell-Typ die Option Anzahl.
  3. Klicke auf Fortfahren.
  4. Wähle in Schritt (2) Upsell-Optionen im Feld Produkt auswählen das zu verkaufende Produkt aus.
  5. Gib im Feld Option 1 eine Anzahl ein. Du kannst nur ganze Zahlen angeben. Der Mindestwert beträgt 1.
  6. Klicke auf Anzahloption hinzufügen. Das Feld Option 2 wird angezeigt. Gib eine alternative Anzahl an.
  7. Wiederhole diesen Vorgang für alle Anzahloptionen, die du auf der Upsellseite anbieten möchtest. Du kannst bis zu zehn Optionen anbieten.
  8. Klicke auf Fortfahren.
  9. Wähle in Schritt (3) Integration die Option Ohne WordPress-Plug-in.
  10. Klicke auf Fortfahren.
  11. Wähle in Schritt (4) Button-Typ die Option Upsell-kaufen-Button.
  12. Klicke auf Fortfahren.
  13. In Schritt (5) Links zum Einfügen werden die Codes angezeigt, mit denen du die Upsell-Position in deine Upsellseite integrierst. Diese benötigst du im nächsten Abschnitt.
  14. Klicke auf Speichern. Die Upsell-Position wird zum Upsell-Verlauf hinzugefügt und geschlossen.
  15. Prüfe die Upsellseite.

    In der Upsell-Position wird im Feld Verkaufsseite die Upsellseite angezeigt, die in den Produkteinstellungen hinterlegt ist. Falls keine Upsellseite hinterlegt ist, wird stattdessen das Bestellformular als Upsellseite verwendet.

    Klicke auf das Stift-Icon, um die URL der Verkaufsseite anzupassen.

    Hinweis
    • Falls das ausgewählte Produkt nur als Upsell verkauft werden kann, wird die URL aus dem Feld Verkaufsseite in den Produkteinstellungen vewendet.
    • Falls das ausgewählte Produkt sowohl einzeln als auch als Upsell verkauft werden kann, wird die URL aus dem Feld Upsellseite in den Produkteinstellungen verwendet.
    • Du kannst die Produkteinstellungen öffnen, indem du in der Upsell-Position oben auf die Produkt-ID klickst.
    • Du kannst prüfen, ob das Produkt ein reines Upsell-Produkt ist oder nicht. Siehe dazu in den Produkteinstellungen bei Verkaufseinschränkungen im Feld Up-/Downgrade / Upsell nach.
     

Schritt 2 - Upsell-Position in Upsellseite einbinden

Nach dem du die Upsell-Position im Conversion Cockpit angelegt hast, kannst du sie in deine Upsellseite einbinden.

Gehe wie folgt vor:

  1. Öffne die Upsell-Position. Klicke dafür neben dem Titel auf das Stift-Icon.
  2. Klicke auf Schritt (5) Links zum Einbinden.
  3. Wähle im Feld Design für Upsell-kaufen-Button eine Vorlage aus. Du kannst Vorlagen bearbeiten oder neue erstellen.
  4. Kopiere die Code-Zeile aus dem Feld JavaScript an eine beliebige Stelle in den Header deiner Upsellseite. Das Script fügt deiner Upsellseite eine Session-ID hinzu. Diese ist nötig, damit der Upsell funktioniert.
  5. Kopiere alle Radio für Option-Code-Zeilen in deine Upsellseite die Stelle, wo die angebotenen Alternativen platziert sein sollen.
    1. Jede Alternative hat eine eigene Code-Zeile, in der die Produktanzahl angegeben wird durch value="qty-X".
    2. Jede Code-Zeile erzeugt ein Optionsfeld (Radio-Button) auf deiner Upsellseite zum Auswählen der jeweiligen Alternative. Die Optionsfelder sind unbeschriftet:
    3. Setze neben jede Code-Zeile einen Beschreibungstext und/oder ein Bild für die jeweilige Alternative. 
      <input type="radio" name="digistore-upsell-button-radio" value="qty-3" /> Beschreibung und/oder Bild für die Anzahl 3.

      Auf der Upsellseite (aus Kundensicht):

       3 Stück für 60 €
 5 Stück für 90 €
 7 Stück für 120 €
  6. Kopiere die Code-Zeile aus dem Feld Upsell-kaufen-Button in deine Upsellseite an die Stelle, wo die Kaufentscheidungs-Buttons angezeigt werden sollen. Dadurch wird der Upsell-kaufen-Button eingeblendet.
Alternative Zahlungspläne als Upsell anbieten

Alternative Zahlungspläne als Upsell anbieten

Du bietest auf der Upsellseite dasselbe Produkt mit alternativen Zahlungsplänen an.

Schritt 1 - Upsell-Position hinzufügen

Gehe wie folgt vor:

  1. Klicke beim Initialprodukt oder bei einer bestehenden Upsell-Position auf den Button Upsell hinzufügen.

    Bei einer Upsell-Position kannst du zwischen einem grünen Pfeil (Upsell) und einem roten Pfeil (Downsell) entscheiden.

    Das Eingabefenster für die Upsell-Position wird angezeigt.

  2. Wähle in Schritt (1) Upsell-Typ die Option Zahlungsplan.
  3. Klicke auf Fortfahren.
  4. Wähle in Schritt (2) Upsell-Optionen im Feld Produkt auswählen das zu verkaufende Produkt aus.
  5. Wähle im Feld Zahlungsplan 1 einen Zahlungsplan aus.
  6. Klicke auf Zahlungsplan hinzufügen. Das Feld Zahlungsplan 2 wird angezeigt. Wähle einen alternativen Zahlungsplan aus.
  7. Wiederhole diesen Vorgang für alle Zahlungspläne, die du auf der Upsellseite anbieten möchtest. Du kannst bis zu zehn Optionen anbieten.
  8. Klicke auf Fortfahren.
  9. Wähle in Schritt (3) Integration die Option Ohne WordPress-Plug-in.
  10. Klicke auf Fortfahren.
  11. Wähle in Schritt (4) Button-Typ die Option Upsell-kaufen-Button.
  12. Klicke auf Fortfahren.
  13. In (5) Links zum Einfügen werden die Codes angezeigt, mit denen du die Upsell-Position in deine Upsellseite integrierst. Diese benötigst du im nächsten Abschnitt.
  14. Klicke auf Speichern. Die Upsell-Position wird zum Upsell-Verlauf hinzugefügt und geschlossen.
  15. Prüfe die Upsellseite.

    In der Upsell-Position wird im Feld Verkaufsseite die Upsellseite angezeigt, die in den Produkteinstellungen hinterlegt ist. Falls keine Upsellseite hinterlegt ist, wird stattdessen das Bestellformular als Upsellseite verwendet.

    Klicke auf das Stift-Icon, um die URL der Verkaufsseite anzupassen.

    Hinweis
    • Falls das ausgewählte Produkt nur als Upsell verkauft werden kann, wird die URL aus dem Feld Verkaufsseite in den Produkteinstellungen vewendet.
    • Falls das ausgewählte Produkt sowohl einzeln als auch als Upsell verkauft werden kann, wird die URL aus dem Feld Upsellseite in den Produkteinstellungen verwendet.
    • Du kannst die Produkteinstellungen öffnen, indem du in der Upsell-Position oben auf die Produkt-ID klickst.
    • Du kannst prüfen, ob das Produkt ein reines Upsell-Produkt ist oder nicht. Siehe dazu in den Produkteinstellungen bei Verkaufseinschränkungen im Feld Up-/Downgrade / Upsell nach.
     

Schritt 2 - Upsell-Position in Upsellseite einbinden

Nach dem du die Upsell-Position im Conversion Cockpit angelegt hast, kannst du sie in deine Upsellseite einbinden.

Gehe wie folgt vor:

  1. Öffne die Upsell-Position. Klicke dafür neben dem Titel auf das Stift-Icon.
  2. Klicke auf Schritt (5) Links zum Einbinden.
  3. Wähle im Feld Design für Upsell-kaufen-Button eine Vorlage aus. Du kannst Vorlagen bearbeiten oder neue erstellen.
  4. Kopiere die Code-Zeile aus dem Feld JavaScript an eine beliebige Stelle in den Header deiner Upsellseite. Das Script fügt deiner Upsellseite eine Session-ID hinzu. Diese ist nötig, damit der Upsell funktioniert.
  5. Kopiere alle Radio für Option-Code-Zeilen in deine Upsellseite die Stelle, wo die angebotenen Alternativen platziert sein sollen.
    1. Jede Alternative hat eine eigene Code-Zeile, in der der Zahlungsplan angegeben wird durch value="payplan-XXXXXX".
    2. Jede Code-Zeile erzeugt ein Optionsfeld (Radio-Button) auf deiner Upsellseite zum Auswählen der jeweiligen Alternative. Die Optionsfelder sind unbeschriftet:
    3. Setze neben jede Code-Zeile einen Beschreibungstext und/oder ein Bild für die jeweilige Alternative. 
      <input type="radio" name="digistore-upsell-button-radio" value="payplan-410156" /> Beschreibung und/oder Bild für den Zahlungsplan mit der ID 410156.

      Auf der Upsellseite (aus Kundensicht):

       Einmalzahlung = 49 €
 3x 18 € = 54
 5x 12 € = 60 €
  6. Kopiere die Code-Zeile aus dem Feld Upsell-kaufen-Button in deine Upsellseite an die Stelle, wo die Kaufentscheidungs-Buttons angezeigt werden sollen. Dadurch wird der Upsell-kaufen-Button eingeblendet.