logo-alantien
banner-header

Tạo nút gọi điện thoại đẹp đơn giản với Plugin Call Now Animate

Tác giả: Alan Tiến

Hôm nay mình sẽ hướng dẫn các bạn tạo nút gọi điện trên website wordpress một cách dễ dàng nhất có thể. Những bạn nào không thêm nút call cho website có thể liên hệ với mình để hoàn thiện hơn nha. Mọi thông tin bạn có thể gửi vào email: alantien99@gmail.com (Mình phản hồi cực nhanh ^^).

call-now-button-wordpress

Thêm nút call cho website wordpress

Bài viết này mình chủ yếu hướng dẫn các bạn nào đang sử dụng mã nguồn wordpress. Còn những bạn nào đang xài mã nguồn khác có thể xem bài viết dưới đây của mình.

Cách tạo hotline chuyển động đẹp mắt bằng CSS 3

Trước hết để tạo được nút gọi đẹp trong wordpress các bạn cần tải plugin sau:Plugin Call Now Animate. Đây là plugin do chính tay mình code dựa trên những kiến thức mình đã chia sẽ ở series học wordpress căn bản.

Với plugin này bạn dễ dàng tùy chỉnh vị trí, cũng như màu sắc cho button gọi của mình.

Hướng dẫn cài đặt plugin:

Cách 1: Các bạn có thể vào plugin để tìm kiếm plugin Call Now Icon Animate sau đó cài đặt và kích hoạt nó lên.

Cách 2: Bạn vào link sau https://wordpress.org/plugins/call-now-icon-animate/ và tải plugin về. Sau đó cho vào thư mục plugin vs đường dẫn wp-content/plugin/ và giải nén ra. Sau đó vào phần plugin kích hoạt lên sử dụng.

Cách cấu hình cơ bản plugin gọi cho wordpress:

Sau khi cài đặt và kích hoạt thì các bạn vào: SETTINGS -> CALL NOW ICON ANIMATE.

huong-dan-tao-button-goi-cho-wordpress

Ở đây các bạn nhập chọn vào ENABLED để hiện thị nút gọi ngoài website. Sau đó bạn nhập số điện thoại của mình vào thế là xong.

Cấu hình nâng cao cho plugin gọi wordpress:

Nhằm hổ trợ cho nhiều bạn cần hiện thị nút gọi của mình với nhiều vị trí khác nhau trên website. Cũng như thay đổi màu sắc bắt mắt hơn, mình có tạo phần cài đặt nâng cao.

Các bạn bấm vào Advanced settings sẽ xuất hiện ảnh như hình dưới.

button-goi-ngay-cho-dien-thoai

 

Nhìn hình thì các bạn cũng đã biết được cách chỉnh sửa nút call cho wordpress của mình rồi đúng k?

Màu sắc (icon color): Các bạn chọn màu mình muốn để hiện thị ra ngoài website.

Màu hiệu ứng ( icon color hover): Màu này sẽ xuất hiện khi bạn trỏ hoặc bấm chuột vào icon nhé.

Vị trí (Appearance): Hiện tại mình hỗ trợ các bạn 2 ví trí là bên dưới trái và phải.

Sau cùng là các bạn save changes để lưu lại.

Với plugin tạo nút gọi trên website này có thể giúp bạn tương tác tốt hơn với khách hàng. Sắp tới mình sẽ phát triển thêm tính năng cho plugin này, các bạn ủng hộ mình nha. Mọi câu hỏi có thể gửi về email của mình hoặc gửi bình luận ở dưới nhé.

 

Tạo nút gọi điện thoại đẹp đơn giản với Plugin Call Now Animate
3.5 (70%) 4 votes

Bạn có thể tìm thấy bài viết Tạo nút gọi điện thoại đẹp đơn giản với Plugin Call Now Animate với các từ khóa sau:

like

Gửi bình luận

  • Dịch Vụ

    Khóa Học Viết Bài Chuẩn SEO Tại Nhà TPHCM

    Viết 5 bài chuẩn seo với hơn 1000 từ trong một...

    Khóa học thiết kế website WordPress tại nhà

    Khóa học thiết kế website WordPress tại nhà dành cho những...

    Thiết kế website wordpress giá rẻ: dịch vụ chuyên nghiệp – chuẩn #1

    Bạn đang muốn tìm dịch vụ thiết kế website wordpress giá...

  • Tự học wordpress

    Tạo nút gọi điện thoại đẹp đơn giản với Plugin Call Now Animate

    Hôm nay mình sẽ hướng dẫn các bạn tạo nút gọi...

    Cài đặt wordpress trên xampp bảo mật nhất

    Cài đặt wordpress trên xampp rất đơn giản những hôm nay...

    Hướng dẫn tạo form liên hệ với Contact Form 7 đơn giản

    Với form liên hệ đẹp sẽ giúp website của bạn trở...

    Plugin kk star ratings tạo đánh giá 5 sao trên kết quả tìm kiếm google

    Chắc nhiều bạn thắc mắc tại sao website của người khác...

    Sửa lỗi Briefly Unavailable for Scheduled Maintenance trên WordPress

    Hiện nay rất nhiều bạn đang gặp lỗi “Briefly Unavailable for...

  • Học HTML Căn Bản

    Tag basefont là gì | thẻ basefont trong html

    Tag basefont là gì Tag basefont là một thẻ html căn...

    Tag base là gì | Thẻ Base và thuộc tính target trong html

    Tag base là gì Tag Base là một thẻ html được...

    Thẻ định dạng font chữ và văn bản trong html 5

    Trong bài này mình sẽ tổng hợp các thẻ định dạng font...

    Tag audio là gì | Thẻ audio chèn âm thanh trong html 5

    Tag audio là gì Tag audio là một tag đặc biệt...

    Tag aside là gì | Ý nghĩa và cách sử dụng thẻ aside trong html 5

    Thẻ tag aside là gì? Tag aside là một thẻ tag...

    Tag article là gì | Cách sử dụng thẻ article trong html 5

    Tag article là gì Tag article là một thẻ mới trong html 5...

    Tag area là gì | Cách sử dụng thẻ Area trong html

    Tag area là gì Tag area là một thẻ html xác...

    Tag Address là gì | Cách sử dụng thẻ Address trong HTML

    Tag Address là gì Tag Address là một thẻ html được...

    Tag acronym là gì | cách sử dụng tag acronym trong html

    Tag Acronym là gì Tag Acronym là một tag html được...

  • Key đang SEO Top