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
hop-tac-xay-dung-thuong-hieu-y-nghia-cac-loai-va-uu-diem-va-nhuoc-diem

Hợp tác xây dựng thương hiệu – Ý nghĩa, Các loại và Ưu điểm và Nhược điểm

30/07/2021 bởi admin
Hợp tác thương hiệu là việc sử dụng hai hoặc nhiều thương hiệu để đặt tên cho một sản phẩm...
thach-thuc-quan-ly-thuong-hieu-trong-thoi-dai-thay-doi

Thách thức quản lý thương hiệu trong thời đại thay đổi

30/07/2021 bởi admin
Vài thập kỷ qua đã có những tiến bộ chưa từng có trong tất cả các lĩnh vực của cuộc...
tai-sao-chien-luoc-thuong-hieu-dia-diem

Tại sao chiến lược thương hiệu địa điểm và điểm đến không thành công

26/07/2021 bởi admin
Điều gì khiến một số địa điểm chiến lược thương hiệu không đạt được một vài hoặc thậm chí là...
mat-bao-lau-de-hoc-javascript

Mất bao lâu để học JavaScript?

14/07/2021 bởi admin
Học ngôn ngữ phát triển web đơn giản là vấn đề hiểu, thực hành và triển khai đúng cách thông...
crm

Tại sao CRM lại cần thiết để tạo khách hàng tiềm năng hiệu quả

12/07/2021 bởi admin
Trong nhiều năm qua, các doanh nghiệp đã tạo ra khách hàng tiềm năng thông qua các chiến thuật kinh...
thiet-ke-web-hay-thiet-ke-android

Thiết kế web hay thiết kế Android – Lựa chọn nghề nghiệp nào tốt hơn?

12/07/2021 bởi admin
Thiết kế web và Thiết kế Android là hai lĩnh vực nghề nghiệp mới nổi nhất đối với các nhà...
BÀI VIẾT XEM NHIỀU
error: Content is protected !!