วิธีรับ URL ร้านค้า WooCommerce โดยทางโปรแกรม

เผยแพร่แล้ว: 2021-08-14

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

URL หน้าร้านค้า WooCommerce เริ่มต้น

ดังที่คุณอาจทราบแล้ว หน้าร้านค้าเริ่มต้นในร้านค้าออนไลน์ของ WooCommerce คือ URL ของเว็บไซต์ที่มีเครื่องหมายทับและสตริง "ร้านค้า" เช่น https://websitedomain.com/shop นั่นเป็นเหตุผลที่ในกรณีส่วนใหญ่ การรู้ URL ร้านค้าของร้านอีคอมเมิร์ซที่สร้างขึ้นโดยใช้ WooCommerce เป็นเรื่องง่าย

ในแบ็กเอนด์ คุณสามารถค้นหา URL ร้านค้าในแดชบอร์ดของคุณโดยไปที่ WooCommerce > Settings > Products

วิธีรับ URL ร้านค้า WooCommerce

นอกจากนี้ หากต้องการค้นหาหน้าอื่นๆ ของ WooCommerce เช่น รถเข็น การชำระเงิน บัญชีของฉัน และข้อกำหนดและเงื่อนไข คุณต้องไปที่แท็บ ขั้นสูง

วิธีรับ URL ร้านค้า WooCommerce

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

ในส่วนต่อไปนี้ เราจะสอนวิธีรับ URL ของร้านค้าโดยทางโปรแกรมและเคล็ดลับที่เป็นประโยชน์อื่นๆ

วิธีรับ URL ร้านค้า WooCommerce

ขั้นแรก มาดูวิธีรับ URL ร้านค้าใน WooCommerce ด้วยข้อมูลโค้ดต่อไปนี้ คุณจะได้ฐานร้านค้าสำหรับเว็บไซต์ของคุณ:

 $shop_page_url = get_permalink( wc_get_page_id( 'ร้านค้า' ) );

หากต้องการพิมพ์ URL ที่ส่วนหน้า คุณสามารถใช้ตะขอ หากคุณไม่คุ้นเคยกับตะขอ เราขอแนะนำให้คุณดูคู่มือนี้

ในตัวอย่างนี้ เราจะใช้ wp_header hook ดังนั้น URL จะถูกพิมพ์เหนือส่วนหัว

 add_action('wp_head',ฟังก์ชัน(){
    $shop_page_url = get_permalink( wc_get_page_id( 'ร้านค้า' ) );
    เสียงสะท้อน $shop_page_url;
}

เมื่อคุณได้ URL ร้านค้าแล้ว มาดูตัวอย่างต่างๆ เพื่อปรับแต่ง URL กัน

หมายเหตุ : เราขอแนะนำให้คุณใช้สคริปต์ตัวอย่าง URL ร้านค้าเพื่อทดสอบสคริปต์ต่อไปนี้ทั้งหมด

วิธีเปลี่ยน URL ร้านค้า WooCommerce

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

ในแดชบอร์ด WooCommerce ของคุณ ไปที่ Pages > Add New สร้างหน้าว่างและตั้งชื่อ หลังจากนี้ไปที่หน้า การตั้งค่า WooCommerce และใช้เมนูแบบเลื่อนลงในตัวเลือก หน้าร้านค้า เพื่อเลือกหน้าที่สร้างขึ้นใหม่ ในตัวอย่างนี้ เราได้สร้างเพจใหม่ที่ชื่อว่า Store

วิธีรับ URL ร้านค้า WooCommerce

แค่นั้นแหละ! จากนี้ไปหน้าร้านค้าของคุณจะเป็นหน้าใหม่ที่คุณสร้างขึ้น URL ร้านค้าฐานใหม่นี้จะพิมพ์ผลิตภัณฑ์ทั้งหมดและทุกอย่างจะเหมือนกับหน้าร้านค้าเริ่มต้น

ในทำนองเดียวกัน คุณสามารถทำเช่นเดียวกันและเปลี่ยนหน้ารถเข็น การชำระเงิน บัญชีของฉัน และข้อกำหนดและเงื่อนไขจากแท็บ ขั้นสูง

วิธีรับ URL หน้า WooCommerce

เราเพิ่งเห็นวิธีรับและเปลี่ยน URL ร้านค้าของ WooCommerce ตอนนี้เรามาดูวิธีรับ URL ของหน้าอื่นๆ โดยทางโปรแกรม เพื่อให้คุณใช้ในสคริปต์ได้

รับ URL ชำระเงิน

หากต้องการรับ URL การชำระเงินโดยทางโปรแกรม คุณสามารถใช้ wc_get_checkout_url() ได้:

 $checkout_page = wc_get_checkout_url();

สำหรับแนวคิดเพิ่มเติมเกี่ยวกับวิธีการปรับแต่งการชำระเงินของคุณ โปรดดูคู่มือฉบับเต็มนี้

ค้นหา URL บัญชีของฉัน

หากต้องการรับ URL หน้า "บัญชีของฉัน" คุณสามารถใช้ ฟังก์ชัน get_permalink() อีกครั้งได้ดังนี้:

 $account= get_permalink( wc_get_page_id( 'บัญชีของฉัน' ) );

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

รับ URL รถเข็น

ในทำนองเดียวกัน คุณสามารถรับ URL ของรถเข็นโดยใช้ ฟังก์ชัน get_permalink()

 $cart= get_permalink( wc_get_page_id( 'cart' ) );

ปรับแต่ง URL กลับสู่ร้านค้า

ทีนี้มาดูตัวอย่างที่ซับซ้อนกว่าเล็กน้อยกัน มาดูวิธีปรับแต่ง URL กลับสู่ร้านค้า URL กลับสู่ร้านค้าคือลิงก์หรือปุ่มที่คุณเห็นเมื่อร้านค้าว่างเปล่า

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

ตัวอย่างเช่น หากคุณต้องการเปลี่ยน URL ของลิงก์ Return to shop บนหน้าตะกร้าสินค้าและนำผู้ใช้ไปยังหน้าแรก ให้ใช้สคริปต์ต่อไปนี้:

 add_filter( 'woocommerce_return_to_shop_redirect', 'QuadLayers_change_return_shop_url' );
ฟังก์ชัน QuadLayers_change_return_shop_url () {
กลับบ้าน_url();
}

อย่างที่คุณเห็น เรากำลังใช้ home_url() เพื่อให้มันเปลี่ยนเส้นทางไปยังหน้าแรก แต่คุณสามารถแก้ไขบรรทัด ส่งคืน และเพิ่ม URL ที่กำหนดเองที่คุณต้องการได้ ตัวอย่างเช่น ในการเปลี่ยนเส้นทางผู้ใช้ไปยังหน้าบล็อกของคุณ ในบรรทัดส่งคืน คุณควรใช้: return 'https://www.yourdomain.com/blog';

ปลายทาง WooCommerce

ณ จุดนี้ คุณควรรู้ว่าหน้า WooCommerce บางหน้าไม่ใช่หน้าจริง ๆ แต่มีการเพิ่มทากธรรมดาใน URL ปัจจุบันแทน สิ่งเหล่านี้เรียกว่า ปลายทาง และสามารถแก้ไขได้ในหน้า การตั้งค่า WooCommerce

ปลายทาง WooCommerce

ปลายทางเหล่านี้เกี่ยวข้องกับคำสั่งซื้อหรือบัญชี และจะทริกเกอร์เนื้อหาพิเศษที่จะมองเห็นได้เมื่อมีคำสั่งซื้อหรือเมื่อผู้ใช้เข้าสู่ระบบเท่านั้น หากไม่เกิดสิ่งเหล่านั้น ผู้ใช้จะถูกเปลี่ยนเส้นทางไปยังหน้าแรก

ค้นหา URL หน้าการชำระเงิน

การดำเนินการนี้จะใช้ได้ก็ต่อเมื่อผู้ใช้ได้เพิ่มผลิตภัณฑ์ลงในรถเข็นเท่านั้น เนื่องจากต้องมีคำสั่งซื้อที่มีอยู่เพื่อไปยังจุดสิ้นสุดการชำระเงินได้สำเร็จ

 $t=ใหม่ WC_order;

$payment_page = $t->get_checkout_payment_url();

รับ URL ของผลิตภัณฑ์โดยใช้ ID

คุณสามารถรับ URL ของผลิตภัณฑ์ใดก็ได้โดยใช้ ID และ ฟังก์ชัน get_permalink() ดังนี้

 $product_id=34;
$product_url = get_permalink($product_id);

หรือคุณสามารถใช้ชื่อผลิตภัณฑ์ (ธง WordPress):

 $product = get_page_by_title( 'WordPress Pennant', OBJECT, 'product' );

$producturl = get_permalink($product->ID);

รับ URL ที่บ้าน

ตามชื่อของมัน home_url(); ฟังก์ชันจะส่งคืน URL ของหน้าแรกของเว็บไซต์

 $home_page = home_url();

รับข้อมูลเว็บไซต์

สุดท้าย นี่คือวิธีที่คุณสามารถดึงข้อมูลที่เกี่ยวข้องโดยใช้โค้ดเล็กน้อย:

  • รับชื่อเว็บไซต์
 $site_title = get_bloginfo( 'ชื่อ' );
  • รับรายละเอียดเว็บไซต์
 $site_decrition = get_bloginfo( คำอธิบาย );
  • ธีมที่ใช้งาน
 $my_theme = wp_get_theme();
  • เวอร์ชัน PHP
 $php_version = phpversion();
  • วันที่และเวลาเซิฟเวอร์
 $info = getdate();

$date = $info['mday'];

$เดือน = $info['mon'];

$ปี = $info['ปี'];

$hour = $info['ชั่วโมง'];

$min = $info['นาที'];

$sec = $info['วินาที'];

โบนัส: วิธีแก้ไขหน้าร้านค้า WooCommerce

นอกจากการค้นหาและเปลี่ยน URL ของหน้าร้านค้าแล้ว คุณยังสามารถแก้ไขหน้าร้านค้าของคุณได้อีกด้วย หน้าร้านค้าที่ดีมีความสำคัญต่อความสำเร็จของอีคอมเมิร์ซ ดังนั้นการปรับแต่งหน้าดังกล่าวจะช่วยปรับปรุงความพึงพอใจของลูกค้าและเพิ่มยอดขายของคุณ

ตอนนี้เรามาดูวิธีการแก้ไขหน้าร้านค้าใน WooCommerce

  1. สร้างธีมลูก : หากคุณไม่มีธีมลูก คุณสามารถสร้างหรือใช้ปลั๊กอินสำหรับธีมย่อยเหล่านี้ก็ได้
  2. โครงสร้างไฟล์ : ไปที่ธีมลูกของคุณและสร้างโฟลเดอร์ชื่อ WooCommerce จากนั้นสร้างไฟล์ภายในชื่อ archive-product.php
  3. เนื้อหาหน้าร้านค้า : เพื่อหลีกเลี่ยงการสร้างเนื้อหาร้านค้าตั้งแต่เริ่มต้น เราจะใช้แม่แบบบางอย่าง ไปที่ธีมหลักและค้นหาไฟล์ single.php หรือ index.php หากธีมของคุณมีไฟล์บอท ให้คัดลอกเฉพาะ single.php จากนั้นวางไฟล์ลงในโฟลเดอร์ WooCommerce ที่คุณสร้างไว้ก่อนหน้านี้ จากนั้น ลบ ไฟล์ archive-product.php และเปลี่ยนชื่อไฟล์ที่คุณเพิ่งวางที่นี่เป็น archive-product.php
  4. รหัสย่อ : ในการปรับแต่งหน้าร้านค้า เราจะใช้รหัสย่อ ตัวอย่างเช่น หากคุณต้องการแสดงผลิตภัณฑ์ของคุณใน 3 คอลัมน์จาก 9 ผลิตภัณฑ์สูงสุด ให้ใช้รหัสย่อนี้:
     [ products limit="9" columns="3" ]

หรือคุณสามารถแสดงผลิตภัณฑ์ยอดนิยมได้ ในการทำเช่นนั้น ใช้รหัสย่อต่อไปนี้:

 [ products orderby="popularity" ]

นี่เป็นเพียงตัวอย่างบางส่วน แต่คุณยังปรับแต่งหน้าร้านค้าได้อีกมากมาย สำหรับข้อมูลเพิ่มเติม โปรดดูคำแนะนำเกี่ยวกับวิธีการแก้ไขหน้าร้านค้า WooCommerce

บทสรุป

โดยสรุป จากแดชบอร์ด WooCommerce คุณสามารถค้นหา URL ร้านค้าของร้านค้าของคุณได้อย่างง่ายดาย อย่างไรก็ตาม หากคุณต้องการดึง URL คุณจะต้องใช้โค้ดเล็กน้อย

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

บทช่วยสอนนี้มีประโยชน์หรือไม่ มีคำแนะนำอื่น ๆ ที่คุณต้องการให้เราเขียนหรือไม่? แจ้งให้เราทราบในความคิดเห็นด้านล่าง!

เพื่อให้ได้ประโยชน์สูงสุดจากร้านค้าออนไลน์ของคุณ โปรดดูโพสต์ต่อไปนี้:

  • วิธีปรับแต่งหน้าขอบคุณโดยทางโปรแกรม
  • เรียนรู้วิธีแก้ไขหน้าเข้าสู่ระบบ WordPress
  • วิธีปรับแต่งปุ่ม Add to Cart ใน WooCommerce