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
cac-nha-thiet-ke-do-hoa-lam-gi

Các nhà thiết kế đồ họa làm gì?

16/02/2021 bởi admin
Thiết kế đồ họa là gì? Các hướng sáng tạo của thiết kế đồ họa là gì? Là nghệ thuật...

5 mẹo giúp bạn lập kế hoạch và truyền thông sự kiện hiệu quả

13/01/2021 bởi admin
Lập kế hoạch cho một sự kiện là một việc không đơn giản. Có nhiều thông tin chi tiết và...

Mẹo thiết kế giúp bao bì thực phẩm của bạn luôn nổi trội và thu hút

13/01/2021 bởi admin
Là 1 nhà sản xuất thực phẩm ngoài việc chú trọng vào chất lượng thực phẩm thì việc thiết kế...

8 công cụ chỉnh sửa ảnh Instagram tốt nhất

13/01/2021 bởi admin
Bạn đã biết cách chỉnh sửa ảnh Instagram trong chính ứng dụng, bạn đã sẵn sàng cho cấp độ chỉnh...

Cách tối ưu hóa video cho các kênh truyền thông xã hội khác nhau

11/01/2021 bởi admin
Tiếp thị qua video đang là một xu thế rất lớn hiện nay. Mọi người xem > 100 triệu giờ...
thiet-ke-do-hoa-thong-tin

Thiết kế đồ họa thông tin: cách sử dụng để thúc đẩy traffic

10/01/2021 bởi admin
Infographic là gì? Wikipedia định nghĩa đồ họa thông tin là một biểu thị trực quan của dữ liệu nhằm trình bày...
BÀI VIẾT XEM NHIỀU
error: Content is protected !!