So fügen Sie einen "Auf WhatsApp bestellen"-Button zu WooCommerce hinzu (2026)

Viele WooCommerce-Shops verlieren den Verkauf im letzten Schritt, weil der Käufer eine unbeantwortete Frage hat: Wird es an meine Postleitzahl geliefert, ist Nachnahme verfügbar, kann ich einen Mengenrabatt erhalten? Eine „Auf WhatsApp bestellen“-Schaltfläche verschiebt diese Frage in einen Chat, in dem Sie in Sekunden antworten können, und im Jahr 2026 benötigt man dafür etwa zwanzig Zeilen PHP in einem Child-Theme — oder ein kleines Button-Plugin, wenn Sie lieber klicken als programmieren möchten. The Tech Pad geht dort weiter, wo eine Schaltfläche endet: automatische Bestellbestätigungen, Versandaktualisierungen, Nachnahmeprüfungen und Warenkorb-Wiederherstellung, die von derselben Nummer über die offizielle Meta WhatsApp Cloud API gesendet werden. Ihr erster Monat ist kostenlos, wenn Sie starten, und für jedes Unternehmen, das Sie empfehlen, sich anmeldet und eine WhatsApp-Nummer verbindet, erhalten Sie einen kostenlosen Monat — bis zu 5 weitere kostenlose Monate.

Wann eine „Bestellung über WhatsApp“-Schaltfläche Sinn macht

Ein chat-orientierter Bestellprozess ist kein universelles Upgrade. Er überzeugt, wenn der Kauf einen menschlichen Satz erfordert, bevor Geld fließt:

• Teure Artikel — Möbel, Maschinen, Schmuck, alles, bei dem der Käufer eine Absicherung möchte, bevor er ₹40.000 bezahlt.
• Maßanfertigungen und individuelle Arbeiten — die Spezifikation ergibt sich aus einem Gespräch, nicht aus einem Dropdown-Menü.
• Großhandel und B2B — Mengenspezifische Preise, die Sie nicht veröffentlichen möchten.
• Unklarer Versand — Schwere Waren, entfernte Postleitzahlen, Kühlkette, grenzüberschreitend.
• Neue oder wenig vertraute Shops — Ein erreichbarer Mensch ist das günstigste Vertrauenssignal, das Sie haben.
• Indien Nachnahme — Käufer, die nicht im Voraus bezahlen, aber gerne auf WhatsApp bestätigen.

Es wirkt gegen Sie, wenn:

• Sie haben einen großen Katalog und tausende von Bestellungen pro Monat, sodass die manuelle Auftragserfassung zum Engpass wird.
• Die Auftragsabwicklung ist automatisiert und greift auf WooCommerce-Bestellobjekte zu, die ein Chat niemals erstellt.
• Sie benötigen saubere Steuer-, GST- und Rechnungsdaten bei jedem Verkauf.
• Sie leiten bezahlten Traffic in einen optimierten Checkout-Trichter und die Schaltfläche lässt Käufer daraus entweichen.

Faustregel: Behalte den normalen Checkout als Standard bei und nutze den Button nur dort, wo eine Frage den Auftrag wirklich blockiert.

Wo der Button platziert werden soll und was die Nachricht sagen sollte

Die Platzierung entscheidet darüber, ob der Button hilft oder den Checkout kannibalisiert.

Schwebende Widgets gehören zu Tools wie Joinchat, Click to Chat und Chaty. Sie machen diese Aufgabe gut und sie sind kostenlos oder günstig. Was keines von ihnen tut, ist, selbstständig eine Nachricht zu senden – sie öffnen nur einen Chat, den der Kunde starten muss. Dieser Unterschied ist später in diesem Beitrag wichtig.

Der Code: zwei Snippets für dein Child-Theme

Snippet-Bearbeitungen gehören in ein Child-Theme functions.php oder ein Code-Snippets-Plugin. Bearbeiten Sie niemals ein übergeordnetes Theme; das nächste Update löscht Ihre Arbeit. Machen Sie eine Sicherungskopie und testen Sie zuerst auf einer Staging-Umgebung.

1. Bringen Sie Ihre Nummer in das richtige Format. Internationales Format, nur Ziffern, kein +, keine Leerzeichen, keine Bindestriche. Eine indische Nummer wird 919876543210. Ersetzen Sie den Platzhalter in beiden Snippets.
2. Fügen Sie die Schaltfläche auf der Produktseite hinzu. Dies hängt ein woocommerce_after_add_to_cart_button und erstellt einen wa.me Link aus dem Produkttitel, dem angezeigten Preis und dem Permalink:

add_action( 'woocommerce_after_add_to_cart_button', 'ttp_wa_order_button', 20 );

function ttp_wa_order_button() {
	global $product;

	if ( ! $product instanceof WC_Product ) {
		return;
	}

	$number = '919876543210'; // Digits only, no + and no spaces.
	$price  = html_entity_decode( wp_strip_all_tags( wc_price( wc_get_price_to_display( $product ) ) ) );

	$message  = "Hi, I'd like to order this item:\n";
	$message .= $product->get_name() . "\n";
	$message .= 'Price: ' . $price . "\n";
	$message .= 'Link: ' . get_permalink( $product->get_id() );

	$url = 'https://wa.me/' . $number . '?text=' . rawurlencode( $message );

	printf(
		'<a class="button ttp-wa-order" href="%s" target="_blank" rel="noopener nofollow">%s</a>',
		esc_url( $url ),
		esc_html__( 'Order on WhatsApp', 'ttp' )
	);
}

1. Fügen Sie die Schaltfläche auf der Warenkorb-Seite hinzu. Diese wiederholt. WC()->cart->get_cart() sodass der Kunde im Chat landet, wobei der gesamte Warenkorb bereits ausgefüllt ist:

add_action( 'woocommerce_after_cart_totals', 'ttp_wa_cart_button', 20 );

function ttp_wa_cart_button() {
	if ( ! function_exists( 'WC' ) || ! WC()->cart || WC()->cart->is_empty() ) {
		return;
	}

	$number = '919876543210';
	$lines  = array( "Hi, I'd like to order this cart:" );

	foreach ( WC()->cart->get_cart() as $cart_item ) {
		$product = isset( $cart_item['data'] ) ? $cart_item['data'] : null;

		if ( ! $product instanceof WC_Product ) {
			continue;
		}

		$lines[] = sprintf( '- %s x %d', $product->get_name(), (int) $cart_item['quantity'] );
	}

	$lines[] = 'Total: ' . html_entity_decode( wp_strip_all_tags( WC()->cart->get_total() ) );

	$url = 'https://wa.me/' . $number . '?text=' . rawurlencode( implode( "\n", $lines ) );

	printf(
		'<p><a class="button ttp-wa-order" href="%s" target="_blank" rel="noopener nofollow">%s</a></p>',
		esc_url( $url ),
		esc_html__( 'Order this cart on WhatsApp', 'ttp' )
	);
}

1. Halten Sie die Nachricht kurz. rawurlencode() Zeilenumbrüche und Symbole werden korrekt verarbeitet, aber sehr langer vorgefüllter Text wird auf einigen Geräten abgeschnitten. Namen, Mengen und ein Gesamtbetrag reichen aus.
2. Escapen Sie alles, was Sie ausgeben. esc_url() im href, esc_html__() im Label.
3. Testen Sie auf einem echten Telefon. Desktop wa.me Links öffnen WhatsApp Web und verhalten sich unterschiedlich. Überprüfe Android und iOS.
4. Stylen Sie es als die sekundäre Aktion. Wenn der WhatsApp-Button den In den Warenkorb-Button überstrahlt, werden die Vorauszahlungsbestellungen zurückgehen.

Diese Gespräche in aufgezeichnete Bestellungen umwandeln

Ein Chat ist kein Bestellobjekt, also entscheiden Sie im Voraus, wie der Eintrag und das Geld erstellt werden:

• Manuelle Auftragserstellung — WooCommerce → Bestellungen → Bestellung hinzufügen, die Positionen hinzufügen und dann einen Zahlungslink senden. Langsam, aber genau und korrekt für GST und Rechnungsstellung.
• Zahlungslink zurück zum Checkout — mit einem Warenkorb- oder vorgefertigten Checkout-URL antworten. Der Kunde bezahlt über Ihr gewohntes Gateway und WooCommerce erfasst alles.
• Behalten Sie den Checkout als Standard — beantworten Sie die blockierende Frage im Chat und senden Sie den Käufer dann zurück zur Produktseite. Nichts an Ihrer Berichterstattung ändert sich.
• Nachnahmebestätigung — Nehmen Sie die Bestellung auf der Website auf und bestätigen Sie sie dann vor dem Versand über WhatsApp. Details in [COD-Bestätigung auf WhatsApp](/blog/cod-confirmation-whatsapp-cut-rto-fake-orders/).

Was der Knopf nicht tun kann

Die Taste wird vom Kunden initiiert, ist einseitig und zustandslos. Sie kann nicht:

• senden ein Bestellbestätigung wenn eine Zahlung erfolgreich ist;
• drücken Verarbeitung, versandt und geliefert Updates mit einem Tracking-Link;
• einen jagen verlassener Warenkorb eine Stunde später;
• fragen nach Nachnahmebestätigung über 300 Bestellungen am Tag;
• bitten um Bewertung nach der Lieferung.

Dies sind alles geschäftlich initiierte Nachrichten, was bedeutet, dass die offizielle WhatsApp Cloud API und von Meta genehmigte Vorlagen verwendet werden. Genau das wird vom kostenlosen WooCommerce-Connector von The Tech Pad gehandhabt: Bestätigungs-, Bearbeitungs-, Versand- und Zustellbenachrichtigungen sowie Warenkorb-Wiederherstellungen, gesendet von derselben Nummer, auf die Ihr Button zeigt, mit einem gemeinsamen Team-Posteingang unter [/features/inbox/](/features/inbox/) für die Antworten. Es fällt keine monatliche SaaS-Gebühr an für der Connectors – Sie zahlen Metas pro-Nachricht-Konversationsgebühren (Nutzwert ungefähr ₹0,10–0,30 in Indien, Marketing etwa 2–3× Nutzwert; überprüfen Sie Metas aktuelle Preisliste). Siehe [/woocommerce/](/woocommerce/), die [Plugin-Bibliothek](/plugins/), [/industries/woocommerce/](/industries/woocommerce/) und [Benachrichtigungen zum Bestellstatus](/blog/woocommerce-order-status-notifications-whatsapp/).

Nachrichtenvorlagen zur Kombination mit der Schaltfläche

Jegliche vom Unternehmen initiierte Nachricht außerhalb des 24-Stunden-Kundenservicefensters benötigt eine genehmigte Vorlage, und die Kategorie ist entscheidend: Bestellupdates sind Dienstleistungskommunikation, Werbeaktionen Marketing.

Hallo {{1}}, Ihre Bestellung {{2}} ist bestätigt. Gesamt {{3}}, Zahlungsmethode {{4}}. Wir benachrichtigen Sie hier, sobald sie versandt wird. Antworten Sie auf diesen Chat, wenn die Adresse geändert werden muss.

Hallo {{1}}, eine kurze Bestätigung, bevor wir die Bestellung {{2}} (Nachnahme, {{3}}) versenden. Antworte mit JA, um zu bestätigen, oder NEIN, um zu stornieren – bestätigte Bestellungen werden am selben Tag versendet.

Die Kopie zur Wiederherstellung von Warenkörben befindet sich in [Vorlagen zur Wiederherstellung aufgegebener Warenkörbe](/blog/whatsapp-abandoned-cart-recovery-templates/). WhatsApp erzielt ungefähr eine Öffnungsrate von 98 % im Vergleich zu etwa 20 % bei E-Mails, und die medianen Antworten erfolgen in unter 90 Sekunden – halten Sie Vorlagen so, dass sie mit einem Wort beantwortet werden können.

FAQ

Kann ich einen „Auf WhatsApp bestellen“-Button ohne Plugin hinzufügen?

Ja. Ein kleiner Ausschnitt, der in die Produkt- oder Warenkorbvorlagen von WooCommerce eingebunden wird, kann einen wa.me-Link erstellen, der den Produktnamen, die Menge und den Preis enthält. Ein Plugin lohnt sich nur, wenn Sie Platzierungskontrollen, Regeln pro Produkt und Analysen ohne Codebearbeitung wünschen.

Werden Bestellungen über WhatsApp weiterhin in WooCommerce erfasst?

Nicht von alleine — ein Chat ist kein Bestellobjekt. Erstellen Sie die Bestellung entweder manuell aus der Konversation oder verwenden Sie die Schaltfläche für Anfragen und hochpreisige Artikel, während der normale Checkout der Standardweg für aufgezeichnete Bestellungen bleibt.

Kann ich den Warenkorb des Kunden in der Nachricht vorab füllen?

Ja. Durchlaufen Sie die Warenkorbartikel auf der Warenkorb- oder Checkout-Seite und erstellen Sie den Nachrichtentext mit Namen, Mengen und dem Gesamtbetrag, dann URL-codieren Sie ihn in den wa.me-Link. Halten Sie ihn kurz — sehr langer vorausgefüllter Text wird auf einigen Geräten abgeschnitten.

Ist dies für Nachnahmebestellungen in Indien nützlich?

Sehr. Ein WhatsApp-Bestätigungsschritt vor dem Versand ist eine der günstigsten Möglichkeiten, gefälschte Nachnahme-Bestellungen und Rücksendungen zum Absender zu reduzieren. Senden Sie eine genehmigte Vorlage eines Dienstprogramms, in der der Kunde zur Bestätigung aufgefordert wird, und versenden Sie nur, wenn er antwortet.

Fügen Sie die Schaltfläche hinzu und automatisieren Sie dann die Nachverfolgung

Der Knopf öffnet die Tür; die API hält das Gespräch am Laufen, ohne dass jemand tippt. Verbinden Sie Ihren Shop über The Tech Pad mit der offiziellen Cloud-API, und Bestellbestätigungen, Nachnahmekontrollen, Versandaktualisierungen, Warenkorbwiederherstellung und Bewertungsanfragen laufen alle über die Nummer, die Ihre Kunden bereits kontaktieren. Ihr erster Monat ist kostenlos, wenn Sie bei [/wa/](/wa/) starten — Ihr erster Monat ist kostenlos, wenn Sie starten, und jedes Unternehmen, das Sie werben, sich anmelden und eine WhatsApp-Nummer verbinden, gibt Ihnen einen kostenlosen Monat — bis zu 5 weitere kostenlose Monate. Die Pläne sind unter [/pricing](/pricing) aufgelistet, und die vollständige Connector-Anleitung finden Sie unter [/blog/whatsapp-woocommerce-integration-setup-templates/](/blog/whatsapp-woocommerce-integration-setup-templates/).