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

Ở 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ã.

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.

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

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ờ.

2. 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.

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ệ.

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.

2. 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ó.

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

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à:

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

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.

3. 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.

• 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.

Đố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.

4. 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.

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ế.