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

การใช้งาน Map element

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

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

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


การเพิ่ม  Map Element

  • เข้าระบบจัดการหลังบ้านเว็บไซต์ Ketshopweb จากนั้นคลิกคำว่า "ปรับแต่ง" (ในตำแหน่งที่ 1) แล้วเลื่อนลงมาคลิกที่ "Page Layouts" (ในตำแหน่งที่ 2)


  • เมื่อเข้ามาแล้วจะพบกับหน้าต่างเมนู  Page Layouts จากนั้นเลื่อนไปคลิกการตั้งค่า (ในตำแหน่งที่ 3)


  • จากนั้นจะมี Pop up หน้า "Page Layout"  ขึ้นมาให้กดคลิกที่ "Add Section" (ในตำแหน่งที่ 4)


  • เมื่อคลิกไปแล้วจะมีหน้า Pop up ให้กดเพิ่ม Section ให้เลื่อนลงไปคลิกที่ "Content"  (ในตำแหน่งที่ 5) จากนั้นกด "Ok" (ในตำแหน่งที่ 6)
    • ในกรณีที่เลือก Map ในหน้า Add Section จะไม่สามารถจัดรูปแบบ Section Layout หรือตกแต่งให้สวยงามได้


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


  • คลิกที่ "Content" รูปบวกตามลูกศร เพื่อทำการ “Add element”


  • จากนั้นจะมีหน้า Pop Up "Custom Column" ขึ้นมา ให้คลิกที่ "Add Element"  (ในตำแหน่งที่ 7) เพื่อทำการเพิ่ม Element


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

  • ตำแหน่งที่ 8 "Map" คือ Google Map ร้านค้าต้องไปทำการสมัคร Map ของ google ก่อนเพื่อนำ API KEY มาใส่ในระบบ สามารถดูข้อมูลเพิ่มเติม ได้ที่นี่
  • ตำแหน่งที่ 9 "Thinknet Map" คือ Map ที่ทาง Ketshopweb มีให้ใช้ฟรี!



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


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


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

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


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

  • ตำแหน่งที่ 1 ตั้งค่า API KEY (Map) ของ Google สามารถดูรายละเอียดเพิ่มเติม ได้ที่นี่
  • ตำแหน่งที่ 2 สามารถปรับค่าละติจูดได้
  • ตำแหน่งที่ 3 สามารถปรับค่าลองจิจูดได้
  • ตำแหน่งที่ 4 สามารถทำการซูมแผนที่ได้
  • ตำแหน่งที่ 5 สามารถกำหนดความสูงของแผนที่ได้
  • ตำแหน่งที่ 6 สามารถกำหนดไม่ให้เลื่อนตามเมาส์ได้
  • ตำแหน่งที่ 7 สามารถกำหนดเต็มจอได้



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

ไปที่ Google Map กรอกที่อยู่ตำแหน่งที่ จากนั้นคลิกขวาที่หมุดที่แดง จะพบเลขละติจูด ลองจิจูด คลิก (ตำแหน่งที่ 1) เพื่อเป็นการ Copy ตัวเลข จากนั้นนำตัวเลขกรอกที่ช่อง ละติจูดและลองจิจูด ในหน้า Map setting แล้วกด OK






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

www.ketshopweb.com

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

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

Section Layout ElementAdd Element Page LayoutGoogle Map MapAPI KEY
เปิดร้านค้าออนไลน์ง่าย ๆ ด้วยตัวคุณเอง
logo ketshopweb svg
ทดลองใช้งานฟรี ไม่มีค่าใช้จ่าย
สนใจปรึกษา สำหรับคำแนะนำแพ็คเกจที่เหมาะสมกับธุรกิจของคุณ
เพื่อต่อยอดการขาย และขยายฐานลูกค้า ฟรี! ไม่มีค่าใช้จ่าย
โทร. 02-038-5588
เฉพาะวันทำการ ตั้งแต่เวลา 9:30 - 18:30 น.