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)
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
Yêu Cầu
Code Tạo Form Mẫu  như trên :
<!--Bat dau tao form--> 
<form action="" class="contact-form" target="_self" method="POST">
<!--Họ Và Tên--> 
  <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>
<!--Giới tính-->   
  <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>
<!--Email-->         
  <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>
<!--Địa Chỉ Nơi Ở-->           
  <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>
<!--Địa Chỉ Công Ty-->           
  <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>
<!--Số Điện Thoại-->             
  <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>
<!--Dịch Vụ-->               
  <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>
<!--Yêu cầu --> 
  <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>
<!-- Tôi đã đọc và đồng ý --> 
  <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> 
<!--End Bat dau tao 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.

form

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











Digitalnomad.vn : Thiết Kế Web đa cấu trúc, trải nghiệm viết blog đa nội dung, Koc Content truyền thông cho chính mình, xây dựng hệ thống kiếm tiền tự động online, đa dạng nguồn tài chính từ việc kiến tạo các thu nhập thụ động trên internet. Gia Bảo, Blogger viết vì đam mê, chia sẻ kỹ thuật giúp bạn biến các thiết bị công nghệ kết nối internet, thành cỗ máy MMO khai thác mỏ vàng trực tuyến, các thức giúp chúng ta chạm tay vào 'tự do tài chính'.

Chủ Đề Nổi Bật :


Sponsor

1. thotgo.asia
2. goghepthanh.com
3. dichvuketoannasa.com
4. remcuakimanh.vn