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

แก้ไขและจัดรูปแบบปุ่มส่งแบบฟอร์มของคุณ

อัปเดตล่าสุด: กุมภาพันธ์ 13, 2025

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

ผลิตภัณฑ์และแพ็กเกจทั้งหมด

แก้ไขข้อความปุ่มส่งแบบฟอร์มของคุณ

ข้อความปุ่มส่งเริ่มต้นในแบบฟอร์ม HubSpot คือ ส่ง วิธีแก้ไขข้อความปุ่มส่ง:

  • ในบัญชี HubSpot ของคุณ ไปที่ การตลาด > แบบฟอร์ม
  • คลิกที่ชื่อของแบบฟอร์ม
  • ในตัวแก้ไขแบบฟอร์มให้คลิกปุ่ม ส่ง

  • ในบานหน้าต่างด้านซ้ายให้ป้อนข้อความปุ่มส่งใหม่ในฟิลด์ป้าย กำกับ

  • ที่ด้านบนขวาให้คลิกเผยแพร่เพื่ออัพเดทแบบฟอร์มสด

ปรับสไตล์ปุ่มส่งแบบฟอร์มของคุณบนหน้าเว็บ HubSpot (ศูนย์กลางการตลาดพื้นฐาน มืออาชีพและองค์กรเท่านั้น)

 

  • ในตัวแก้ไขเนื้อหาให้เลื่อนเมาส์ไปที่โมดูลแบบฟอร์มแล้วคลิกไอคอนแก้ไขสไตล์

  • ในบานหน้าต่างด้านซ้ายให้คลิกเมนูแบบเลื่อนลงและเลือกปุ่มแบบฟอร์ม
  • ปรับสไตล์ปุ่มส่งแบบฟอร์มด้วยตัวเลือกต่างๆเช่นเปลี่ยนสีพื้นหลังของปุ่มหรือขนาดตัวอักษรข้อความ

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

ปรับสไตล์ปุ่มส่งแบบฟอร์มของคุณบนหน้าเว็บภายนอก (Marketing Hub Starter, BasicProfessional และ Enterprise เท่านั้น)

 

  • ในบัญชี HubSpot ของคุณ ไปที่ การตลาด > แบบฟอร์ม
  • คลิกที่ชื่อของแบบฟอร์ม
  • ในตัวแก้ไขแบบฟอร์มให้คลิกแท็บสไตล์และตัวอย่าง
  • ในบานหน้าต่างด้านซ้ายให้คลิกส่วน สไตล์เพื่อขยาย
  • ในส่วนปุ่มให้จัดสไตล์ปุ่มส่งแบบฟอร์มด้วยตัวเลือกเช่นการเปลี่ยนสีพื้นหลังของปุ่มหรือขนาดตัวอักษรข้อความ

ปุ่ม

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

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

input[type="submit"]{ background: #ff0000; }

เรียนรู้เพิ่มเติมเกี่ยวกับการปรับแต่งโค้ดฝังแบบฟอร์มในเอกสารสำหรับนักพัฒนาของ HubSpot

New Call-to-action
บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot