วิธีปรับแต่งแบบฟอร์มลงทะเบียนผู้ขายใน Dokan

เผยแพร่แล้ว: 2022-03-10

คุณต้องมีแบบฟอร์มการลงทะเบียนผู้ขายสำหรับตลาดอีคอมเมิร์ซของคุณ ด้วยขั้นตอนการลงทะเบียนที่ราบรื่น ผู้ขายจำนวนมากขึ้นตั้งใจที่จะสมัครใช้งานไซต์ของคุณ และทำให้คุณสามารถทำธุรกิจได้มากขึ้น โชคดีที่ Dokan มีแบบฟอร์มลงทะเบียนผู้ขายที่ดูสมาร์ทเพื่อให้ผู้ขายสามารถลงทะเบียนในตลาดของคุณและเริ่มขายได้อย่างง่ายดาย

อย่างไรก็ตาม ตลาดทุกแห่งไม่ได้ดำเนินการในลักษณะเดียวกัน เพื่อรักษากฎและระเบียบข้อบังคับของภูมิภาค ตลาดกลางบางแห่งต้องการลงทะเบียนผู้ขายด้วยหมายเลขภาษีและ GST ตลอดจนข้อมูลอื่นๆ เมื่อใช้ Dokan คุณสามารถปรับแต่งแบบฟอร์มการลงทะเบียนผู้ขายเริ่มต้นตามความต้องการของคุณได้อย่างง่ายดาย

วันนี้เราจะพูดถึง ขั้นตอนการเพิ่มฟิลด์พิเศษในแบบฟอร์มการลงทะเบียนผู้ขายของคุณ

ในฐานะโบนัสเพิ่มเติม คุณจะได้รู้จัก-

  • วิธีสร้างแบบฟอร์มการลงทะเบียนแยกต่างหากสำหรับผู้ขาย
  • วิธีแสดงชื่อผู้ขายในหน้าผลิตภัณฑ์เดียว

มาเริ่มกันเถอะ

วิธีเพิ่มฟิลด์พิเศษในแบบฟอร์มลงทะเบียนผู้ขายของคุณ

วิธีปรับแต่งแบบฟอร์มลงทะเบียนผู้ขายใน Dokan.png

ในการเพิ่มฟิลด์พิเศษให้กับปลั๊กอินการลงทะเบียน WordPress คุณต้องทำตามขั้นตอนด้านล่าง เราจะไปเหนือพวกเขาและให้แน่ใจว่าคุณตามพวกเขาไปที่ T

  • ขั้นตอนที่ 1: สร้างธีมลูก
  • ขั้นตอนที่ 2: สร้างโฟลเดอร์ชื่อ “ส่วนกลาง” ในธีมลูก
  • ขั้นตอนที่ 3: ใช้รหัสการปรับแต่งเพื่อเพิ่มฟิลด์พิเศษ
  • ขั้นตอนที่ 4: บันทึกค่าฟิลด์ที่เพิ่มในส่วนหลัง

มาดูรายละเอียดกัน

ขั้นตอนที่ 1: สร้างธีมลูก

เมื่อคุณต้องการปรับเปลี่ยนไฟล์ธีมของคุณ คุณต้องสร้างธีมย่อย ช่วยให้คุณรักษาการออกแบบและรหัสของธีมหลักในขณะที่คุณแก้ไขไฟล์ ในการเปลี่ยนแปลงแบบฟอร์มลงทะเบียนซึ่งเป็นส่วนหนึ่งของธีม คุณต้องสร้างธีมย่อยก่อน

สร้างโฟลเดอร์สำหรับธีมลูก

การสร้างธีมลูกนั้นง่ายมาก คุณสามารถทำตามบทความนี้เพื่อสร้างธีมลูก คุณจะพบปลั๊กอินในที่เก็บ WordPress เพื่อสร้างธีมย่อย

ขั้นตอนที่ 2: สร้างโฟลเดอร์ชื่อ “Global” ในธีมลูก

ถัดไป คุณต้องสร้างโฟลเดอร์ชื่อ Dokan ในธีมลูกของคุณ จากนั้น คุณต้องสร้างโฟลเดอร์อื่นในโฟลเดอร์ Dokan ด้วยชื่อ “ global “ ตอนนี้ คัดลอกไฟล์ seller-registration-form.php จากโฟลเดอร์ wp-content/plugins/dokan-lite/templates/global ของคุณแล้ววางลงในธีมลูกของคุณตามด้านล่าง

สร้างโฟลเดอร์ส่วนกลาง

ขั้นตอนที่ 3: ใช้รหัสการปรับแต่งเพื่อสร้างฟิลด์พิเศษ

คุณต้องเพิ่มรหัสการปรับแต่งในไฟล์การลงทะเบียน เปิดไฟล์ seller-registration-form.php จากโฟลเดอร์ธีมย่อยและคัดลอกโค้ดจากด้านล่าง-

 <p class="form-row form-group form-row-wide"> <label for="shop-phone"><?php esc_html_e( 'GST Number', 'dokan-custom-codes' ); ?><span class="required">*</span></label> <input type="text" class="input-text form-control" name="gst_id" value="<?php if ( ! empty( $postdata['gst_id'] ) ) echo esc_attr($postdata['gst_id']); ?>" required="required" /> </p>

รหัสข้างต้นจะเพิ่มฟิลด์หมายเลข GST ในแบบฟอร์มการลงทะเบียนผู้จัดจำหน่าย คุณสามารถดูฟิลด์ที่เพิ่มใหม่ด้านล่าง-

เพิ่มฟิลด์พิเศษในปลั๊กอินการลงทะเบียน wordpress

ขั้นตอนที่ 4: บันทึกค่าฟิลด์ที่เพิ่มในแบ็กเอนด์

คุณได้เพิ่มฟิลด์ใหม่ แต่เพื่อใช้ข้อมูลนั้น คุณต้องบันทึกเนื้อหาของฟิลด์นั้น หากต้องการบันทึกข้อมูลในส่วนหลังและแสดงในโปรไฟล์ผู้ใช้ส่วนหลัง ให้เปิดไฟล์ functions.php ของคุณแล้วคัดลอกโค้ดด้านล่าง-

 function dokan_custom_seller_registration_required_fields( $required_fields ) { $required_fields['gst_id'] = __( 'Please enter your GST number', 'dokan-custom' ); return $required_fields; }; add_filter( 'dokan_seller_registration_required_fields', 'dokan_custom_seller_registration_required_fields' ); function dokan_custom_new_seller_created( $vendor_id, $dokan_settings ) { $post_data = wp_unslash( $_POST ); $gst_id = $post_data['gst_id']; update_user_meta( $vendor_id, 'dokan_custom_gst_id', $gst_id ); } add_action( 'dokan_new_seller_created', 'dokan_custom_new_seller_created', 10, 2 ); /* Add custom profile fields (call in theme : echo $curauth->fieldname;) */ add_action( 'dokan_seller_meta_fields', 'my_show_extra_profile_fields' ); function my_show_extra_profile_fields( $user ) { ?> <?php if ( ! current_user_can( 'manage_woocommerce' ) ) { return; } if ( ! user_can( $user, 'dokandar' ) ) { return; } $gst = get_user_meta( $user->ID, 'dokan_custom_gst_id', true ); ?> <tr> <th><?php esc_html_e( 'Gst Number', 'dokan-lite' ); ?></th> <td> <input type="text" name="gst_id" class="regular-text" value="<?php echo esc_attr($gst); ?>"/> </td> </tr> <?php } add_action( 'personal_options_update', 'my_save_extra_profile_fields' ); add_action( 'edit_user_profile_update', 'my_save_extra_profile_fields' ); function my_save_extra_profile_fields( $user_id ) { if ( ! current_user_can( 'manage_woocommerce' ) ) { return; } update_usermeta( $user_id, 'dokan_custom_gst_id', $_POST['gst_id'] ); }

หากคุณต้องการเปลี่ยนชื่อฟิลด์หรือเมตาคีย์ คุณต้องเปลี่ยนเมตาคีย์หรือชื่อฟิลด์ตามทุกที่ ในโค้ดนี้ เราใช้เมตาคีย์สำหรับฟิลด์เป็น dokan_custom_gst_id และใช้รหัสฟิลด์เป็น gst_id

หลังจากบันทึกรหัสข้างต้น คุณจะสามารถใช้หมายเลข GST ของผู้ขายในโปรไฟล์ผู้ใช้ของเขา/เธอ –

เพิ่มฟิลด์พิเศษในปลั๊กอินการลงทะเบียน wordpress

นี่คือวิธีที่คุณสามารถเพิ่มฟิลด์พิเศษในแบบฟอร์มการลงทะเบียนผู้จำหน่ายเริ่มต้น

อ่าน เพิ่มเติม: สร้างแบบฟอร์มการลงทะเบียนที่ปรับแต่งได้ที่น่าทึ่งสำหรับ Dokan

ตอนนี้ มาดูกันว่าคุณสามารถสร้างแบบฟอร์มการลงทะเบียนผู้จัดจำหน่ายแยกต่างหากในตลาดกลางได้อย่างไร

สร้างแบบฟอร์มการลงทะเบียนผู้จัดจำหน่ายแยกต่างหากสำหรับผู้จัดจำหน่าย

เจ้าของตลาดใช้หน้า "บัญชีของฉัน WooCommerce" เพื่อลงทะเบียนทั้งลูกค้าและผู้ขาย อย่างไรก็ตาม เราได้รับคำขอจากเจ้าของ Marketplace บางรายว่าต้องการให้มีการลงทะเบียนแยกต่างหากสำหรับผู้ขายแทนที่จะแสดงในหน้าเดียว

เนื่องจากพวกเขาไม่ต้องการสร้างภาระให้ลูกค้าด้วยการโหลดฟิลด์แบบฟอร์มการลงทะเบียนผู้จัดจำหน่าย ในขณะที่ลูกค้าไม่ได้ลงทะเบียนเป็นผู้จัดจำหน่าย

หากต้องการสร้างแบบฟอร์มลงทะเบียนแยกต่างหากใน Dokan คุณไม่จำเป็นต้องใช้รหัสใดๆ คุณสามารถใช้ รหัสย่อแบบฟอร์มการลงทะเบียน Dokan และวางรหัสย่อนั้นในหน้าใหม่เพื่อสร้างหน้าการลงทะเบียนแต่ละหน้า

มาดูขั้นตอนเพื่อให้เห็นภาพชัดเจนยิ่งขึ้น

  1. สร้างหน้าใหม่และตั้งชื่อว่า "ทะเบียนผู้ขาย"
  2. ใช้ Dokan Shortcode เพื่อสร้างแบบฟอร์มลงทะเบียน
  3. เผยแพร่เพจของคุณ

ขั้นตอนที่ 1: สร้างหน้าใหม่

ขณะที่คุณกำลังต้องการสร้างเพจแยกต่างหากสำหรับการลงทะเบียน คุณต้องสร้างเพจใหม่ หากต้องการสร้างเพจ ให้ไปที่ WP-Admin-> Pages–> Add New ตั้งชื่อเพจว่า “ทะเบียนผู้ขาย”

ขั้นตอนที่ 2: เพิ่มรหัสย่อ Dokan

Dokan มีชุดของรหัสย่อที่คุณสามารถใช้เพื่อสร้างแดชบอร์ดผู้ขาย รายการร้านค้า สินค้าขายดี ฯลฯ คลิกที่ไอคอน “+” และพิมพ์ “รหัสย่อของ Dokan” จากนั้นคุณจะพบรหัสย่อของ Dokan ทั้งหมดที่ระบุไว้อย่างสวยงาม

เลือกรหัสย่อ “ แบบฟอร์มการลงทะเบียนผู้ขาย ” และเพิ่มลงในเพจของคุณ

เพิ่มรหัสย่อ

ขั้นตอนที่ 3: เผยแพร่หน้าการลงทะเบียนผู้ขายรายใหม่ของคุณ

หลังจากเพิ่มรหัสย่อแล้ว ให้บันทึกหน้าของคุณ เสร็จแล้ว! ตอนนี้ สิ่งที่คุณต้องทำคือเผยแพร่เพจของคุณ และคุณจะเห็นหน้าการลงทะเบียนผู้ขายบนเมนู

ดังนั้น หน้าลงทะเบียนส่วนบุคคลของคุณจึงถูกสร้างขึ้น

การลงทะเบียนผู้ขายแยกต่างหาก

หมายเหตุ : หากต้องการปิดใช้งานการลงทะเบียนผู้ขายจากหน้า บัญชีของฉัน ตรวจสอบให้แน่ใจว่าได้ยกเลิกการเลือกตัวเลือก “ทุกคนสามารถลงทะเบียน” จาก WP-Admin–> Settings–> General

นี่คือวิธีปรับแต่งแบบฟอร์มการลงทะเบียนสำหรับตลาดที่มีผู้ค้าหลายรายของคุณ แต่เดี๋ยวก่อนบทความยังไม่จบ เรามีเคล็ดลับอีกอย่างมาฝากคุณ

คุณสามารถตรวจสอบวิดีโอนี้

โบนัส: วิธีแสดงชื่อผู้ขายในหน้าผลิตภัณฑ์เดียว

มีหลายวิธีในการโปรโมตผู้ขายในตลาดของคุณเพื่อเพิ่มความนิยมให้กับเว็บไซต์ของคุณ หนึ่งในนั้นแสดงชื่อผู้ขายในหน้าผลิตภัณฑ์เดียว มีแท็บชื่อ "ข้อมูลผู้ขาย" เพื่อแสดงที่อยู่ผู้ขาย อีเมล ฯลฯ ในหน้าผลิตภัณฑ์เดียว

คุณสามารถเพิ่มชื่อผู้ขายในแท็บนั้นเพื่อให้ลูกค้าสามารถทราบชื่อเจ้าของเดิมได้ เปิด ฟังก์ชัน ธีมลูกของคุณ php และเพิ่มโค้ดด้านล่าง:

 add_action( 'woocommerce_single_product_summary', 'seller_name_on_single', 11 ); function seller_name_on_single(){ global $product; $seller = get_post_field( 'post_author', $product->get_id()); $author = get_user_by( 'id', $seller ); $store_info = dokan_get_store_info( $author->ID ); if ( !empty( $store_info['store_name'] ) ) { ?> <span class="details"> <?php printf( 'Sold by: <a href="%s">%s</a>', dokan_get_store_url( $author->ID ), $author->display_name ); ?> </span> <?php }

มันจะแสดงแท็ก ขายโดย ในหน้าสินค้าเดียวเช่นภาพด้านล่าง-

ขายโดยแท็ก เพิ่มฟิลด์พิเศษให้กับปลั๊กอินการลงทะเบียน wordpress

อย่างไรก็ตาม หากคุณต้องการแสดง ชื่อร้าน แทนชื่อผู้ขาย ให้ใช้โค้ดด้านล่าง

 /*Show store name on single product*/ add_action( 'woocommerce_single_product_summary', 'seller_name_on_single', 12 ); function seller_name_on_single(){ global $product; $seller = get_post_field( 'post_author', $product->get_id()); $author = get_user_by( 'id', $seller ); $vendor = dokan()->vendor->get( $seller ); $store_info = dokan_get_store_info( $author->ID ); if ( !empty( $store_info['store_name'] ) ) { ?> <span class="details"> <?php printf( 'Sold by: <a href="%s">%s</a>', $vendor->get_shop_url(), $vendor->get_shop_name() ); ?> </span> <?php }

หากคุณสร้างหน้าผลิตภัณฑ์เดียวด้วย Elementor คุณต้องใช้รหัสด้านล่าง

 /** * Show sold by on single product page made with Elementor * Add the shortcode [dokan_vendor_name] through a short-code widget on single product page */ add_shortcode( 'dokan_vendor_name', 'dokan_store_name_shortcode' ); function dokan_store_name_shortcode() { $seller = get_post_field( 'post_author' ); $author = get_user_by( 'id', $seller ); $vendor = dokan()->vendor->get( $seller ); $store_info = dokan_get_store_info( $author->ID ); if ( !empty( $store_info['store_name'] ) ) { ?> <span class="details"> <?php printf( 'Sold by: <a href="%s">%s</a>', $vendor->get_shop_url(), $vendor->get_shop_name() ); ?> </span> <?php

เพียงเพิ่มโค้ดในธีมย่อย functions.php และใช้โค้ดสั้น [dokan_vendor_name] ผ่านวิดเจ็ตโค้ดสั้นในหน้าผลิตภัณฑ์เดียว

เพิ่มฟิลด์พิเศษในปลั๊กอินการลงทะเบียน wordpress

นี่คือวิธีที่คุณสามารถแสดงชื่อผู้ขายหรือร้านค้าในหน้าผลิตภัณฑ์เดียว ตอนนี้คุณมีความคิดที่ชัดเจนเกี่ยวกับวิธีเพิ่มฟิลด์พิเศษในปลั๊กอินการลงทะเบียน WordPress

Dokan-Multivendor-Banner-1

ปรับแต่งแบบฟอร์มการลงทะเบียนผู้ขาย Dokan และเชิญผู้ขายเพิ่มเติมในตลาดของคุณ

ดังนั้น เรามาถึงตอนท้ายของโพสต์บทช่วยสอนของเรา และหวังว่าตอนนี้คุณคงทราบวิธีการ-

  • เพิ่มฟิลด์พิเศษในแบบฟอร์มการลงทะเบียนผู้จัดจำหน่าย
  • สร้างหน้าการลงทะเบียนแยกต่างหากสำหรับผู้ขาย
  • แสดงชื่อผู้ขายเดิมในหน้าผลิตภัณฑ์เดียว

เนื่องจาก WordPress เป็นซอฟต์แวร์โอเพ่นซอร์ส จึงมีขอบเขตมากมายสำหรับการปรับแต่ง หากคุณเล่นไพ่ได้ถูกต้อง คุณก็สามารถนำผลลัพธ์ที่ต้องการออกมาจากเว็บไซต์ของคุณได้ และหากคุณเป็นเจ้าของตลาดกลาง การปรับแต่งข้างต้นจะช่วยคุณได้

คุณมีคำถามเพิ่มเติมเพื่อเพิ่มฟิลด์พิเศษในปลั๊กอินการลงทะเบียน WordPress หรือไม่? หากคุณประสบปัญหาใด ๆ อย่าลืมติดต่อเราในส่วนความคิดเห็น

สมัครสมาชิกบล็อก weDevs

เราส่งจดหมายข่าวทุกสัปดาห์ ไม่มีสแปมแน่นอน