Thủ thuật blogspot giúp bạn kết nối ứng dụng hỗ trợ, thu thập thông tin, tìm kiếm khách hàng,...

Chào các bạn mình là Gia Bảo., hiện đang hoạt động trong ngành sản xuất và chế biến gỗ. Nghề tay trái Blogger viết lách Tự Do, hợp tác marketing, cho thuê không gian quảng cáo, kiếm tiền từ website bằng cách ứng dụng công cụ marketing online, seo xịn sò lên top google trên nền tảng Blogspot

🎯🎯🎯

Hôm nay Gia Bảo chia sẻ với mọi người các thủ thuật blogspot giúp bạn kết nối ứng dụng hỗ trợ, việc thu thập thông tin, làm khảo sát, tìm kiếm khách hàng, giúp thông báo tuyển dụng, giới thiệu sản phẩm, dịch vụ... Một trong số đó bao gồm thủ thuật hữu ích giúp chúng ta xây dựng và tạo danh sách khách hàng tiềm năng từ danh sách thông tin cơ bản như số điện thoại, email, tên khách hàng, công ty, nhu cầu muốn mua mặt hàng, sản phẩm dịch vụ nào đó. Mời bạn xem tiếp nội dung bài viết. Bạn cũng có thể ứng dụng thủ thuật tạo form thu thập thông tin tạo lập danh sách khách hàng phục vụ nhu cầu tiếp thị liên kết, góp phần tạo thu nhập và kiếm tiền từ website của bạn, hoặc bạn có thể tạo " danh sách khách hàng tiềm năng " chạy quảng cáo bán hàng online, giới thiệu khóa học, vân vân mây mây,...

1. Hướng dẫn cách chèn Form đăng ký thu thập thông tin, khảo sát :
1.1 Form Mẫu Và Cấu Trúc Code Tạo Form Liên Hệ :

Họ tên (tùy chọn điền)

Giới tính (tùy chọn trắc nghiệm)

Nam

Nữ

Email (tùy chọn điền)

Địa chỉ Nơi Ở

Địa chỉ Công Ty

Số điện thoại

Dịch vụ / Sản Phẩm Bạn Cần

Dịch vụ kế toán

Tư Vấn Thành Lập Công Ty

Dịch Vụ Seo

Mua Thớt Gỗ

Mua Gỗ Ghép

Mua Ván MDF

Gia Công Sấy Gỗ

Yêu Cầu

Tôi đã đọc và đồng ý với chính sách và điều khoản trang web

Code Tạo Form Mẫu như trên :

<form action="" class="contact-form" target="_self" method="POST">

<div class="form-title">Họ tên (tùy chọn điền)</div>
<div class="form-group">
    <input class="input" name="" placeholder="Câu trả lời của bạn..." type="text" value=""/>
    <i class="bar"></i>
</div>

<div class="form-title">Giới tính (tùy chọn trắc nghiệm)</div>
<div class="form-group">
    <div class="check-box inline">
      <input class="radio" id="male" name="" required="" type="radio" value="Nam">
      <label for="male">Nam</label>
    </div>
    <div class="check-box inline">
      <input class="radio" id="female" name="" required="" type="radio" value="Nam">
      <label for="female">Nữ</label>
    </div>
</div>

<div class="form-title">Email (tùy chọn điền)</div>
<div class="form-group">
    <input class="input" name="" type="text" required="" value=""/>
    <i class="bar"></i>
</div>

<div class="form-title">Địa chỉ Nơi Ở</div>
<div class="form-group">
    <input class="input" name="" placeholder="Câu trả lời của bạn..." required="" type="text" value=""/>
    <i class="bar"></i>
</div>

<div class="form-title">Địa chỉ Công Ty</div>
<div class="form-group">
    <input class="input" name="" placeholder="Câu trả lời của bạn..." required="" type="text" value=""/>
    <i class="bar"></i>
</div>

<div class="form-title">Số điện thoại</div>
<div class="form-group">
    <input class="input" name="" placeholder="Câu trả lời của bạn..." required="" type="text" value=""/>
    <i class="bar"></i>
</div>

<div class="form-title">Dịch vụ / Sản Phẩm Bạn Cần</div>
<div class="form-group">
    <div class="form-group">

      <div class="check-box">
        <input class="checkbox" id="service-1" name="" type="checkbox" value="Dịch vụ 1">
        <label for="service-2">Dịch vụ kế toán</label>
      </div>

      <div class="check-box">
        <input class="checkbox" id="service-2" name="" type="checkbox" value="Dịch vụ 2">
        <label for="service-2">Tư Vấn Thành Lập Công Ty </label>
      </div>

      <div class="check-box">
        <input class="checkbox" id="service-3" name="" type="checkbox" value="Dịch vụ 3">
        <label for="service-3">Dịch Vụ Seo</label>
      </div>

       <div class="check-box">
        <input class="checkbox" id="service-4" name="" type="checkbox" value="Sản Phẩm 1">
        <label for="service-4">Mua Thớt Gỗ</label>
      </div>

       <div class="check-box">
        <input class="checkbox" id="service-5" name="" type="checkbox" value="Sản Phẩm 2">
        <label for="service-5">Mua Gỗ Ghép</label>
      </div>

        <div class="check-box">
        <input class="checkbox" id="service-6" name="" type="checkbox" value="Sản Phẩm 3">
        <label for="service-6">Mua Ván MDF</label>
      </div>
        <div class="check-box">
        <input class="checkbox" id="service-7" name="" type="checkbox" value="Dịch vụ 4">
        <label for="service-7">Gia Công Sấy Gỗ</label>
      </div>


    </div>
</div>

<div class="form-title">Yêu Cầu</div>
<div class="form-group textarea">
    <textarea name="" placeholder="Câu trả lời của bạn..." value=""></textarea>
    <i class="bar"></i>
</div>

<div class="form-group checked">
    <input class="checkbox" id="checkbox" name="checkbox" required="" type="checkbox">
    <label for="checkbox">Tôi đã đọc và đồng ý với <a href="" title="chính sách và điều khoản trang web" rel="noopener" target="_blank">chính sách và điều khoản trang web</a></label>
</div>
<div class="form-submit">
    <button class="theme-button blue" aria-label="Gửi" type="submit">Gửi</button>
</div>
</form>


Hướng dẫn chi tiết tạo Biểu Mẫu Đăng Ký Trên BlogSpot Sử Dụng Google Form Kết Nối Cập Nhật Thông Tin Với Gmail.

Bước 1 : Tạo Biểu Mẫu Trên Google Form :

Các bạn thực hiện các bước sau đây :

Đăng nhập tài khoản Google ↴
Chọn Ứng Dụng Google Drive. ↴
Trên góc trái màn hình bạn chọn nút Mới ở trên góc trái màn hình ↴

Chọn Ứng dụng khác ↴
Chọn Google Biểu Mẫu. ↴

Đợi Màn hình tạo form mới xuất hiện bạn có thể đặt tên form ( Ví Dụ Form Liên Hệ ) và Mô Tả Biểu Mẫu ( Ví Dụ : Mẫu Liên Hệ Khách Hàng ) ↴

Trong Form mẫu cơ bản bạn điền đầy đủ thông tin yêu cầu ( Những mục có dấu * bắt buộc bạn cung cấp thông tin đầy đủ để tạo Form ) ↴

Bạn có thể lựa chọn thêm Cấu Hình Giao Diện, bật nút bắt buộc điền form ↴
Cuối cùng bạn chọn nút gửi để xác nhận tạo Form ↴

Sau đó vào nút - để copy mã nhúng vào Blogspot.

Đến đây bạn đã hoàn thành bước cơ bản mẫu Form Goole dùng nhúng vào Web Blogspot của bạn.

Bước 2 : Tùy biến Form liên hệ từ Google biểu mẫu :

Ở bước này nhằm mục đích giúp bạn tùy biến, chỉnh sửa biểu mẫu bằng cách chỉnh sửa mẫu form google docs gốc, bằng cách thêm vào một số Css giúp làm đẹp biểu mẫu đã tạo khi cho hiển thị trên giao diện blogspot của bạn.
Bạn xem code Css chỉnh sửa làm đẹp Form Google hiển thị trên Blogspot của bạn Tại Đây

Bạn có thể kết hợp với form code mẫu ở trên để tùy biến cho phù hợp với nhu cầu cần thu thập thông tin khách hàng, làm khảo sát,...
Còn Gia Bảo thì vẫn thít code chân phương giản đơn, phong cách tối giản của nhà Gồ nên thấy không cần chỉnh sửa thêm gì nữa.

Bước 3 : Cài đặt gửi câu trả lời từ biểu mẫu đăng ký trên Blogspot về gmail :

Nếu khách hàng của bạn được cập nhật định kỳ bạn có thể bỏ qua bước này, nếu khách hàng của bạn cần phải " trả lời ngay khi có yêu cầu ". Bạn hãy ứng dụng kỹ thuật gửi câu trả lời từ biểu mẫu về Gmail. ( Nếu lượng khách update cập nhật vào Form liên tục, bước gửi thông tin về Gmail cũng khá rắc rối ". ).

Bước 1 : Tạo Sheet bảng tính lưu thông tin cập nhật dữ liệu mà khách hàng thực hiện hành vi điền vào biểu mẫu, thông tin được khách hàng cung cấp sẽ được tự động cập nhật vào Sheet được tạo trên Googe drive của bạn.

Bước 2 : Chọn Công cụ sau đó chọn tiếp ➠ Trình chỉnh sửa tập lệnh

Bạn chèn đoạn code sau :

function guiBieuMauthongtinkhachhang(e)

{

// Thay thế bằng địa chỉ email của bạn

var email = "tenemailcuaban@gmail.com";

// Tiêu đề của email được gửi về

var subject = "Form Thông tin khách hàng...";

// Đừng chỉnh sửa code phía dưới nhé

var s = SpreadsheetApp.getActiveSheet();

var columns = s.getRange(1,1,1,s.getLastColumn()).getValues()[0];

var message = "";

// Cập nhật thông tin nào có dữ liệu

for ( var keys in columns ) {

var key = columns[keys];

if ( e.namedValues[key] && (e.namedValues[key] != "") ) {

message += key + ' :: '+ e.namedValues[key] + "\n\n";

}

// Sử dụng MailApp service của Google Apps Script gửi vào email của bạn.

MailApp.sendEmail(email, subject, message);

}

Cuối cùng bạn Chọn ➜ Chỉnh sửa ➜ Các kích hoạt của dự án hiện tại

Form Tạo Ra Từ Hướng Dẫn Trên :
Xem Thêm :

Tạo form Liên hệ bằng GetSiteControl xem tại đây
Cách Tạo form Liên Hệ Tuyệt Đẹp Chỉ Dành Cho Blogspot Mẫu 2021 xem chi tiết tại đây

Bạn có thể ứng dụng kỹ thuật trên tạo các dạng Form chèn vào Blogspot kết hợp với thủ thuật tạo Popup / Slide bar giúp bạn :

Tạo Form submit, subscribe, like share,...
Tạo Form thông báo

Trân trọng.

ZSeoPopup.

Nguồn Tham khảo :

[*] https://www.share123.vn/2016/10/huong-dan-tao-form-bithurhuongwshuongwq-dat-tren-blogspot.html
[*] https://webseo.com.vn/cai-dat-form-google-drive-gui-thong-bao-vao-mail
https://freetuts.net/tao-form-lien-he-blogspot-bang-google-docs-2375.html
https://gicovietnam.blogspot.com/2017/07/cach-tao-form-dang-ky-tren-google-drive.html