Hướng dẫn tạo nút gọi điện thoại ngay trên website

Hướng dẫn tạo nút gọi điện thoại trực tiếp trên website

Việc tạo nút bấm để gọi điện thoại trực tiếp có thể được thực hiện thông qua một đoạn code html và css với thẻ Tel, bài viết này sẽ hướng dẫn các bạn dễ dàng tạo nút gọi điện thoại trên website Web+.
Web+ cho phép bạn tạo ra nút gọi điện thoại trực tiếp trên website, bạn có đặt nút gọi điện thoại này ở trên giao diện điện thoại, trên giao diện máy tính, trong tất cả các trang web hay chỉ trong một số trang web nhất định hoàn toàn do bạn tự quyết định.
Vì việc chèn code html, css vào máy tính có thể gây ra xung đột làm ảnh hưởng tới giao diện hiện có của bạn, vui lòng xem hướng dẫn để back up lại toàn bộ giao diện hiện có để khôi phục khi cần thiết.

Hướng dẫn sao lưu và khôi phục giao diện website Web+

Web+ cung cấp chức năng sao lưu lại toàn bộ giao diện của website hiện có và khôi phục lại nó khi cần, trước khi bạn muốn thay đổi mẫu giao diện website, hay thực hiện thay đổi nội dung website hay điều chỉnh bố cục của website, hãy kiểm tra và chắc chắn rằng bạn đang lưu lại giao diện website của bạn ở thời điểm hiện tại để có thể khôi phục lại bất cứ lúc nào.
Để có thể back up và khôi phục giao diện bạn hãy truy cập quản trị website, lựa chọn menu Cài đặt chung - sao lưu giao diện cấu hình.
Back up giao dien website
Để sao lưu hay khôi phục giao diện rất đơn giản bạn hãy chọn Menu sao lưu giao diện cấu hình 
Trong màn hình chức năng back up giao diện, bạn sẽ nhìn thấy danh sách tên các giao diện mà bạn đã back up thành công, nên đặt tên này theo kiểu giao diện, theo thời gian back up để dễ dàng gợi nhớ ra kiểu giao diện và thời gian mà bạn sử dụng.
Bạn có thể tạo ra các loại giao diện khác nhau như giao diện bán hàng mùng 8-3, giao diện ngày mua sắm độc thân, giao diện NOEN hay giao diện tết để đặt tên cho bản back up giao diện của mình  như vậy mỗi khi cần xử dụng lại bạn chỉ cần chọn dòng khôi phục cấu hình lay out của đúng dòng lưu giao diện tương ứng để có thể back up lại giao diện đó.
Tên file back up giao diện cũng có thể được lưu theo ngày giờ để gợi nhớ thời điểm mà bạn đã back up giao diện đó.
 
Khoi phuc giao diện đã back up
Tạo bản sao lưu và back up giao diện dễ dàng với Web+

Để sao lưu một giao diện trước hết hãy đặt một tên cho giao diện và mình bạn cần sao lưu bằng cách nhập vào ô trống bên tay trái, Sau đó bạn chọn nút Tạo bản ghi sao lưu giao diện bên tay trái.
Bạn kiên nhẫn chờ vài giây, sau đó tên giao diện bạn vừa nhập sẽ xuất hiện ở ngay danh sách phía trên sau khi bạn back up thành công. Bạn có thể khôi phục giao diện này hay xóa những giao diện trên mỗi hàng bằng nút khôi phục cấu hình lay out hay nút xóa tập tin ở từng dòng (mỗi dòng là một giao diện đã được back up).

Tạo nút gọi điện thoại cho website

Như đã đề cập ở trên nút gọi điện thoại trên website bản chất là một đoạn Html và CSS có chứa thẻ Tel để hỗ trợ gọi điện thoại, chúng tôi sẽ cung cấp cho các bạn một đoạn CSS vói cấu hình giống như một website của khách hàng đang sử dụng hệ thống website web+, Click vào đây để copy đoạn CSS chứa chức năng nút gọi điện thoại trên website.
nút gọi diện thoại trên website
Sau khi click vào link hãy copy toàn bộ đoạn CSS dưới đây để chèn vào website của bạn

Trước khi chèn vào website của bạn hãy tìm thẻ "tel" xem hình minh họa và thay thế số điện thoại của bạn, bạn cũng có thể điều chỉnh vị trí đặt hay màu sắc của nút gọi điện thoại v.v nếu bạn có kiến thức nhất định về html và CSS.

Chèn nút gọi điện thoại vào website giao diện mobile

Để chèn nút gọi điện thoại trực tiếp trên website vào giao diện mobile, trong phần quản trị website bạn chọn Menu giao diện - Quản lý mâu giao diện sau đó chuyển sang làm việc tại Tab Tablet & Mobile (xem hình minh họa)
 
Thêm nút gọi điện thoại trực tiếp trên mobile
Chèn vào giao diện mobile nút gọi điện thoại trực tiếp trên website
Di chuyển xuống phía dưới trong phần thông tin cuối trang, bạn có thể chỉnh sửa nội dung thông tin cuối trang cho giao diện website của bạn tại đây, để có thể chèn nút gọi điện thoại trực tiếp trên web vào phần này.
 
chèn nút gọi điện thoại trực tiếp vào giao diện mobile trên web
Chèn nút gọi điện thoại trên giao diện mobile bằng CSS
Phần Foooter bên dưới là nơi bạn có thể chèn trực nút gọi điện thoại vào website, bằng cách chuyển chế độ soạn thảo sang html sau đó chèn đoạn code mà bạn đã copy được ở trên lên trên hoặc xuống dưới của nội dung hiện có. (xem hình minh họa)
Bạn đặc biệt lưu ý không chèn đoạn code nút điện thoại trên web vào giữa những nội dung hiện có,
sẽ gây vỡ cấu trúc của website, như vậy bạn sẽ phải khôi phục lại giao diện mà bạn đã back up và làm lại từ đầu.
Sau khi bạn lưu thay đổi trên giao diện mobile của bạn sẽ xuát hiện nút gọi điện thoại trực tiếp trên màn hình.

Chèn nút gọi điện thoại vào giao diện máy tính 

Thông thường việc chèn nút gọi điện thoại vào giao diện máy tính không có tác dụng vì khách hàng sẽ không thể gọi trực tiếp điện thoại trên máy tính, tuy nhiên nếu bạn muốn có hình điện thoại bắt mắt trên giao diện máy tính bạn cũng có thể thực hiện điều này.
 
tạo nút gọi điện thoại trực tiếp trên website
Tạo nút gọi điện thoại trực tiếp trên website giao diện Desktop
Trong phần quản trị website chọn mục Cài đạt chung - Cài đặt các trang nội dung, sau đó chuyển sang tab thông tin cuối trang và chế độ soạn thảo html (xem hình minh họa)
Chèn nội dung đoạn code mà bạn tạo được ở phần trên lên trên hoặc xuống dưới nội dung hiện có và chọn lưu.

Viết bình luận

Yêu cầu tư vấn

  • Bạn chỉ cần gửi thông tin yêu cầu, chúng tôi sẽ liên lạc ngay để tư vấn với bạn. Dịch vụ này hoàn toàn miễn phí.
Google+