How to fetch product name to contact form mail body

Hello,

The form is on the cart page at https://kwebmakerdigitalagency.com/staging_ult/cart/. It’s a hidden form with a popup modal.

Currently, I’ve made some changes in the cart template and contact form. I’ve added a hidden field and JavaScript code. Despite these modifications, the product name is still not appearing in the email body. Interestingly, I can see the product name if I use an echo statement.

contact form
[hidden product-names-field id:product-names-field]

cart template code
<?php
$product_names = array(); // Initialize an array to store product names

foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
     $_product   = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key );
    $product_id = apply_filters( 'woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key );
    $e_product = wc_get_product( $product_id);
// Get the product name
        $product_name = $e_product->get_name();
        
        // Output the product name
        echo $product_name . ', ';
        
        // Store the product name in the array
        $product_names[] = $product_name;
    } 
    ?>
    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Populate the hidden input field with product names
            var productNamesField = document.getElementById('product-names-field');
            if (productNamesField) {
                productNamesField.value = '<?php echo esc_js(implode(', ', $product_names)); ?>';
            }
        });
    </script>
</div>

Above submit button, please refer code.

<div class="col-12 mb-1">
[text* text id:name class:form-control class:rounded-0 placeholder "Name*"]
</div>
<div class="col-12 mb-1">
    [email* email id:email class:form-control class:rounded-0 placeholder "Email *"]                                  
</div>
<div class="col-12 mb-1">
    [tel* Phone id:phone class:form-control class:rounded-0 minlength:10 maxlength:10 placeholder "Phone Number *"]  
</div>
<div class="col-12 mb-1">
    [textarea Message id:floatingTextarea class:form-control class:rounded-0 40x2 placeholder "Message"]                              
</div>
<div class="col-12 mb-1 d-none">
    [hidden product-names-field id:product-names-field]
</div>
  <div class="blackBorderBtn d-table px-2 py-0 form-button mt-5">
[submit "Submit"]
</div>

The product name is not being fetched in the email that we receive as admin

Full Name: test
Email ID : test@gmaill.com

Mobile No. : 8888888888

Message : test

Product Title: [product_names_field]

• This reply was modified 1 year, 1 month ago by vrushalli22.
• This reply was modified 1 year, 1 month ago by vrushalli22.