Dostosowywanie informacji o zamówieniu WooCommerce w powiadomieniach e-mailowych

How to customize email notifications in WooCommerceCustomizing the order confirmation email in WooCommerceConfiguring custom email notifications in WooCommerceEditing order details in WooCommerce emailsCustomizing the email template in WooCommerceAdding custom information to WooCommerce emailsChanging the content of WooCommerce emailsGuide to customizing email notifications in WooCommerceCustomizing the WooCommerce order email templateHow to modify email notifications in WooCommerce

Objaśnienie

Chcesz dodać osobisty akcent do powiadomień e-mailowych WooCommerce? Ten fragment kodu pomoże Ci dostosować sekcję informacji o zamówieniu w Twoich e-mailach.

Dodaj niestandardowe informacje: Kod łączy się z szczegółami zamówienia w e-mailu i dodaje niestandardowe pole. To pole pobiera dane z określonego klucza meta zamówienia, który możesz ustawić w ustawieniach zamówienia WooCommerce. To jak dodanie specjalnej notatki lub szczegółu do każdego e-maila z zamówieniem.
Stylizuj swoje e-maile: Umożliwia również dodanie niestandardowych stylów CSS. Oznacza to, że możesz zmienić wygląd swoich e-maili, na przykład rozmiar i kolor czcionki, aby dopasować je do stylu Twojej marki.
Dodaj niestandardową treść: Możesz wstawić dodatkową treść do sekcji szczegółów zamówienia w e-mailu. Może to być wiadomość z podziękowaniami lub jakiekolwiek inne informacje, które chcesz przekazać swoim klientom.

Dzięki temu kodowi możesz sprawić, że Twoje e-maile WooCommerce będą bardziej informacyjne i estetyczne, poprawiając doświadczenia klientów dzięki spersonalizowanym akcentom.

Kod
<?php
// Hook into WooCommerce email order details
add_filter('woocommerce_email_order_meta_fields', 'wp_dudecom_custom_email_order_meta_fields', 10, 3);

/**
 * Add custom information to WooCommerce email order details.
 *
 * @param array $fields Existing fields in the email order details.
 * @param WC_Order $order The order object.
 * @param bool $sent_to_admin Whether the email is sent to the admin.
 * @return array Modified fields with custom information.
 */
function wp_dudecom_custom_email_order_meta_fields($fields, $order, $sent_to_admin) {
    // Check if the order is valid
    if (!$order instanceof WC_Order) {
        return $fields;
    }

    // Add custom field to the email order details
    $fields['custom_field'] = array(
        'label' => __('Custom Information', 'text-domain'),
        'value' => get_post_meta($order->get_id(), '_custom_meta_key', true),
    );

    return $fields;
}

// Hook into WooCommerce email styles
add_filter('woocommerce_email_styles', 'wp_dudecom_custom_email_styles');

/**
 * Add custom CSS styles to WooCommerce emails.
 *
 * @param string $css Existing CSS styles.
 * @return string Modified CSS styles with custom additions.
 */
function wp_dudecom_custom_email_styles($css) {
    $custom_css = "
        .custom-information {
            font-size: 14px;
            color: #333;
            margin-top: 10px;
        }
    ";
    return $css . $custom_css;
}

// Hook into WooCommerce email order items table
add_action('woocommerce_email_order_details', 'wp_dudecom_custom_email_order_details', 20, 4);

/**
 * Add custom content to WooCommerce email order details.
 *
 * @param WC_Order $order The order object.
 * @param bool $sent_to_admin Whether the email is sent to the admin.
 * @param bool $plain_text Whether the email is in plain text.
 * @param WC_Email $email The email object.
 */
function wp_dudecom_custom_email_order_details($order, $sent_to_admin, $plain_text, $email) {
    // Check if the order is valid
    if (!$order instanceof WC_Order) {
        return;
    }

    // Output custom information in the email
    echo '<p class="custom-information">' . __('Thank you for your purchase! Here is some custom information related to your order.', 'text-domain') . '</p>';
}
?>

Instrukcja

Aby dostosować sekcję informacji o zamówieniu w powiadomieniach e-mail WooCommerce, wykonaj następujące kroki:

Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub stwórz plik własnej wtyczki.

Wymagania wstępne:

Upewnij się, że WooCommerce jest zainstalowane i aktywowane.
Znajomość dostępu do plików motywu WordPress i ich edytowania.

Kroki wdrożenia:

Dostęp do plików motywu: Zaloguj się do panelu administracyjnego WordPress.
Przejdź do Wygląd > Edytor motywu: Zlokalizuj i otwórz plik functions.php swojego aktywnego motywu.
Wstaw kod: Skopiuj podany fragment kodu i wklej go na końcu pliku functions.php.
Zapisz zmiany: Kliknij przycisk "Zaktualizuj plik", aby zapisać zmiany.
Przetestuj powiadomienia e-mail: Złóż zamówienie testowe, aby upewnić się, że niestandardowe informacje pojawiają się w powiadomieniach e-mail zgodnie z oczekiwaniami.

Postępując zgodnie z tymi krokami, możesz wzbogacić powiadomienia e-mail WooCommerce o niestandardowe informacje, style i treści, co zapewni bardziej spersonalizowane doświadczenie dla Twoich klientów.

Jeśli potrzebujesz pomocy przy wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.