Customize WooCommerce Order Information in Email Notifications

How to customize woocommerce email notifications; 
Customize order confirmation email woocommerce; 
Woocommerce custom email notifications setup; 
Edit order details in woocommerce emails; 
Woocommerce email template customization; 
Add custom information to woocommerce emails; 
Change woocommerce email content; 
Woocommerce email notifications customization guide; 
Customize woocommerce order email template; 
How to modify woocommerce email notifications; 

Explanation

Want to add a personal touch to your WooCommerce email notifications? This code snippet helps you customize the order information section in your emails.

Add Custom Information: The code hooks into the email order details and adds a custom field. This field pulls data from a specific order meta key, which you can set up in your WooCommerce order settings. It's like adding a special note or detail to each order email.
Style Your Emails: It also allows you to include custom CSS styles. This means you can change the look of your emails, such as font size and color, to match your brand's style.
Include Custom Content: You can insert additional content into the order details section of the email. This could be a thank you message or any other information you want to share with your customers.

By using this code, you can make your WooCommerce emails more informative and visually appealing, enhancing the customer experience with personalized touches.

Code

<?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>';
}
?>

Instructions

To customize the order information section in WooCommerce email notifications, follow these steps:

File Location: Add the code to your theme's functions.php file or create a custom plugin file.

Prerequisites:

Ensure WooCommerce is installed and activated.
Familiarity with accessing and editing WordPress theme files.

Implementation Steps:

Access Theme Files: Log in to your WordPress admin dashboard.
Navigate to Appearance > Theme Editor: Locate and open the functions.php file of your active theme.
Insert Code: Copy the provided code snippet and paste it at the end of the functions.php file.
Save Changes: Click the "Update File" button to save your changes.
Test Email Notifications: Place a test order to ensure the custom information appears in the email notifications as expected.

By following these steps, you can enhance your WooCommerce email notifications with custom information, styles, and content, providing a more personalized experience for your customers.

If you need assistance with implementation or require more advanced functionality, consider reaching out to wp-dude.com for expert help.

Customize WooCommerce Order Information in Email Notifications

Explanation

Code

Instructions

See More

Add Custom Note to WooCommerce Order Confirmation Email

How to Change Thank You Page Message in WooCommerce

Add Order Number to WooCommerce Email Subject Easily