สคริปต์กำหนดเอง | เครื่องมือสร้างร้านค้า

e-commerce_social_commerce__1_.png

เมื่อแก้ไขหน้าเพจขั้นสูง คุณสามารถเพิ่มวิดเจ็ต "สคริปต์ที่กำหนดเอง" เพื่อแทรกข้อความที่กำหนดเองได้ คุณสามารถแทรกสคริปต์ HTML ได้ด้วยตัวเองหรืออ้างอิงถึงรหัสที่ SHOPLINE ให้มา

ในบทความนี้จะครอบคลุมหัวข้อดังต่อไปนี้:

⚠️ ก่อนที่คุณจะเริ่มต้น:

  • ปัจจุบันเครื่องมือสร้างร้านค้ารองรับเฉพาะธีม Ultra Chic, Kingsman, Varm และ Phillia
  • หลังจากสร้างหน้าเพจโดยใช้เครื่องมือสร้างร้านค้า หน้าเพจยังคงสามารถแสดงได้แม้ว่าคุณจะเปลี่ยนไปใช้ธีมอื่น แต่ไม่สามารถแก้ไขได้และเลย์เอาต์อาจมีความยุ่งเหยิง โปรดทราบสิ่งนี้ก่อนที่จะเผยแพร่หน้าเพจ

 

1. การเพิ่มวิดเจ็ตสคริปต์ที่กำหนดเอง

วิธีที่ 1

ไปที่หน้าผู้ดูแลระบบ SHOPLINE > [การออกแบบร้านค้าออนไลน์] > [หน้าเพจ] และคลิกหน้าเพจแบบขั้นสูง/ปุ่มแก้ไขเพื่อเปิดหน้าการตั้งค่าหน้าเพจขึ้นมา

1.png

ขั้นตอนที่ 2

คลิกปุ่มวิดเจ็ต

2.png

 

ขั้นตอนที่ 3

คลิกวิดเจ็ตสคริปต์ที่กำหนดเอง ที่อยู่ใต้ “Extension”

6.png

ขั้นตอนที่ 4

แทรกข้อความที่กำหนดเองลงในส่วน “สคริปต์” คุณอาจแทรกข้อความปกติ, สคริปต์ HTML หรือรหัสอื่นๆได้

5.png

 

หากคุณมีประสบการณ์ในการทำงานกับสคริปต์ คุณอาจใส่รหัสของสคริปต์สี่ประเภทต่อไปนี้:

A. ร้านค้า

รหัสสคริปต์

คำอธิบาย

{{shop.currency}}

สกุลเงินของร้านค้า (ตัวอย่างตัวย่อ: USD)

{{shop.domain}}

โดเมนหลักของร้านค้า

{{shop.email}}

อีเมลร้านค้า

{{shop.name}}

ชื่อร้านค้า

{{shop.permanent_domain}}

โดเมนของร้านค้า จะเป็นโดเมน .shoplineapp.com ของคุณ โค้ดนี้จะไม่สามารถใช้ได้หากคุณใช้โดเมนที่กำหนดเอง

{{shop.url}}

URL ร้านค้า

{{shop.secure_url}}

URL ของเว็บไซต์ที่เข้ารหัสตามโปรโตคอล HTTPS

{{shop.current_locale.code}}

การตั้งค่าสถานที่ปัจจุบันของร้านค้า ด้านล่างคือตัวอย่างของ value และ input ของแต่ละภาษา

Value สำหรับแต่ละภาษา: 

English / en
中文 / zh-hant
简中/ zh-cn
ไทย / th
Tiếng Việt / vn
日本 / jp
Melayu / my
bahasa Indonesia / id
Deutsch / de
Français / fr

 

ตัวอย่าง Input (สำหรับภาษาอังกฤษและภาษาจีนตัวเต็ม):

{% if shop.current_locale.code == "en" %}
Content 1
{% elsif shop.current_locale.code == "zh-hant" %}
Content 2
{% else %}
Content 3(languages other than English and Chinese)
{% endif %}

{{shop.enabled_payment_types}}

บัตรเครดิตที่ร้านค้ารองรับ เช่น visa, master, amex, PayPal, allpay, หรือ linepay

{{shop.money_with_currency_format}}

ราคาและสกุลเงินของร้านค้า ตัวอย่างเช่น HK$

{{shop.supported_locales}}

รูปแบบของการตั้งค่าภาษาที่ร้านค้ารองรับในปัจจุบัน (ยกเว้นการตั้งค่าสถานที่ปัจจุบัน) จะเหมือนกับ {{shop.current_locale}}

{{shop.logo}}

URL โลโก้ร้านค้า

{{shop.messages_enabled}}

หากเปิดใช้งานฟีเจอร์ข้อความของร้านค้า จะดำเนินการโค้ดสคริปต์

{{shop.multicurrency_enabled}}

หากเปิดใช้ฟีเจอร์หลายสกุลเงินของร้านค้า จะดำเนินการโค้ดสคริปต์

{{shop.supported_currencies}}

สกุลเงินที่ร้านค้ารองรับ รวมถึงชื่อสกุลเงิน สัญลักษณ์ และตัวย่อ

{{shop.features}}

ฟีเจอร์ร้านค้า

{{shop.custom_footer}}

HTML ของส่วนท้ายร้านค้า

 

B. หน้าเพจ

รหัสสคริปต์

คำอธิบาย

{{page.url}}

URL หน้าเพจ

{{page.identifier}}

ระบุหน้าที่ลูกค้าตั้งอยู่

{{page.is_checkout_page}}

หน้าชำระเงิน. สคริปต์จะเปิดใช้งานเมื่อลูกค้าอยู่ในหน้าชำระเงิน

{{page.query_params}}

คิวรีพารามิเตอร์

 

C. ธีม

รหัสสคริปต์

คำอธิบาย

{{theme.key}}

ธีมร้านค้า

{{theme.settings}}

การตั้งค่าธีมร้านค้า

 

ขั้นตอนที่ 5

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

1.png
2.png

 

หรือคลิกปุ่มดูตัวอย่างที่ด้านบนขวาเพื่อดูตัวอย่างหน้าร้านค้า

3.png

 

ขั้นตอนที่ 6

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

4.png

2. หมายเหตุ

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

หมายเหตุก่อนการแก้ไข:

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

 

 

อ่านเพิ่มเติม



 

 

บทความนี้มีประโยชน์หรือไม่
0 จาก 0 เห็นว่ามีประโยชน์
มีคำถามเพิ่มเติมหรือไม่ ส่งคำร้องขอ

ข้อคิดเห็น