Điền trước các trường biểu mẫu HTML

Các biểu mẫu bật lên thường chứa các trường nhập chung chung mà nhiều người dùng sẽ điền theo cùng một cách, chẳng hạn như địa chỉ email và tên. Yêu cầu người trả lời điền vào các trường này theo cách thủ công có thể lặp đi lặp lại và tốn thời gian

Thay vào đó, bạn có thể sử dụng tính năng Điền trước của Popupsmart để điền sẵn các trường biểu mẫu cho khách hàng và khách hàng tiềm năng của mình

Ngoài ra, các trường biểu mẫu điền trước có thể được sử dụng làm đầu vào ẩn, vẫn bị ẩn khỏi người dùng. Mặc dù các trường này bị ẩn, nhưng bạn vẫn sẽ thu thập dữ liệu người dùng và xem dữ liệu đó trên bảng Khách hàng tiềm năng Popupsmart của mình sau khi người dùng nhấp vào nút bật lên

Cách tính năng điền trước hoạt động

Popupsmart sử dụng thẻ thông minh (thay thế văn bản động) để thu thập thông tin người dùng động (i. e. , tên người dùng, địa chỉ email, vị trí, v.v. ) Bạn có thể thêm thẻ thông minh (văn bản giữ chỗ được định dạng cụ thể) vào tên trường biểu mẫu của cửa sổ bật lên để điền sẵn dữ liệu người dùng vào chúng

Thẻ thông minh cũng có thể lấy thông tin của người dùng từ các tham số URL đặc biệt nếu có. Tham số URL điền dữ liệu khi nó bao gồm thông tin bạn muốn điền sẵn trong biểu mẫu

Ví dụ: "examplewebsite.com/?name=erica"

Bạn có thể sao chép của chúng tôi hoặc sử dụng Trình quản lý thẻ của Google để tạo thẻ. (Tìm hiểu thêm về tài liệu Thẻ thông minh. )

Ghi chú. Thẻ thông minh phân biệt chữ hoa chữ thường; . Nếu không, chúng sẽ không hoạt động

2. Chuyển đến Tùy chỉnh và Chỉnh sửa Trường Biểu mẫu

Sao chép thẻ thông minh được xác định trước và dán vào trường Tên đầu vào. Ví dụ: dán {{email}} vào trường tên của đầu vào đã chọn. Điều này sẽ điền trước đầu vào đó. Bạn có thể sử dụng các thẻ thông minh khác nhau cho các lĩnh vực khác nhau khi cần

4. Thêm thẻ thông minh vào trường biểu mẫu ẩn

Thu thập dữ liệu người dùng mà không hiển thị cho người dùng trường nhập liệu. Nhấp vào “Thêm trường biểu mẫu mới” và chọn “Đầu vào ẩn. ” Thêm thẻ thông minh vào Tên đầu vào

5. Xem Dữ liệu được kéo trên Bảng khách hàng tiềm năng của bạn

Bạn có thể truy cập dữ liệu người dùng đã thu thập (cả từ các trường biểu mẫu ẩn và hiển thị được điền trước) thông qua bảng Khách hàng tiềm năng của bạn

• Sau đây là các thẻ thông minh được xác định trước có sẵn để sử dụng ngay trên các chiến dịch Popupsmart của bạn. Văn bản sau dấu hai chấm (. ) dành cho các mục đích mẫu mực về hình thức của nội dung động với dữ liệu được kéo

  {{ip”: “3.23.78.141}},

  {{date_MM_dd_yyyy}}. “05/03/2021",

  {{date_MMMM_dd}}. “03 tháng 5”,

  {{date_dddd_dd_MMMM_yyyy}}. “Thứ Hai, ngày 03 tháng 5 năm 2021",

  {{country}}. "Hoa Kỳ",

  ________số 8_______. “Ohio”,

  {{city}}. “Ohio”,

  examplewebsite.com/?name=erica0. "CHÚNG TA",

  examplewebsite.com/?name=erica1. “tiếng Thổ Nhĩ Kỳ”,

  examplewebsite.com/?name=erica2. “Mac OS X 10. 15",

  examplewebsite.com/?name=erica3. “Chrome 90. 0",

  examplewebsite.com/?name=erica4. “”,

  examplewebsite.com/?name=erica5. “”,

  examplewebsite.com/?name=erica6. “”,

  examplewebsite.com/?name=erica7. “”,

  examplewebsite.com/?name=erica8. “”

Ghi chú. Các tên thẻ này là tên dành riêng (e. g. , examplewebsite.com/?name=erica9

• Bạn không cần xác định các biến tùy chỉnh cho các trường hệ thống, chẳng hạn như;

  examplewebsite.com/?name=erica5. “”,

  examplewebsite.com/?name=erica6. “”,

  examplewebsite.com/?name=erica7. “”,

  examplewebsite.com/?name=erica8. “”

Nếu bạn muốn xác định các biến tùy chỉnh ngoài các biến được xác định trước, bạn có thể xem Cách thiết lập biến tùy chỉnh bằng Trình quản lý thẻ của Google

Cách điền trước biểu mẫu tìm dữ liệu

Phương pháp 1. Sử dụng Trình quản lý thẻ của Google để xác định biến tùy chỉnh

Một phương pháp để điền trước các biểu mẫu bật lên là triển khai API JavaScript Popupsmart trên GTM. Trước hết, bạn sẽ cần tạo thẻ cho các chiến dịch Popupsmart điền sẵn trên tài khoản Trình quản lý thẻ của Google

Bước 1. Truy cập tài khoản GTM doanh nghiệp của bạn và nhấp vào Thêm thẻ mới

Bước 2. Nhấp vào Cấu hình thẻ và chọn HTML tùy chỉnh làm loại thẻ của bạn

Bước 3. Dán đoạn mã sau vào trường HTML. Lưu ý rằng phần biến là mẫu mực;

Bước 4. Nhấp vào nút “+” để thiết lập trình kích hoạt thẻ của bạn

Bước 5. Nhấp vào Cấu hình kích hoạt và chọn Tải cửa sổ, như được thấy bên dưới

Bước 6. Có hai tùy chọn bạn có thể chọn;

• Nếu bạn chọn “một số”, thì bạn sẽ cần cấu hình thêm để chỉ sử dụng trình kích hoạt này trên Tên máy chủ, URL, Đường dẫn hoặc Liên kết giới thiệu của Trang cụ thể. Ngoài ra, bạn có tùy chọn để chọn một biến tích hợp hoặc thêm một biến mới

• Điều này nghe có vẻ tiên tiến đối với bạn?

Phương pháp 2. Sử dụng nhà cung cấp dịch vụ email cho biểu mẫu tự động điền

Nếu bạn muốn nhắm mục tiêu những người đăng ký bản tin của mình, một số người trong số họ đã có thông tin, thì đó là một cách tuyệt vời để điền trước một biểu mẫu bật lên cho họ và tăng chuyển đổi

Chỉ cần liên kết nút CTA trên nội dung email của bạn với URL trang chứa thông tin người dùng. Ví dụ;

Về cơ bản, biểu mẫu bật lên trên trang được liên kết sẽ được điền sẵn dữ liệu được cung cấp trên tham số URL

Phương pháp 3. Sử dụng Tham số URL

Như chúng tôi đã đề cập trong phương pháp bên dưới, bạn có thể nhập các tham số URL theo cách thủ công để điền trước các biểu mẫu bật lên. Phương pháp này hoạt động như “{{email}}5”

Chúng tôi khuyên bạn nên sử dụng trang này khi bạn đã biết dữ liệu người dùng và sẽ liên kết đến trang từ một nguồn chứa thông tin người dùng bắt buộc

Làm cách nào tôi có thể điền trước các trường nhập biểu mẫu HTML từ các tham số URL?

Tất cả điều này có thể được thực hiện bằng cách liên kết tới một URL chuyên biệt bao gồm tất cả thông tin bạn muốn điền sẵn vào biểu mẫu khi người dùng nhấp vào nó. Tất cả những gì bạn cần làm là thay thế baseURL bằng URL hiện tại của biểu mẫu, biến 1 bằng biến được liên kết với trường sẽ được điền và giá trị bằng giá trị trường thích hợp.

Làm cách nào để điền trước một trường biểu mẫu bằng javascript?

Phương pháp 1. sử dụng setAttribute .

var myvalue = "Chào";

tài liệu. getElementById('field1'). setAttribute, giá trị của tôi);

.

Điều gì có thể được sử dụng để tự động điền các trường trong một biểu mẫu?

Bạn có thể tự động điền các trường bằng cách truy xuất các giá trị đã gửi từ người dùng hiện tại, địa chỉ IP hoặc ID mục nhập. Nếu người dùng của bạn sẽ chuyển trực tiếp từ Biểu mẫu A sang Biểu mẫu B, bạn có thể chuyển các giá trị từ Biểu mẫu A sang Biểu mẫu B thông qua phím nhập. Bạn cũng có thể tự động điền các trường bằng cách sử dụng Trường động