Anpassen der HTML-Ausgabe der Schaltfläche “Bestellung aufgeben” an der Kasse

Ich muss den Facebook-Pixel-Code hinzufügen, um ein Ereignis zu verfolgen, jedes Mal, wenn ein Kunde auf der WooCommerce-Checkout-Seite auf „Bestellung aufgeben“ klickt.

Ich habe versucht, die Schaltflächenzeile in der Checkout-Vorlage zu finden und auf diese Weise zu bearbeiten:

<button onClick="fbq('track', 'AddPaymentInfo');">Place Order</button>

Aber ich kann den Code für die Schaltfläche nicht finden.

Wie könnte ich den Code hinzufügen?
Oder wo finde ich die Zeile, um sie zu bearbeiten? Welche Vorlage ist es?

Danke

Wenn Sie einige Änderungen an der Checkout-Senden-Schaltfläche vornehmen möchten, Sie haben 2 Möglichkeiten:

1) Verwenden einer eingehängten benutzerdefinierten Funktion woocommerce_order_button_html Filterhaken, auf diese Weise:

add_filter( 'woocommerce_order_button_html', 'custom_order_button_html');
function custom_order_button_html( $button ) {

    // The text of the button
    $order_button_text = __('Place order', 'woocommerce');

    // HERE your Javascript Event
    $js_event = "fbq('track', 'AddPaymentInfo');";

    // HERE you make changes (Replacing the code of the button):
    $button = '<input type="submit" onClick="'.$js_event.'" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '" />';

    return $button;
}

Code geht in die function.php-Datei Ihres aktiven Child-Themes (oder Themes) oder auch in jede Plugin-Datei.

2) Überschreiben Sie die Vorlage checkout/payment.php und Sie zielen auf diesen Code ab (in Zeile 50):

<?php echo apply_filters( 'woocommerce_order_button_html', '<input type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '" />' ); ?>

Dazu geändert:

<?php 
    // Set HERE your javascript event
    $js_event = $js_event = "fbq('track', 'AddPaymentInfo');";

    echo apply_filters( 'woocommerce_order_button_html', '<input type="submit" onClick="'.$js_event.'" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr( $order_button_text ) . '" data-value="' . esc_attr( $order_button_text ) . '" />' ); ?>

Dazugehörige Dokumentation:

• Vorlagenstruktur + Überschreiben von Vorlagen über ein Design
• Woocommerce-Vorlagendatei checkout/payment.php

Alle Codes sind getestet und funktionieren. Hier ist die Ausgabe für beide Lösungen: