การสร้างหน้า Sale Page

วิธีใช้สร้างหน้า Sale Page

ตัวอย่างหน้าที่สร้างจาก Sale Page เช่น

สร้างหน้า (Page) เลือกเทมเพลตเป็น Sale Page

จะทำให้เกิดตัวเลือกด้านล่างของหน้านั้นๆ ดังนี้

1. Products

ให้ใส่ข้อมูลสินค้าตามรูป โดย

  1. Mobile Layout สามารถเลือกการแสดงผลเป็นแบบ List (รูปอยู่ด้านซ้าย) หรือ Card (รูปอยู่ด้านบน) ได้ สำหรัรบแสดงบนมือถือ
  2. Mobile Image Width ความกว้างของรูป (ถ้าเลือก List) บนมือถือ
  3. Mobile Columns จำนวนคอลัมน์ที่ต้องการแสดง (ถ้าเลือก Card) บนมือถือ
  4. Desktop Layout / Image Width / Columns เหมือนด้านบน แต่เป็นการแสดงบนแท็บเบล็ตและจอคอม
  5. Products ข้อมูลสินค้า สามารถใส่ค่าส่งตามสินค้าได้ และแนะนำให้เลือก Auto Selected อย่างน้อย 1 ขิ้น จะทำให้คนตัดสินใจเลือกสินค้าได้เร็วขึ้น
  6. Currency หน่วยเงิน เช่น บาท USD ฿
  7. Currency Position การวางหน่วยเงิน อยู่หน้าหรือหลังราคา

2. Shipping

คือการคำนวณค่าจัดส่ง 

  1. None ไม่แสดงเลย เช่น คอร์สเรียน งานลงทะเบียนต่างๆ
  2. Free แสดงว่าจัดส่งฟรี Free!
  3. Flat Rate ราคาเดียวไม่ว่าจะสั่งกี่ชิ้น
  4. Flat + Free Shipping ราคาเดียว แต่ถ้าซื้อเกิน xxx บาท ส่งฟรี (ใส่ตัวเลขที่ Minimum for Free Shipping)
  5. Calculation คำนวณค่าจัดส่งแบบละเอียด เลือกติ๊กได้ในแต่ละขั้นตอน
    1. Starting Flat Cost - ค่าส่งเริ่มต้น ให้ไปกรอกที่ Flat Cost
    2. Add Products Shipping Cost - ค่าส่งในแต่ละสินค้า
    3. Free Shipping if Buy More - ถ้าซื้อเกินยอดที่กำหนด จะส่งฟรี ให้ไปกรอกเลขที่ Minimum for Free Shipping

หมายเหตุ: ส่วน Advance Option ที่ระบบจะไปอ่านค่าจัดส่งจากฟอร์ม ยังไม่เรียบร้อยใน version นี้นะครับ

3. Payment Form

แนะนำให้ใช้ร่วมกับปลั๊กอิน Forminator ซึ่งทีมเรามองว่าเป็นปลั๊กอินฟรีที่ครอบคลุมการทำงานได้ดีที่สุด (แต่จะใช้ร่วมกับปลั๊กอินอื่นก็ได้ เราจะทำคู่มือเพิ่มให้ภายหลัง)

  1. Use Forminator? ให้เลือกใช้ปลั๊กอินนี้ก่อนนะครับ
  2. Forminator? ให้ติดตั้งปลั๊กอินและสร้างฟอร์มก่อนนะครับ ระบบจะมีให้เลือกในช่องนี้ วิธีการสร้างฟอร์ม ดูที่ Sale Page Payment Form ตั้งค่าฟอร์มแจ้งชำระเงิน
  3. Show Summary? แสดงตารางรวมราคาสินค้าหรือเปล่า? โดยปกติจะแสดง แต่ถ้าเรามีสินค้าอยู่ชิ้นเดียว อาจเลือกปิดไปได้ครับ
  4. Show Bank? แสดงข้อมูลธนาคารหรือเปล่า? โดยปกติจะแสดง แต่สำหรับคนที่ต้องการทำกราฟฟิคเอง อาจสั่งปิดไป แล้วไปทำในฟอร์มได้นะครับ หรือบางอย่างที่ไม่มีการโอนเงิน (เช่น ต้องมาจ่ายเงินหน้างาน / เก็บเงินปลายทาง) ก็สั่งปิดไปได้ครับ
  5. Summary Table ชื่อที่ต้องการแสดงนะครับ บางทีเราอาจเลือกแสดงคำว่า "สินค้า" แต่บางอย่างอาจเป็น "บริการ / คอร์สเรียน" ฯลฯ
  6. Bank Account ข้อมูลธนาคาร ระบบเตรียมโลโก้ไว้จำนวนหนึ่ง แต่ถ้าต้องการเลือกเอง ก็สามารถอัปโหลดโลโก้เองได้ครับ

4. Design

เป็นการตั้งค่าหน้าเว็บแบบง่ายๆ สามารถใส่แบนเนอร์ โลโก้ต่างๆ ได้

  1. Show Header? เลือกแสดงส่วนหัวของเว็บได้ ซึ่งปกติจะมีโลโก้ เมนูต่างๆ
  2. Show Footer? เลือกแสดงส่วนท้ายของเว็บได้ แต่ข้อ 1-2 แนะนำว่าปิดไป จะทำให้คนโฟกัสที่ตัว Sale Page มากกว่านะครับ
  3. Background Color ปรับสีพื้นหลัง แสดงเฉพาะบนจอคอม
  4. Accent Color เลือกสีที่ต้องการเน้น แนะนำให้เลือกให้เข้าชุดกับแบรนด์ แต้ต้องเป็นสีที่เข้ม เพื่อจะได้เห็นชัดเวลามีการเลือก / ตีกรอบ ต่างๆ
  5. Logo อัปโหลดโลโก้มาใส่ได้ ระบบจะนำมาแสดงตรงกลาง (หากต้องการแสดงแบบอื่น แนะนำให้จัดหน้าด้วย Blocks ใน Editor แทน)
  6. Rounded Logo? เลือกความมนของโลโก้ได้ ใส่ตัวเลข 100 ทำให้ขอบมนจนกลายเป็นวงกลม

ข้อมูลสั่งซื้อ ไปอยู่ที่ไหน?

เนื่องจากจริงๆ แล้ว ระบบที่เราทำขึ้น ก็เป็นแค่ฟอร์มเท่านั้น (เพียงแต่เทมเพลต Sale Page ช่วยแสดงข้อมูลสินค้าให้คนคลิกเลือกง่ายๆ)

ดังนั้น ก็ไปดูที่ข้อมูลของฟอร์มได้เลย ซึ่งอยู่ที่ Forminator → Submissions ตามรูปครับ

หรือจะ Export ไปเปิดใน Excel ก็คลิก Export ในปุ่มที่ 4 ได้เลยครับ


ส่งข้อมูลไปที่ Google Sheet หรือระบบอื่นๆ?

จุดเด่นของปลั๊กอิน Forminator คือ สามารถเชื่อมข้อมูลไปที่แพลตฟอร์มอื่นๆ ได้ง่าย ไปที่เมนู Integrations จะพบว่าเราให้ข้อมูลส่งขึ้น Google Sheet ก็ได้, ส่งข้อความเข้า Slack ก็ได้ (ซึ่งเสถียรและน่าใช้งานกว่า Line)

หรือสามารถเชื่อมกับ Zapier เพื่อให้ Zapier เชื่อมระบบอื่นๆ อีกต่อได้ด้วย เช่น ส่ง SMS หรือเพิ่มในปฏิทิน

แต่ว่าปัจจุบันยังไม่เชื่อมกับไลน์ ทีมงานเลยมีแผนพัฒนาในส่วนนี้เพิ่มเติมครับ


สนใจธีม Plant?

สนใจธีม Plant สั่งซื้อได้ที่ https://seedthemes.com/item/plant/ หรือหากซื้อธีม / ชุดคิททำเว็บแล้ว สามารถเข้าที่หน้าสมาชิกเพื่อดาวน์โหลดได้ทันทีครับ

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us