Snippet

Dodaj niestandardowe notatki do zamówienia w WooCommerce podczas realizacji zamówienia z łatwością.

How to add notes to an order in the WooCommerce checkout processAdd a custom notes field to an order in WooCommerceAdd a note to the WooCommerce order processingOrder notes plugin for WooCommerce checkout processCustomize order notes in WooCommerceProgrammatically add notes to an order in WooCommerceAdd notes on the WooCommerce checkout pageEnable order notes in WooCommerceCustomizing the order notes field in WooCommerceAdd a customer note in the WooCommerce order processing

Objaśnienie

Aby dodać niestandardowe pole notatek zamówienia do strony realizacji zamówienia WooCommerce, ten kod spełnia swoje zadanie. Wprowadza nową sekcję, w której klienci mogą zostawić dodatkowe notatki dotyczące swojego zamówienia.

  • Dodawanie pola: Kod łączy się z procesem realizacji zamówienia, aby wyświetlić nowy obszar tekstowy oznaczony jako "Notatki do zamówienia" tuż po istniejącej sekcji notatek zamówienia. To tutaj klienci mogą wpisać wszelkie dodatkowe informacje, które chcą przekazać na temat swojego zamówienia.
  • Walidacja: Zanim zamówienie zostanie przetworzone, kod sprawdza, czy klient wypełnił pole notatek zamówienia. Jeśli jest puste, wyświetla się komunikat o błędzie, który prosi o podanie notatek.
  • Zapisywanie notatek: Po złożeniu zamówienia wszelkie notatki wprowadzone przez klienta są zapisywane wraz z danymi zamówienia. Zapewnia to, że informacje są przechowywane i mogą być później dostępne.
  • Wyświetlanie w panelu administracyjnym: Po stronie administracyjnej, podczas przeglądania zamówienia, niestandardowe notatki są wyświetlane pod szczegółami zamówienia. Ułatwia to menedżerom sklepu zobaczenie wszelkich specjalnych instrukcji lub komentarzy pozostawionych przez klienta.

To rozwiązanie jest idealne dla firm, które potrzebują dodatkowych informacji od klientów podczas procesu realizacji zamówienia, takich jak instrukcje dostawy czy wiadomości prezentowe.

Kod

1<?php 2// Hook to add a custom order notes field in WooCommerce checkout 3add_action('woocommerce_after_order_notes', 'wp_dudecom_custom_order_notes_field'); 4 5function wp_dudecom_custom_order_notes_field($checkout) { 6 echo '<div id="wp_dudecom_custom_order_notes_field"><h2>' . __('Additional Order Notes') . '</h2>'; 7 8 woocommerce_form_field('wp_dudecom_order_notes', array( 9 'type' => 'textarea', 10 'class' => array('wp-dudecom-order-notes form-row-wide'), 11 'label' => __('Order Notes'), 12 'placeholder' => __('Enter any additional notes for your order here.'), 13 ), $checkout->get_value('wp_dudecom_order_notes')); 14 15 echo '</div>'; 16} 17 18// Validate the custom order notes field 19add_action('woocommerce_checkout_process', 'wp_dudecom_validate_order_notes_field'); 20 21function wp_dudecom_validate_order_notes_field() { 22 if (!$_POST['wp_dudecom_order_notes']) { 23 wc_add_notice(__('Please enter order notes.'), 'error'); 24 } 25} 26 27// Save the custom order notes field data 28add_action('woocommerce_checkout_update_order_meta', 'wp_dudecom_save_order_notes_field'); 29 30function wp_dudecom_save_order_notes_field($order_id) { 31 if (!empty($_POST['wp_dudecom_order_notes'])) { 32 update_post_meta($order_id, '_wp_dudecom_order_notes', sanitize_textarea_field($_POST['wp_dudecom_order_notes'])); 33 } 34} 35 36// Display the custom order notes field data in the admin order edit page 37add_action('woocommerce_admin_order_data_after_order_details', 'wp_dudecom_display_order_notes_in_admin'); 38 39function wp_dudecom_display_order_notes_in_admin($order) { 40 $order_notes = get_post_meta($order->get_id(), '_wp_dudecom_order_notes', true); 41 if ($order_notes) { 42 echo '<p><strong>' . __('Order Notes') . ':</strong> ' . esc_html($order_notes) . '</p>'; 43 } 44} 45?>

Instrukcja

Aby wdrożyć pole niestandardowych notatek zamówienia w procesie realizacji zamówienia WooCommerce, wykonaj następujące kroki:

Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub do pliku niestandardowej wtyczki.

Wymagania wstępne:

  • Upewnij się, że WooCommerce jest zainstalowane i aktywowane na Twojej stronie WordPress.

Kroki wdrożenia:

  1. Uzyskaj dostęp do panelu administracyjnego WordPress.
  2. Przejdź do Wygląd > Edytor motywu, jeśli dodajesz kod do pliku functions.php. Alternatywnie, użyj edytora kodu, aby otworzyć plik swojej niestandardowej wtyczki.
  3. Skopiuj podany fragment kodu.
  4. Wklej kod na końcu pliku functions.php lub pliku swojej niestandardowej wtyczki.
  5. Zapisz zmiany.
  6. Przetestuj proces realizacji zamówienia w swoim sklepie WooCommerce, aby upewnić się, że pole niestandardowych notatek zamówienia pojawia się i działa poprawnie.

Postępując zgodnie z tymi krokami, możesz łatwo dodać pole niestandardowych notatek zamówienia do strony realizacji zamówienia WooCommerce, umożliwiając klientom podanie dodatkowych informacji wraz z zamówieniami.

Jeśli potrzebujesz dalszej pomocy lub chcesz zbadać bardziej zaawansowane funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.