Cách thêm bản đồ vào biểu mẫu liên hệ WordPress CF7 của bạn

[ad_1]

Biểu mẫu liên hệ là cách nhanh chóng để người dùng liên lạc với bạn. Một số lợi ích của biểu mẫu liên hệ bao gồm những điều sau đây.

Giảm thư rác

Một trong những cách để giảm thư rác là sử dụng biểu mẫu liên hệ. Bạn sẽ không còn phải đặt địa chỉ email của mình ở đó nữa, điều này khiến mọi người khó gửi thư rác hơn.

Thu thập thông tin cụ thể

Biểu mẫu liên hệ cho phép bạn yêu cầu thông tin cụ thể hoặc kiểm soát thông tin người dùng cung cấp. Vì bạn có quyền tự do thêm hoặc xóa bất kỳ trường biểu mẫu nào bạn muốn, bạn có thể tạo các trường cụ thể cần thiết với một biểu mẫu liên hệ.

Thu thập dẫn

Mọi người thấy dễ dàng điền vào hình thức liên lạc trái ngược với gọi điện hoặc gửi email. Có một hình thức liên lạc là một cách hiệu quả để thu thập khách hàng tiềm năng và tăng tỷ lệ chuyển đổi. Ngay cả hình thức liên hệ đơn giản nhất cũng có thể dẫn đến sự gia tăng khách hàng tiềm năng. sản phẩm hoặc dịch vụ. Loại thông tin này có thể được sử dụng để đưa ra các quyết định tiếp thị hoặc cải tiến tốt hơn. doanh nghiệp định hướng. Hoặc bạn có thể sử dụng nó để nhận báo giá từ khách hàng.

Truyền thông

Một hình thức liên lạc cung cấp một cách dễ dàng để khách hàng liên lạc với bạn. Thay vì truy cập trang web của bạn để lấy email của bạn, bạn có thể đặt biểu mẫu vào một trang có thể truy cập, nơi người dùng sẽ dễ dàng liên hệ với bạn.

Plugins Form liên hệ cao cấp

plugin rất tuyệt vời khi bạn bắt đầu với WordPress, nhưng nếu bạn muốn lên cấp độ tiếp theo với các trang web của mình và tiết kiệm thời gian trong khi bạn làm điều đó, bạn nên xem xét một plugin hình thức liên hệ cao cấp từ CodeCanyon.

Chúng ta sẽ xây dựng cái gì

Hướng dẫn này sẽ chỉ cho bạn cách thêm Google Maps vào biểu mẫu liên hệ bằng cách sử dụng Biểu mẫu liên hệ 7 và tiện ích mở rộng Google Maps cho plugin CF7 WordPress. Đến cuối hướng dẫn, chúng ta sẽ có một cái gì đó như thế này:

 Biểu mẫu liên hệ đã hoàn thành với tiện ích mở rộng Google Maps "data-src =" https://cms-assets.tutsplus.com/uploads /users/1885/posts/34212/image/Webp.net-resizeimage%20(2).png"/>[19459010[[19459007[CF7Pluginchocáchìnhthứcliênhệmiễnphí</h2>
<p> Mẫu liên hệ 7 cung cấp một cách đơn giản và biểu mẫu liên hệ linh hoạt cho trang web WordPress của bạn. Bạn có thể tùy chỉnh thiết kế của biểu mẫu và định cấu hình nơi thông tin được gửi khi người dùng liên hệ với bạn. Mẫu liên hệ 7 rất phổ biến và do đó có hàng tấn tiện ích miễn phí và trả phí cung cấp các tính năng bổ sung như như tích hợp Dropbox, tích hợp bản đồ, v.v.  </p>
<p> Plugin đi kèm với các tính năng bổ sung như gửi AJAX, lọc thư rác Akismet, tải lên biểu mẫu và thậm chí khả năng thêm CAPTCHA vào biểu mẫu Ưu điểm đáng kể nhất của biểu mẫu này là nó miễn phí sử dụng.  </p>
<h3> Tại sao nên sử dụng Biểu mẫu liên hệ 7? [1 9459003] </h3>
<p> Nhiều plugin có thể giúp bạn tạo biểu mẫu liên hệ cho trang web WordPress của bạn; Mẫu liên hệ 7 là một trong những plugin đó. Vì nó linh hoạt và dễ sử dụng, Contact Form 7 được coi là lựa chọn hàng đầu khi chọn một hình thức liên hệ. </p>
<p> Plugin này cung cấp một cách đơn giản và không phức tạp để thiết lập, đặc biệt là nếu bạn không biết nhiều về mã hóa. </p>
<h3> Cài đặt Biểu mẫu liên hệ CF7 </h3>
<p> Cách nhanh nhất để cài đặt plugin biểu mẫu liên hệ CF7 là sử dụng tính năng tìm kiếm plugin từ bên trong WordPress. Truy cập <strong> Plugin> Thêm mới </strong> và tìm kiếm biểu mẫu liên hệ CF7 bằng thanh tìm kiếm. Nhấp vào nó và nhấp vào <strong> Cài đặt </strong>. Sau khi plugin đã được cài đặt, nhấp vào liên kết <strong> Kích hoạt </strong> để kích hoạt plugin. </p>
<h3> Tiện ích mở rộng Google Maps cho CF7 </h3>
<p> Tiện ích mở rộng Google Maps cho CF7 cung cấp một cách tuyệt vời để nâng cao hình thức của bạn bằng cách thêm một trường bản đồ vào nó. Điều này cho phép bạn có được vị trí của người dùng. Một số tính năng đáng chú ý của plugin này bao gồm: </p>
<ul>
<li> thu thập thông tin người dùng qua Google Maps </li>
<li> khách truy cập có thể thả điểm đánh dấu hoặc vẽ bất kỳ số lượng hình chữ nhật, hình tròn và đa giác trên bản đồ </li>
<li> tự động lấy tệp KML dựa trên vị trí của khách truy cập </li>
<li> tùy chỉnh Google Maps theo nhu cầu của bạn </li>
<li> bản đồ đáp ứng đầy đủ </li>
<li> chọn loại bản đồ, tức là Lộ trình, Vệ tinh, Lai hoặc Địa hình </li>
<li> tùy chỉnh các thuộc tính như màu sắc, hình dạng, độ dày, màu nét và độ mờ </li>
</ul>
<p> Mua và tải xuống Tiện ích mở rộng Google Maps cho CF7. Bạn có thể tìm thấy các tệp WordPress có thể cài đặt của mình trong phần tải xuống của tài khoản.  </p>
<p> Sau khi bạn tải xuống các tệp WordPress, hãy đăng nhập vào trang web WordPress của bạn và cài đặt plugin. Truy cập <strong> Plugin> Thêm mới </strong> và tải lên tệp zip WordPress bạn nhận được từ CodeCanyon. Sau khi tải lên, nhấp vào <strong> Cài đặt ngay </strong>đợi vài giây và sau đó nhấp vào <strong> Kích hoạt </strong>. Bây giờ bạn có thể bắt đầu sử dụng plugin. </p>
<p> Bản đồ Google hiện được tích hợp với biểu mẫu liên hệ, như được hiển thị bên dưới. </p>
<figure class=  Tích hợp Google Maps trong CF7 "data-src =" https: //cms-assets.tutsplus.com/uploads/users/1885/posts/34212/image/intergrated%20map.png"/>[19459010[[19459005[Configurations[19459006[[19459002THERđểthêmbảnđồvàoliênhệcủachúngtôidướidạngchúngtôicầntạoKhóaAPIGoogleMaps </p>
<p> Để có khóa API: </p>
<ul>
<li> Truy cập Google Cloud Console và đăng nhập bằng tài khoản Google của bạn. </li>
<li> Chọn hoặc tạo một dự án mới. </li>
<li> Điều hướng đến trang <strong> Thông tin xác thực </strong> và nhấp vào <strong> Tạo thông tin đăng nhập> Khóa API </strong>. </li>
<li> Sao chép và dán khóa vào trang web WordPress của bạn trong cài đặt CF7 Google maps. </li>
</ul>
<figure class=  Nhận khóa API Google Maps "data-src =" https://cms-assets.tutsplus.com/uploads/users/1885/posts/34212/image/create%20key.png "/> </figure>
<p> Tiện ích mở rộng Google Maps cho CF7 cung cấp nhiều cách khác nhau để bạn có thể định cấu hình bản đồ.  </p>
<ul>
<li> Người dùng có thể đánh dấu vị trí hiện tại của họ bằng cách sử dụng điểm đánh dấu hoặc tô sáng một khu vực. Họ cũng có thể vẽ đa giác, đa giác, hình tròn và hình chữ nhật. </li>
<li> Đầu vào vị trí của người dùng có thể được gửi trong email CF7 mặc định cùng với dữ liệu biểu mẫu khác. Xem dữ liệu vị trí trực tiếp trên Google Maps. </li>
<li> Tự động lấy dữ liệu đầu vào của người dùng như một tệp KML trong email và xem nó dễ dàng bằng trình xem tệp KML trực tuyến. </li>
<li> Bạn có thể thay đổi loại bản đồ, mức thu phóng và các thuộc tính bản đồ khác theo yêu cầu của bạn. Bạn cũng có thể tập trung vào vị trí người dùng. </li>
</ul>
<p> Chỉnh sửa phần còn lại của cài đặt, chẳng hạn như điểm đánh dấu, loại bản đồ và các thuộc tính khác từ trang cài đặt, như được hiển thị bên dưới và lưu các thay đổi. </p>
<figure class=  Bản đồ và điểm đánh dấu " data-src = "https://cms-assets.tutsplus.com/uploads/users/1885/posts/34212/image/markers.png" /> </figure>
<h2> Tạo biểu mẫu liên hệ bằng bản đồ </h2>
<p> Truy cập <strong> Liên hệ> Thêm mới </strong> từ menu Bảng điều khiển WordPress của bạn. Mẫu liên hệ 7 được định cấu hình sẵn với một mẫu sẵn sàng trông như thế này: </p>
<figure class=  Mẫu Liên hệ 7 mặc định "data-src =" https://cms-assets.tutsplus.com/uploads/users/1885/posts/34212/image/form.png "/> </figure>
<p> thêm trường bản đồ, nhấp vào nút <strong> Google Maps </strong> và bạn sẽ thấy một cửa sổ bật lên như thế này: </p>
<figure class=  Cửa sổ bật lên Google Maps "data-src =" https: // cms-nội dung .tutsplus.com / tải lên / người dùng / 1885 / bài đăng / 34212 / hình ảnh / map.png "/> </figure>
<p> Nhấp trên <strong> Chèn thẻ </strong> và bản đồ xuất hiện dưới dạng một trường trên biểu mẫu của bạn. Biểu mẫu của bạn bây giờ trông giống như thế này: </p>
<figure class=  Biểu mẫu liên hệ mặc định với bản đồ "data-src =" https://cms-assets.tutsplus.com/uploads/users/1885/posts /34212/image/form-map.png"/>[19459010[[19459005[Storage[19459006[[19459002[Govàotab<strong> Mail </strong> và dán <code class= [maps] trong thành phần email của bạn để nhận dữ liệu bản đồ trong email. Lưu tất cả các thay đổi. Mỗi biểu mẫu, một khi được tạo, sẽ tạo một mã ngắn duy nhất mà bạn sẽ sử dụng để nhúng nó vào một trang.

Nhúng Biểu mẫu liên hệ với bản đồ Tải lên trong một trang

Bước cuối cùng là nhúng biểu mẫu trên một trang hoặc bất kỳ nơi nào bạn muốn nó xuất hiện. Đi đến Trang> Thêm mới đặt tiêu đề cho trang, và dán mã ngắn vào phần thân của trang như hình bên dưới.

 Mẫu mã liên hệ đã hoàn thành "short-src =" https://cms-assets.tutsplus.com/uploads/users/ 1885 / bài viết / 34212 / hình ảnh / trang% 20 với% 20map.png "/> </figure>
<p> Biểu mẫu hoàn chỉnh với bản đồ sẽ trông như thế này: </p>
<figure class=  Biểu mẫu đã hoàn thành với bản đồ "data-src =" https://cms-assets.tutsplus.com/uploads /users/1885/posts/34212/image/locations.jpg"/>[19459010[[19459002[AsbạncóthểthấykháchtruycậpcóthểđặtđiểmđánhdấuvàovịtrícủahọhoặcsửdụngtínhnăngtìmkiếmđểtìmvịtrícủahọHọcũngcóthểvẽhìnhdạngvàphóngtovàthunhỏgiốngnhưtrênbảnđồbìnhthường</p>
<h2> Kết luận </h2>
<p> Biết vị trí của khách truy cập điền vào biểu mẫu WordPress của bạn có thể giúp bạn xác định ai sẽ đến trang web của bạn và thể hiện sự quan tâm. Thu thập thông tin vị trí có thể giúp bạn đưa ra quyết định tốt hơn về loại dịch vụ hoặc sản phẩm bạn cung cấp. </p>
</p></div>
</pre>
[ad_2]
<br /><a>Source link: webdesignernews </a></p>

	
	<div class=

Leave a Reply

Your email address will not be published. Required fields are marked *