Cách để nhúng form liên hệ trên website

Cách để nhúng form liên hệ trên websiteỞ bài viết này, chúng tôi sẽ chỉ bạn cách nhúng form liên hệ trên website. Nó cũng bao gồm thủ tục để thực hiện vài hình thức trượt.

0 0 vote
Article Rating
1

Hình thức trượt nhúng.

Ở tùy chọn này, bạn sẽ tìm thấy tùy chọn phụ là vị trí trượt, văn bản trượt, màu nền cùng màu phông chữ. Đặt chúng theo ý thích rồi sao chép mã.

cach-de-nhung-form-lien-he-tren-website

Giờ bạn có khả năng sử dụng mã này theo cách khác nhau để nhúng form liên hệ vào website bạn.

Để nhúng form liên hệ vào website không phải WordPress.

Để tạo chế độ xem form liên hệ ở website bạn, chỉ cần dán mã vào giữa các thẻ đầu như bên dưới.

cach-de-nhung-form-lien-he-tren-website

Lưu tập tin rồi xem trang. Bạn sẽ thấy form liên hệ liên hệ như hình:

cach-de-nhung-form-lien-he-tren-website

Như bạn thấy ở hình trên, có CTA liên hệ nhỏ trên trang chủ. Khi khách truy cập nhấp vào nó, form liên hệ sẽ mở ra.

Tầm quan trọng của các hình thức trượt

Đây là phương thức thông minh, dễ dàng để hiển thị form liên hệ.

  • Tăng tỷ lệ chuyển đổi:

Như bạn có thể thấy ở trên, form liên hệ đang hiển thị trên trang chủ. Vì vậy,  chất lượng sẽ tốt gấp 5 lần. Nó sẽ tự động tăng tỷ lệ chuyển đổi.

  • Hiện đại và chiếm ít không gian hơn:

Như bạn có thể thấy trong hình trên, form liên hệ Tab của chúng tôi hiện diện dưới dạng CTA nhỏ nhưng đẹp, nó chiếm ít không gian hơn. Ngoài ra, nó rất dễ thực hiện trên website của bạn.

  • Để nhúng form liên hệ liên hệ trượt trong website WordPress.

Ở website WordPress bạn, có hai cách để nhúng form liên hệ, hoặc là dán mã vào tệp header.php hoặc bạn có thể sử dụng Plugin trực tiếp.

  1. Cách sử dụng mã nếu plugin không được cài đặt.

Chuyển đến bảng điều khiển của website rồi mở Giao diện-> Trình chỉnh sửa. Ở đó bạn sẽ thấy cách đặt tên tệp header.php.

Mở nó rồi dán mã giữa các thẻ đầu.

Cập nhật tập tin rồi xem website của bạn bây giờ.

cach-de-nhung-form-lien-he-tren-website

  1. Cách nhúng form liên hệ bằng Plugin.

Cài đặt plugin Contact Form ở bảng điều khiển WordPress của bạn.

Khi đã cài đặt thành công. Nhấp vào tùy chọn Form liên hệ liên hệ được cung cấp ở thanh bên trái.

Ở đó bạn sẽ thấy tùy chọn là mã nhúng,  nhấp vào nó rồi dán mã vào khoảng trống được cung cấp.

Chọn trang mà bạn muốn hiển thị form liên hệ.

Nhấp vào lưu.

cach-de-nhung-form-lien-he-tren-website

2

Nhúng mẫu đầy đủ

Với tùy chọn này, bạn sẽ tìm thấy hai tùy chọn phụ mẫu  nhúng 1 (với thiết kế bao gồm đầu trang, chân trang) cùng mẫu nhúng 2 (không có đầu trang, chân trang). Theo mong muốn, sao chép mã cho bất kỳ ai thuộc loại nhúng rồi dán mã vào nơi bạn muốn xem form liên hệ.

cach-de-nhung-form-lien-he-tren-website

Mẫu nhúng 1 (Với thiết kế bao gồm đầu trang và chân trang).

Nếu bạn muốn xem form liên hệ với thiết kế hoàn chỉnh bao gồm đầu trang và chân trang, thì sao chép mã cho form liên hệ nhúng 1. Trước khi sao chép mã, bạn có thể điều chỉnh chiều cao của form liên hệ và xem trước nó. Bây giờ sử dụng mã như được mô tả dưới đây:

  1. Các website không phải WordPress.

Dán mã iframe cho website, tại nơi bạn muốn thực hiện chế độ xem form liên hệ. Lưu tệp rồi xem trước trang.

cach-de-nhung-form-lien-he-tren-website

  1. Các website WordPress.

Bạn cũng phải làm theo bước tương tự cho website WordPress. Chỉ cần đặt mã trong bài viết / trang dưới chế độ văn bản rồi cập nhật nó.

cach-de-nhung-form-lien-he-tren-website

Đầu ra form liên hệ sẽ hiển thị như thế này.

cach-de-nhung-form-lien-he-tren-website

Nhúng Form 2 Plain  (Không có đầu trang và chân trang).

Điều chỉnh độ rộng form liên hệ rồi xem trước nó. Bây giờ sao chép mã rồi sử dụng nó theo cách tương tự như minh họa ở trên để xem dạng hoàn chỉnh. Bạn sẽ thấy đầu ra form liên hệ là:

cach-de-nhung-form-lien-he-tren-website

cach-de-nhung-form-lien-he-tren-website

Bạn sẽ nhận được đầu ra như thể hiện như hình dưới đây.

cach-de-nhung-form-lien-he-tren-website

Giờ có hai tùy chọn khác được cung cấp ở trang nhúng Form. Cái thứ ba là cho WordPress Shortcode, ở đó, bạn được cung cấp mã ngắn dạng đơn giản và dạng trượt. Bạn chỉ cần đặt mã này ( Trình tạo form liên hệ web ) ở trang hay bài đăng rồi bạn sẽ thấy form liên hệ bắt đầu xuất hiện ở đó. Đó là cái thứ tư cho liên kết trực tiếp.

  1. Hình thức nhúng sử dụng WordPress shortcode.

Hiện giờ ở tùy chọn này, bạn có hai mã ngắn, một cho dạng trượt, một cho dạng Plain Contact.

cach-de-nhung-form-lien-he-tren-website

  • Chỉ cần đặt mã trong trang / bài viết như hình dưới đây.
  • Để trượt cho bạn có thể đặt mã ở bất cứ đâu trong trang hay bài đăng đó, nhưng tốt hơn là đặt nó ở dưới cùng.

cach-de-nhung-form-lien-he-tren-website

Đối với dạng đơn giản, đặt mã nơi bạn muốn form liên hệ xuất hiện. Bạn đặt mã này ở những vật dụng. Cài đặt plugin rồi thêm tiện ích vào bất kỳ khu vực tiện ích nào bên bạn rồi đặt mã ngắn như đã giải thích ở trên.

cach-de-nhung-form-lien-he-tren-website

  1. Chia sẻ mẫu liên kết trực tiếp.

Bạn có quyền sử dụng mẫu liên kết duy nhất nếu bạn không có bất kỳ website nào. Chỉ cần chia sẻ liên kết rồi nhận form liên hệ trực tiếp với chế độ xem form liên hệ hoàn chỉnh.

cach-de-nhung-form-lien-he-tren-website

Bạn sẽ thấy đầu ra form liên hệ với thiết kế hoàn chỉnh mà bạn đã thực hiện trong phần chỉnh sửa thiết kế.

cach-de-nhung-form-lien-he-tren-website

Lời kết

Trên đây là bài hướng dẫn chi tiết giúp bạn nhúng form liên hệ vào website thuận lợi nhất giúp phát triển website, tăng lưu lượng truy cập.

Nguồn: Thiên Thời

BÀI VIẾT LIÊN QUAN

Xây dựng chiến lược cạnh tranh mạnh mẽ cho doanh nghiệp của bạn

30/09/2020 bởi Béo Minh
Xây dựng chiến lược cạnh tranh mạnh mẽ cho doanh nghiệp của bạn _“Cạnh tranh” là cụm từ được xuất hiện...

5 chiến lược tiếp thị website hữu ích cho các doanh nghiệp nhỏ

30/09/2020 bởi Béo Minh
5 chiến lược tiếp thị website hữu ích cho các doanh nghiệp nhỏ _Doanh nghiệp nhỏ khi mới starup thì...

Linux hay Windows Hosting tốt hơn cho WordPress

28/09/2020 bởi Béo Minh
Linux hay Windows Hosting tốt hơn cho WordPress _Trước khi khởi chạy trang web WordPress của mình, bạn cần có...

Một số mẹo nên và không nên khi trả lời bài viết đánh giá của khách hàng

28/09/2020 bởi Béo Minh
Một số mẹo nên và không nên khi trả lời bài viết đánh giá của khách hàng _Như bạn đã...

Làm thế nào để bắt đầu viết một blog cho doanh nghiệp

28/09/2020 bởi Béo Minh
Làm thế nào để bắt đầu viết một blog cho doanh nghiệp _Viết blog là cách tiếp cận người đọc...

5 giải pháp thay thế GoDaddy tốt nhất trong năm 2020

26/09/2020 bởi Béo Minh
5 giải pháp thay thế GoDaddy tốt nhất trong năm 2020  _Mặc dù GoDaddy là một máy chủ phổ biến...
BÀI VIẾT XEM NHIỀU
error: Content is protected !!