Cách nhúng form liên hệ cho website không phải WordPress

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

Cách nhúng form liên hệ cho website không phải WordPressKhi bạn đã hoàn thành việc tạo form liên hệ của mình rồi thiết kế chúng, bước cần thiết tiếp theo là cách bạn sẽ sử dụng chúng. Vì vậy, đối với bài viết này, chúng tôi sẽ giới thiệu với bạn cách nhúng form liên hệ cho trang web không phải WordPress.

Các loại hình thức

Về cơ bản, có ba loại nhúng mà bạn có khả năng nhúng form liên hệ. Đó là:

  • Hình thức trượt (hình thức theo thẻ).
  • Nhúng Full Form
  • Nhúng Plain Form

Tùy thuộc nhu cầu riêng từ bạn cùng cách bạn muốn form liên hệ xuất hiện ở website của mình, bạn chọn loại nhúng khác nhau. Trước khi di chuyển, bạn cần nhớ một điều, về tổng thể, không có hạn chế nào trong việc nhúng form liên hệ trong website của bạn tuy nhiên bạn chỉ nên nhúng một hình thức trượt duy nhất trên mỗi trang để nhanh chóng xử lý form liên hệ cùng trang web.

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

Bây giờ, chúng tôi sẽ giới thiệu với bạn từng bước để nhúng form liên hệ.

0 0 vote
Article Rating
1

Nhúng mẫu trượt

Nếu bạn muốn trình bày form liên hệ bên bạn theo cách bắt mắt ngay khi người dùng truy cập website bạn thì form liên hệ trượt sẽ đáp ứng nhu cầu từ bạn. Để thêm trình tạo form liên hệ web này vào website, chỉ cần thực hiện theo vài bước đưa ra dưới đây:

  • Đăng nhập bảng điều khiển rồi nhấp tùy chọn Nhúng Form ở form liên hệ mà bạn muốn nhúng.
  • Tiếp đó, bạn sẽ chuyển sang hình thức trang mã nhúng

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

  • Ở trong trang đó bạn sẽ nhận được bốn tùy chọn mã hình thức.
  • Nhấp vào tùy chọn đầu tiên, biểu mẫu nhúng .
  • Ở đó bạn sẽ tìm thấy vài tùy chọn như vị trí trượt, văn bản trình chiếu, màu nền, màu phông chữ,… rồi đặt chúng theo ý bạn.
  • Bây giờ sao chép mã nhúng

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

  • Mở trang chính website , ví dụ: index.php, main.php, v.v. tại trình chỉnh sửa. Tại trang đó, dán mã này vào giữa thẻ đầu (<head> mã mẫu </ head>) như được hiển thị bên dưới.

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

Lưu ý  : Muốn form liên hệ xuất hiện tại bất kỳ trang nào khác trên website của bạn, hãy làm theo bước tương tự như được hướng dẫn ở trên hoặc đặt mã tập lệnh form liên hệ trong phần đầu trang hoặc chân trang chung cho toàn bộ trang sẽ cùng xuất hiện ở form liên hệ.

Bạn sẽ thấy đầu ra của form liên hệ là:

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

2

Nhúng Full Form với thiết kế mẫu hoàn chỉnh, tiêu đề và chân trang

Để nhúng hình thức hoàn chỉnh cho website của bạn, nhấp vào Nhúng Full Form. Bạn sẽ nhận được mã iframe cho form liên hệ của mình như hình bên dưới. Sao chép mã cho Nhúng Form1  rồi sau đó dán mã vào mã website bạn.

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

Tìm vị trí phù hợp cho form liên hệ ở website bạn để nó trông giống Form liên hệ web tốt nhất từ góc độ người dùng.

  • Mở mã website ở trình soạn thảo. Tiếp đó chọn div đúng nơi bạn cần đặt form liên hệ

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

  • Tiếp đó dán mã rồi lưu tệp.

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

Giờ hãy mở website, bạn sẽ thấy đầu ra form liên hệ.

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

3

Nhúng Plain Form vào các trang và thanh bên của bạn.

Đối với phần này, phần đầu trang cùng chân trang dạng xem form liên hệ không có, đây là dạng đơn giản có khả năng được sử dụng để nhúng vào thanh bên, liên hệ với chúng tôi về trang trên website bạn. Nó sẽ đòi hỏi ít không gian hơn.

Để nhúng form liên hệ này, bạn phải theo dõi những bước tương tự như mô tả ở trên để xem form liên hệ đầy đủ. Ở đây chúng tôi đang nói với bạn theo cách ngắn gọn.

  • Sao chép mã từ Embed Form > Embed Full Form cho  Embed Form 2 Plain (không có đầu trang, chân trang).

cach-nhung-form-lien-he-cho-website-khong-phai-wordpress

  • Mở mã website bạn có tại trình soạn thảo rồi chọn đúng nơi cho form liên hệ.
  • Dán mã ở đó rồi lưu tệp. Bạn sẽ thấy đầu ra form liên hệ là:

Phần kết luận:

Bài viết này cho thấy, nhờ sự trợ giúp từ chúng tôi, việc xây dựng form liên hệ cũng rất thuận lợi được nhúng vào website không phải WordPress. Nếu bạn có thắc mắc nào, hãy liên hệ với chúng tôi bất cứ lúc nào.

Nguồn: Thiên Thời

BÀI VIẾT LIÊN QUAN

Hồ sơ năng lực công ty xây dựng gồm những gì và quy trình thiết kế

07/10/2020 bởi Nga Lam
Hồ sơ năng lực công ty xây dựng gồm những gì và quy trình thiết kế _Cũng như Logo hồ...

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...
BÀI VIẾT XEM NHIỀU
error: Content is protected !!