คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์

การใช้งาน Map element

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

K
KetShopWeb Team
2022-12-14 14:42:26
การใช้งาน Map element

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

โดยสามารถดูวิธีการขอ API Keys ได้ที่นี่ >> วิธีการขอ Google Map API Key สำหรับใช้งาน Google Map <<


"Map" คือ  Element สำหรับแสดงแผนที่ตามความต้องการของผู้ใช้งาน โดยใช้กำหนดตำแหน่งของแผนที่ได้จาก Google เพื่อนำมาใช้ในการแสดงผล


การเพิ่ม  Map Element

มีขั้นตอนการใช้งานดังนี้

เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb

(ตำแหน่งที่ 1) คลิก "ปรับแต่ง"

(ตำแหน่งที่ 2) เลือกเมนู "Page Layouts"

(ตำแหน่งที่ 3) เลือกเมนู "ปรับแต่งเนื้อหา"


การใช้งาน Map element


(ตำแหน่งที่ 4) คลิก "Add Section" 


การใช้งาน Map element


(ตำแหน่งที่ 5) เลือก "Content"  จากนั้นคลิก "Add Section" 

**สามารถเลือก Map ในหน้า Add Section ได้เลย **

แต่ในกรณีที่เลือก Map ในหน้า Add Section จะไม่สามารถจัดรูปแบบ page layout  หรือตกแต่งให้สวยงามได้


การใช้งาน Map element


จะปรากฏ Content ขึ้นในหน้า Page Layou  พร้อมตัวอย่างหน้า Home


การใช้งาน Map element



เมื่อเพิ่ม Section ใหม่จะแสดงอยู่ฝั่งขวามือ

(ตำแหน่งที่ 6) คลิก พื้นที่ว่างในกรอบ


การใช้งาน Map element


(ตำแหน่งที่ 7) คลิกที่ "Add Element"   เพื่อทำการเพิ่ม Element


การใช้งาน Map element


จะมี Pop Up หน้า Add Element  ให้คุณเลือก Map ที่ต้องการโดยจะมีอยู่ด้วยกัน 2 รูปแบบจากนั้น คลิก 

"Add Element"

(ตำแหน่งที่ 8) "Map" คือ Google Map ร้านค้าต้องนำ API KEY มาใส่ในระบบ 

(ตำแหน่งที่ 9) "Thinknet Map" คือ Map ที่ทาง Ketshopweb มีให้ใช้ ฟรี!


การใช้งาน Map element




ตัวอย่าง (ตำแหน่งที่ 8)   "Map" 


การใช้งาน Map element


ตัวอย่าง (ตำแหน่งที่ 9) "Thinknet Map"  


การใช้งาน Map element


    * กรณี ที่เลือก "Map" (ตำแหน่งที่ 8) สามารถทำการตั้งค่ารูปแบบการใช้ Map ได้ทันที เมื่อทำการสมัคร Map กับทาง Google เรียบร้อยแล้ว

คลิก "ตั้งค่า Element"  โดยคลิกที่ปุ่ม  ทางขวามือ


การใช้งาน Map element


     จากนั้นจะมี Pop Up ให้ตั้งค่า Map เพิ่มเติม ดังนี้

(ตำแหน่งที่ 1) ตั้งค่า API KEY (Map) ของ Google 

(ตำแหน่งที่ 2) สามารถปรับค่าละติจูดได้

(ตำแหน่งที่ 3) สามารถปรับค่าลองจิจูดได้

(ตำแหน่งที่ 4) สามารถทำการซูมแผนที่ได้

(ตำแหน่งที่ 5) สามารถกำหนดความสูงของแผนที่ได้

(ตำแหน่งที่ 6) สามารถกำหนดไม่ให้เลื่อนตามเมาส์ได้

(ตำแหน่งที่ 7) สามารถกำหนดเต็มจอได้


การใช้งาน Map element


การนำเลขละติจูด ลองจิจูดมาใส่ใน Map setting

ไปที่ >>> Google Map <<< กรอกที่อยู่ตำแหน่งที่ต้องการ จากนั้น 

คลิกขวาที่หมุดที่แดง (หมุดที่ปักตำแหน่งที่เราต้องการ) จะพบเลขละติจูด ลองจิจูด 

(ตำแหน่งที่ 1) คลิก เพื่อเป็นการ Copy ตัวเลข จากนั้นนำตัวเลขกรอกที่ช่อง ละติจูดและลองจิจูด 

ในหน้า Map setting แล้วกด "OK" หลังจากกรอกข้อมูลครบทุกส่วน


การใช้งาน Map element



(ตำแหน่งที่ 10) คลิก "Save" หลังจากตั้งค่าสำเร็จ


การใช้งาน Map element





การใช้งาน Map element




Ketshopweb | ระบบร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว

www.ketshopweb.com

เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย

ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com

คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์KetShopWebE-commerce
แชร์: