เครื่องมือจอง Cloudbeds - วิธีฝังแบบฟอร์มลงใน Mailchimp

รวบรวมที่อยู่อีเมลของแขกที่ต้องการสมัครรับข่าวสารและข้อเสนอล่าสุดของคุณผ่าน Mailchimp ได้

เครื่องมือจอง Cloudbeds สามารถฝังแบบฟอร์ม ลงทะเบียน ของ Mailchimp ภายในเครื่องมือจองได้ บทความนี้อธิบาย วิธีการฝัง คุณลักษณะนี้สำหรับที่พักของคุณ

แบบฟอร์มลงทะเบียนของ Mailchimp สามารถเพิ่มได้เฉพาะ ที่สุดของการจอง, บน หน้ายืนยัน ที่แสดงข้อมูลการจองทั้งหมด

ฝังแบบฟอร์มลงในเครื่องมือจอง

ขั้นตอนที่ 1 - เริ่มต้น
  1. สร้างบัญชี Mailchimp โดยลงทะเบียน ที่นี่
  2. เมื่อสร้างบัญชีเรียบร้อยแล้ว ทำตามขั้นตอนด้านล่างเพื่อ ฝัง Mailchimp ลงในเครื่องมือจอง
ขั้นตอนที่ 2 - คำแนะนำภายใน Mailchimp
  1. เข้าสู่ระบบบัญชี Mailchimp ของคุณและเข้าถึงแท็บ Audience
  2. คลิกที่ Manage Audience
  3. เลือก Signup forms
แดชบอร์ดของผู้ชม | Mailchimp - Google Chrome
  1. เลือก Embedded forms
ฟอร์มการลงทะเบียนสำหรับ Cloudbeds | Mailchimp - Google Chrome
  1. เลือกประเภทของ แบบฟอร์ม (คลาสสิก, ย่อ, แนวนอน, หรือ ไม่มีรูปแบบ) และปรับแต่ง ตัวเลือกแบบฟอร์ม

หากคุณมี คำถามใดๆ เกี่ยวกับตัวเลือกแบบฟอร์มและการตั้งค่า ติดต่อ ทีมสนับสนุน Mailchimp โดยตรง

รหัสแบบฟอร์มฝังตัว | Mailchimp - Google Chrome
  1. เลื่อนลงมาและเน้น รหัสทั้งหมด (Control + A) หรือ คลิกซ้าย เพื่อคัดลอกรหัส (เราจะใช้รูปแบบคลาสสิกเป็นตัวอย่าง)
รหัสแบบฟอร์มฝังตัว | Mailchimp - Google Chrome
ขั้นตอนที่ 3 - เพิ่มรหัสในเครื่องมือจอง Cloudbeds
  1. เข้าสู่ระบบ Cloudbeds PMS และคลิกที่ Manage (ไอคอนเกียร์)
  2. ไปที่ Customize Booking Engine
  3. วางรหัสที่คัดลอกไว้จาก Mailchimp เข้าไปในส่วน Javascript Code (Confirmation Page Only)
  4. คลิก Save

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

Confirmation - DEMO - Karina's Hostel - Google Chrome

เมื่อข้อมูลถูกเก็บไว้ในบัญชี Mailchimp ของคุณ, คุณสามารถส่งอีเมลการตลาดถึงแขกของคุณผ่าน Mailchimp. ข้อมูลนี้จะถูกเก็บไว้ใน Mailchimp เท่านั้น และไม่ได้เก็บไว้ใน Cloudbeds PMS

ตัวเลือกขั้นสูง

สร้างสไตล์ที่กำหนดเองบนแบบฟอร์ม Mailchimp

เพื่อจัดกลุ่มแบบฟอร์มการลงทะเบียนบนหน้าเครื่องมือจองของคุณ (พร้อมกับส่วนอื่น ๆ ทั้งหมดที่อยู่เหนือแบบฟอร์ม), ให้ใช้รหัสต่อไปนี้ในส่วนที่เรียกว่า รหัส Javascript (หน้ายืนยันเท่านั้น):

<style>
#mc_embed_signup{ 
background:#fff; 
clear:left; 
font:14px Helvetica,Arial,sans-serif; 
margin-left: 90px; 
margin-right: 125px; 
margin-bottom: 40px;
width: 80%; 
text-align:center; }@media (min-width: 1460px) {
  #mc_embed_signup { 
margin-left: 150px; 
margin-right: 145px; 
margin-bottom: 60px; 
}
}
</style>
คลิกเพื่อคัดลอก
รูปแบบของเครื่องมือจอง Cloudbeds

โค้ดต่อไปนี้จะซ่อนข้อมูลของที่พักและแม็ป:

<style>
/* โค้ดต่อไปนี้จะซ่อนข้อมูลของที่พักพร้อมกับแม็ป */
.page-content-wrapper {
display: none;
}
</style>
คลิกเพื่อคัดลอก
Confirmation - DEMO - Karina's Hostel - Google Chrome

โค้ดต่อไปนี้จะซ่อนข้อมูลของที่พักพร้อมกับแม็ป บนเบราว์เซอร์ของโทรศัพท์มือถือ:

<style>
@media (min-width: 992px) {
.page-content-wrapper{
display: none;
}
}
<style>
คลิกเพื่อคัดลอก

โค้ดต่อไปนี้จะซ่อนโลโก้การชำระเงิน:

<style>
.bank_transfer, .security-sprite {
display: none !important;
}
</style>
คลิกเพื่อคัดลอก
Confirmation - DEMO - Karina's Hostel - Google Chrome
Confirmation - DEMO - Karina's Hostel - Google Chrome
บทความนี้มีประโยชน์หรือไม่
0 จาก 0 เห็นว่ามีประโยชน์

ข้อคิดเห็น

0 ข้อคิดเห็น

โปรด ลงชื่อเข้าใช้ เพื่อแสดงข้อคิดเห็น