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

Cách Thêm Mã Theo Dõi Google Analytics Trong Google Forms

05/12/2020 bởi admin
Bạn đang tìm Cách Thêm Mã Theo Dõi Google Analytics Trong Google Forms của mình để theo dõi việc gửi...

6 cách dễ dàng để tối ưu hóa trang LinkedIn của bạn

26/11/2020 bởi admin
6 cách dễ dàng để tối ưu hóa trang LinkedIn của bạn _LinkedIn là nền tảng mạng chuyên nghiệp lớn...

Cách tạo video Twitter hấp dẫn cho doanh nghiệp của bạn

24/11/2020 bởi admin
Cách tạo video Twitter hấp dẫn cho doanh nghiệp của bạn _Nếu nội dung là vua, thì video là viên...

Cách có được dấu tích xanh trên Facebook để tạo uy tín cho trang

23/11/2020 bởi admin
Cách có được dấu tích xanh trên Facebook để tạo uy tín cho trang _Được xác minh trên Facebook là...

Cách xây dựng một kênh bán hàng trên mạng xã hội hiệu quả

23/11/2020 bởi admin
Cách xây dựng một kênh bán hàng trên mạng xã hội hiệu quả _Khi xây dựng chiến lược truyền thông...

6 tập lệnh PHP về tiền điện tử tốt nhất hiện nay

23/11/2020 bởi admin
6 tập lệnh PHP về tiền điện tử tốt nhất hiện nay _Trong bài viết này, chúng tôi đã biên...
BÀI VIẾT XEM NHIỀU
error: Content is protected !!