Erste Schritte mit dem „Jetzt bestellen“-Button

Übersicht

• Warum du den „Jetzt bestellen“-Button auf deiner Website hinzufügen solltest
• Und so funktioniert‘s
• Schritt für Schritt: Installationsanleitung
• Website-spezifische Anweisungen
• Andere Plattformen

Warum du den „Jetzt bestellen“-Button auf deiner Website hinzufügen solltest

Das Hinzufügen unseres anpassbaren „Jetzt bestellen“-Buttons ist eine clevere Art, mehr Traffic und Umsatz auf deiner Website zu generieren. Im Vergleich zu einem normalen Menü-Link hat dieser Button bei einigen Händler*innen dazu beigetragen, ihre Online-Bestellungen um 20-200% zu steigern.

Er ist für Mobilgeräte optimiert, einfach einzurichten und erleichtert deinen Kund*innen die Bestellung, vor allem von unterwegs aus.

Und so funktioniert‘s

Du (oder dein Wolt Kontakt) führst dabei folgende Schritte aus:

1. Richte den Button im Händlerportal ein (auf Unternehmensebene, nicht auf Restaurant- oder Geschäftsebene).

2. Kopiere einen kurzen Code-Schnipsel.

3. Füge diesen in deine Website-Einstellungen ein.

Das war's schon. Nach der Installation wird auf deiner Website ein schwebender „Jetzt bestellen“-Button angezeigt und optional ein Popup-Fenster für Erstbesucher*innen.

Schritt für Schritt: Installationsanleitung

Schritt 1: Richte den Button im Händler-Portal ein

1. Melde dich unter merchant.wolt.com an.

2. Vergewissere dich, dass du dich in der Unternehmenssansicht befindest (nicht in der Geschäfts- oder Restaurantansicht).

3. Gehe zu: Storefront → SDK-Einstellungen oder verwende dieses Format: https://merchant.wolt.com/experience/merchant/<merchantid>/s/<venueid>/storefront/sdk

Schritt 2: Passe den Button an

• Du kannst das Aussehen und Verhalten deines „Jetzt bestellen“-Buttons hier ändern.

• Die Änderungen werden sofort aktualisiert, sodass du dir keine Sorgen machen musst, wenn du später noch etwas ändern möchtest.

• Standardmäßig führt der Button zu deinem Shop unter order.site/<yourname>.

  

• Du kannst auch ein Popup-Modul aktivieren, das beim ersten Aufrufen deiner Website angezeigt wird. Es wird nicht mehr angezeigt, wenn deine Kund*innen zwischen den Seiten wechseln, aber bei ihrem nächsten Besuch wird es wieder erscheinen.

Hinweis: Der Button hat die Schriftart deiner Website und ist zur besseren Sichtbarkeit immer fett gedruckt.

Wenn du fertig bist, klicke unten rechts auf „Speichern“.

Schritt 3: Füge den Code auf deiner Website ein

Die folgenden Schritte sind allgemein gehalten. Die genaue Vorgehensweise kann je nach Anbieter deiner Website variieren.

1. Melde dich bei deinem Website-Editor an (z. B. Wix, WordPress, Shopify, etc.).

2. Gehe zu dem Bereich, wo du benutzerdefinierten Code in den Header deiner Website einfügen kannst.

   • Dazu benötigst du ggf. ein kostenloses Plugin (siehe unten).

3. Klicke im Wolt Händler-Portal auf „Einbettungscode anzeigen“ (unten rechts).

   

4. Kopiere den angezeigten Code.

   

5. Füge ihn in den Header-Code-Bereich deiner Website ein.

6. Klicke auf Speichern.

Das war's schon! Du bist live. Öffne deine Website, um sie zu überprüfen. Alle Änderungen, die du später im Händler-Portal vornimmst, werden automatisch aktualisiert.

Website-spezifische Anweisungen

WordPress

1. Melde dich bei deinem WordPress-Dashboard an.

   

2. Gehe zu Plugins → Suche nach „Wolt Storefront SDK“.

3. Installiere die kostenlose Version und aktiviere sie.

4. Gehe im Plugin zum Bereich Kopf- und Fußzeile (Header & Footer).

   

5. Füge den Code aus Händler-Admin in die Kopfzeile ein.

   

6. Klicke auf Speichern.

Fertig!

Wix

1. Melde dich bei deinem Wix-Dashboard an.

2. Gehe zu Einstellungen → scrolle zu Entwicklung & Integrationen → Benutzerdefinierter Code.

3. Klicke auf Benutzerdefinierten Code hinzufügen.

4. Füge den Einbettungscode aus dem Händler-Admin ein.

5. Wähle aus, dass er auf allen Seiten angezeigt wird.

6. Platzierung wählen: Kopfzeile (Header).

7. Klicke auf Anwenden.

   

Fertig.

Andere Plattformen

Wir erstellen zurzeit Leitfäden für andere beliebte Website-Anbieter, darunter:

• Shopify

• Squarespace

• Webnode

Suche in der Zwischenzeit nach: „Wie füge ich benutzerdefinierten Code in den Header der [deine Plattform] Website ein“ Wenn du nicht weiterkommst, wende dich bitte an deine*n Wolt-Ansprechpartner*in – wir helfen dir gerne weiter.