---
title: ปุ่ม "ติดต่อเรา" บนเว็บไซต์
description: ปุ่มติดต่อแบบลอยตัว พร้อมปุ่มย่อยสำหรับ WhatsApp, Telegram, โทรศัพท์ และลิงก์ วิธีการตั้งค่าและเวลาที่จะปรากฏขึ้น
section: design
keywords: ปุ่มติดต่อ, ติดต่อ, WhatsApp, Telegram, โทรศัพท์, ปุ่มลอย
updated: 2026-09-16
---

ปุ่ม "ติดต่อ" เป็นปุ่มกลมลอยอยู่ด้านล่างของเว็บไซต์ (เหนือตะกร้าสินค้า) เมื่อคลิกแล้ว จะแสดงปุ่มย่อยสำหรับ WhatsApp, Telegram, โทรศัพท์ และลิงก์ของคุณ ใช้งานได้ในทุกโหมดของเว็บไซต์

![ส่วน “รายชื่อติดต่อ” ในการตั้งค่า](/wiki/img/settings-contacts.webp "ไอคอนปุ่ม ป้ายกำกับ ลิงก์โดยตรง และปุ่มย่อย")

## วิธีการตั้งค่า

การตั้งค่า → รายชื่อติดต่อ

1. **ไอคอนปุ่ม** - โทรศัพท์ แชท ข้อความ และอื่นๆ
2. **ป้ายกำกับปุ่ม** - คำแนะนำเมื่อวางเมาส์เหนือปุ่ม เช่น "ติดต่อ"
3. **ลิงก์โดยตรง** - หากไม่มีปุ่มย่อย ปุ่มนี้จะเปิดลิงก์นี้ทันที (โทรศัพท์, WhatsApp, Telegram, เว็บไซต์)
4. **ปุ่มย่อย** - คลิก "เพิ่มลิงก์": ตั้งชื่อและใส่ลิงก์ WhatsApp, Viber และ Telegram จะเพิ่มไอคอนแบรนด์โดยอัตโนมัติ
5. คลิกบันทึก

หากไม่มีการกรอกข้อมูลใดๆ ปุ่มดังกล่าวจะไม่ปรากฏบนเว็บไซต์

## รูปแบบลิงก์

- เบอร์โทรศัพท์: `tel:+380671234567` หรือกดเพียงหมายเลขนี้
- WhatsApp: `https://wa.me/380671234567`
- Telegram: `https://t.me/username` หรือ `@username`
- เว็บไซต์หรือแบบฟอร์มใดก็ได้: `https://…`

## โหมดปุ่มเดียว

กรอกข้อมูลเฉพาะในช่อง "ลิงก์โดยตรง" เท่านั้น และอย่าเพิ่มปุ่มย่อยใดๆ ปุ่มจะกลายเป็นปุ่มเดียวและจะเปิดลิงก์โดยตรง

## คำถามและคำตอบ

### ปุ่มนี้ปิดบังตะกร้า

ปุ่มนี้ถูกจัดวางไว้เหนือตะกร้าโดยตั้งใจ บนโทรศัพท์ ปุ่มทั้งสองปุ่มมองเห็นได้ชัดเจนและไม่รบกวนซึ่งกันและกัน

### สามารถเพิ่มแบบฟอร์มแสดงความคิดเห็นได้หรือไม่?

ใช่ค่ะ สามารถใช้เป็นปุ่มย่อยที่มีลิงก์ไปยังแบบฟอร์ม หรือใช้บล็อก "ติดต่อเรา" บนหน้าเว็บก็ได้ค่ะ ดู [ที่หน้าหลักและเมนู](/wiki/th/home-and-menu)