Cách thêm nút gọi hành động trong WordPress (không có mã)

Bạn muốn thêm các nút kêu gọi hành động vào các bài đăng hoặc trang WordPress của bạn?

Các nút là một cách tuyệt vời để tăng chuyển đổi. Chúng rất đáng chú ý, khiến chúng trở nên tuyệt vời để chuyển hướng sự chú ý của người dùng đến một tương tác mong muốn.

Ví dụ: bạn có thể sử dụng nút kêu gọi hành động để điều hướng người dùng đến trang giao dịch như trang định giá, trang sản phẩm, trang dịch vụ và hơn thế nữa trên trang web của bạn.

Bạn cũng có thể sử dụng các nút kêu gọi hành động để quảng cáo các ưu đãi đặc biệt, sản phẩm mới hoặc liên kết liên kết trỏ đến các trang web được liên kết.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm các nút kêu gọi hành động đẹp mắt trong WordPress mà không cần viết bất kỳ mã nào.

Thêm các nút trong WordPress từng bước

Ghi chú: Bài viết này là để thêm các nút gọi hành động tùy chỉnh trong WordPress. Nếu bạn muốn thêm các nút để chia sẻ trên các mạng xã hội, hãy xem hướng dẫn của chúng tôi về cách thêm các nút để chia sẻ trên các mạng xã hội trong WordPress.

Thêm nút trên bài đăng và trang WordPress (từng bước)

WordPress giúp dễ dàng thêm các nút với khối “nút” tích hợp.

Đây là một tính năng mới được giới thiệu trong WordPress 5.0, cùng với trình chỉnh sửa khối Gutenberg WordPress mới.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn ba cách khác nhau để thêm các nút gọi hành động trên các bài đăng và trang blog của WordPress. Bạn có thể chọn giải pháp phù hợp nhất với nhu cầu của bạn.

Hãy sử dụng mục lục bên dưới để dễ dàng điều hướng bài viết này.

Mục lục:

  1. Thêm nút trên bài đăng / trang WordPress bằng trình chỉnh sửa mặc định
  2. Tạo nút WordPress trong Trình chỉnh sửa cổ điển
  3. Thêm một nút bấm để gọi trong WordPress

Video hướng dẫn

Đăng ký WPBeginner

Nếu bạn không thích video hoặc cần thêm hướng dẫn, hãy đọc tiếp.

Thêm nút trên bài đăng / trang WordPress bằng trình chỉnh sửa mặc định

Phương pháp này dễ dàng hơn và được khuyến nghị cho hầu hết người dùng. Sử dụng khối nút được tích hợp trong trình chỉnh sửa WordPress mới. Nếu bạn vẫn đang sử dụng trình chỉnh sửa cổ điển cũ hơn, bạn có thể bỏ qua phần tiếp theo.

Trước tiên, bạn phải tạo một bài đăng mới hoặc chỉnh sửa một bài đăng hiện có nơi bạn muốn thêm một nút.

Trên màn hình chỉnh sửa bài đăng, nhấp vào biểu tượng của + + để thêm một khối mới và chọn khối nút trong phần Yếu tố thiết kế.

Thêm khối nút trong Trình chỉnh sửa khối WordPress

Tiếp theo, bạn sẽ có thể thấy khối nút được thêm vào trình chỉnh sửa nội dung

Khối nút được thêm vào trình chỉnh sửa bài đăng WordPress

Chỉ cần nhấp vào khu vực “Thêm văn bản …” và nhập văn bản nút.

Sau đó, bạn nên dán URL của trang bạn muốn liên kết vào trường “Dán URL hoặc nhập để tìm kiếm” bên dưới nút.

Sau khi hoàn thành, nhấp vào biểu tượng Áp dụng.

Nhập văn bản nút và liên kết trong WordPress

Nếu bạn muốn hiển thị nút ở giữa, bạn có thể nhấp vào biểu tượng Align to Center trên thanh công cụ khối ở trên.

Căn chỉnh nút của bạn trong WordPress Block Editor

Sau đó, bạn có thể tùy chỉnh kiểu nút của mình, thay đổi màu nền và thay đổi màu văn bản từ bảng cài đặt khối ở bên phải.

Chọn kiểu nút trong cài đặt khối WordPress

Có ba kiểu nút bạn có thể chọn: mặc định, phác thảo và hình vuông. Bạn có thể kiểm tra từng cái bằng cách nhấp vào chúng và chọn cái nào trông đẹp nhất.

Phần Cài đặt màu bao gồm năm biến thể màu cho cả nền nút và văn bản nút. Không chỉ vậy, mà bạn còn có thể sử dụng màu tùy chỉnh theo lựa chọn của mình bằng cách nhấp vào tùy chọn Màu tùy chỉnh.

Chọn màu tùy chỉnh của nút WordPress của bạn

Khi bạn hài lòng với cách bố trí nút, bạn có thể lưu bài đăng hoặc bài đăng của mình để xem bản xem trước trực tiếp.

Đây là những gì nó trông giống như trên trang web demo của chúng tôi.

Xem trước nút WordPress

Anh chị em họ: Nếu bạn muốn xem các nút của bạn hoạt động tốt như thế nào, thì bạn nên sử dụng MonsterInsights. Nó có tính năng theo dõi sự kiện tích hợp cho các liên kết liên kết, liên kết ngoài và các sự kiện tùy chỉnh, do đó bạn có thể thấy các nút của mình hoạt động tốt như thế nào. Để biết thêm chi tiết, hãy xem các số liệu tiếp thị quan trọng để theo dõi trên WordPress.

Tạo nút WordPress trong Trình chỉnh sửa cổ điển

Mặc dù trình chỉnh sửa khối Gutenberg nhanh hơn và dễ dàng hơn, nhiều người dùng vẫn thích trình chỉnh sửa WordPress cổ điển cũ. Nếu bạn là một trong số họ, thì bạn cần tìm một giải pháp thay thế để thêm các nút trên trang web WordPress của mình.

Có ba tùy chọn chủ yếu để thêm các nút trong Trình chỉnh sửa WordPress cổ điển.

  1. Thêm nút trong WordPress với mã HTML / CSS.
  2. Thêm nút trong WordPress với plugin shortcode nút WordPress.
  3. Thêm nút trong WordPress mà không cần sử dụng shortcodes.

Trong ba tùy chọn, đầu tiên là phương pháp mã hóa. Bạn sẽ cần phải viết mã HTML / CSS và thêm nó vào trang web của bạn, nơi bạn cần một nút. Nó không phải là người mới bắt đầu thân thiện.

Tùy chọn thứ hai là phương pháp được sử dụng rộng rãi nhất. Điều này là do hầu hết các plugin nút WordPress cung cấp mã ngắn để thêm nút.

Tùy chọn thứ ba là tốt nhất vì nó cho phép bạn dễ dàng thêm các nút vào bài đăng và trang của mình mà không cần phải nhớ shortcode.

Chúng ta hãy xem làm thế nào để thêm các nút trong WordPress mà không cần sử dụng mã ngắn.

Điều đầu tiên cần làm là cài đặt và kích hoạt plugin Quên các nút mã ngắn. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Khi bạn đã kích hoạt plugin, hãy tạo một bài đăng mới hoặc chỉnh sửa một bài hiện có. Trong trình chỉnh sửa, bạn sẽ thấy một nút mới trong Trình chỉnh sửa trực quan có tên là Nút chèn.

Chèn biểu tượng nút trong trình chỉnh sửa WordPress cổ điển

Để chèn một nút mới vào bài đăng của bạn, bạn cần nhấp vào nút Chèn. Một cửa sổ bật lên sẽ xuất hiện nơi bạn có thể thiết kế nút mới của mình.

Nhập văn bản nút và URL trong Trình chỉnh sửa cổ điển

Đầu tiên, bạn cần thêm văn bản nút và URL. Khi bạn thêm văn bản nút của mình, bạn có thể thấy bản xem trước trực tiếp trong hộp bên dưới.

Sau đó, bạn có thể thêm thẻ nofollow vào liên kết của mình và mở liên kết trong tab mới bằng cách nhấp vào các tùy chọn trong hộp kiểm bên dưới.

Sau đó, bạn có thể chọn một biểu tượng cho nút của mình. Bằng cách nhấp vào tab Biểu tượng, bạn có thể thấy các biểu tượng mà bạn có thể thêm trước hoặc sau văn bản trên các nút của mình.

Thêm biểu tượng vào nút của bạn trong Classic Editor

Các biểu tượng này thực sự là phông chữ biểu tượng (tìm hiểu cách sử dụng phông chữ biểu tượng trong trình chỉnh sửa bài đăng WordPress).

Sau đó, bạn có thể chọn màu văn bản và màu nền cho nút của mình bằng cách nhấp vào biểu tượng trong hộp Màu.

Thay đổi màu nền nút trong WordPress Classic Editor

Sau đó, nhấp vào menu thả xuống để chọn kiểu nút. Có tám kiểu nút khác nhau đã sẵn sàng để đi.

Chọn kiểu nút trong trình chỉnh sửa WordPress cổ điển

Tương tự, bạn cũng có thể chọn kích thước nút từ cực nhỏ đến cực lớn.

Một khi bạn hài lòng với giao diện, chỉ cần nhấp vào nút Làm mới.

Bạn sẽ thấy nút của mình như nó sẽ xuất hiện trong bài viết của bạn, ngay bên trong trình chỉnh sửa bài đăng.

Bạn cũng có thể đặt căn chỉnh các nút chỉ bằng cách chọn văn bản nút và sử dụng các nút trên thanh công cụ trong trình chỉnh sửa cổ điển.

Trung tâm Căn chỉnh nút của bạn trong Trình chỉnh sửa Cổ điển

Nhấp đúp vào nút sẽ hiển thị cửa sổ bật lên Nút chèn và bạn có thể chỉnh sửa lại nút nếu muốn.

Một khi bạn hài lòng với thiết kế của mình, bạn có thể đăng hoặc cập nhật bài đăng của mình và xem nó hoạt động. Đây là cách nút tưởng tượng xuất hiện trên trang web demo WordPress của chúng tôi.

Nút xem trước: trình chỉnh sửa cổ điển tích hợp

Thêm một nút bấm để gọi trong WordPress

Ngoài các nút kêu gọi hành động thông thường, bạn cũng có thể thêm các nút nhấp để gọi trên trang web của mình để tăng khách hàng tiềm năng và chuyển đổi.

Nút bấm để gọi là một loại nút gọi hành động cụ thể cho phép người dùng thực hiện cuộc gọi điện thoại đến nhóm của họ chỉ bằng một cú chạm.

Sử dụng các nút gọi, khách truy cập vào trang web của bạn có thể trực tiếp nói chuyện với nhóm của họ và nhận thông tin họ cần. Cho dù bạn đang tranh luận về yêu cầu báo giá, thông tin bán trước hoặc vấn đề hỗ trợ, các cuộc gọi điện thoại đều nhanh chóng.

Khi số lượng người dùng điện thoại thông minh tăng lên, việc thêm các nút gọi ngày nay thậm chí còn phù hợp hơn.

Nếu bạn không có điện thoại của công ty, thì bạn có thể muốn xem xét nhận số điện thoại của công ty ảo.

Như đã nói, chúng ta hãy xem cách thêm các nút bấm để gọi trong WordPress từng bước.

Điều đầu tiên bạn nên làm là cài đặt và kích hoạt plugin Nút gọi WP. Để được hướng dẫn chi tiết, bạn có thể xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, bạn phải truy cập Cài đặt »Nút gọi WP trang để định cấu hình cài đặt plugin và thiết kế nút bấm để gọi.

Đã sửa lỗi thiết lập nút gọi trong WordPress

Lúc đầu, bạn sẽ thấy các cài đặt nút gọi cố định. Nút gọi cố định là một chức năng chuyển đổi được tối ưu hóa để di chuyển nút gọi cùng với người dùng khi họ điều hướng trang web của bạn.

Bạn có thể bắt đầu bằng cách kích hoạt trạng thái nút Gọi ngay. Chỉ cần nhấp vào công tắc bật tắt để kích hoạt đó.

Sau đó, bạn phải nhập số điện thoại của bạn. Nút gọi WP có trường số điện thoại thông minh với mã quốc gia của bạn. Chỉ cần chọn quốc gia của bạn và nhập số điện thoại của công ty bạn.

Nếu bạn không có số doanh nghiệp, bạn có thể lấy số từ Nextiva. Đây là một nhà cung cấp VoIP kinh doanh đáng tin cậy.

Sau đó, bạn có thể chỉnh sửa văn bản nút gọi, chọn vị trí và màu của nút gọi.

Ngoài ra, bạn có thể chọn nơi hiển thị nút gọi điện thoại cố định trên trang web của mình. Theo mặc định, nó sẽ hiển thị nút gọi trên tất cả các trang và trên tất cả các thiết bị. Bạn có thể chọn hiển thị hoặc ẩn nút trên một số trang nhất định và chỉ hiển thị trên thiết bị di động.

Khi bạn xem lại tất cả các tùy chọn, bạn có thể nhấp vào nút Lưu thay đổi ở phía dưới. Sau đó, bạn có thể truy cập trang web của họ và xem nút gọi ngay bây giờ.

Nút bấm để gọi WordPress

Ngoài các nút gọi cố định, bạn cũng có thể thêm các nút gọi tĩnh trên các trang, bài đăng của mình và barras Bên WordPress sử dụng plugin này.

Nếu bạn đang sử dụng trình chỉnh sửa khối WordPress mới, bạn có thể dễ dàng thêm nút Gọi ngay trên các trang của mình bằng cách sử dụng khối Nút gọi WP.

Tạo một trang mới hoặc chỉnh sửa một trang hiện có và thêm khối nút gọi WP trong trình chỉnh sửa trang của bạn.

Thêm khối nút gọi WP trong WordPress

Sau đó, bạn có thể tùy chỉnh văn bản nút, màu nút, màu văn bản, cỡ chữ và hiển thị hoặc ẩn biểu tượng điện thoại.

Tùy chỉnh nút gọi trong trình chỉnh sửa trang WordPress

Một khi bạn hài lòng với thiết kế của mình, bạn có thể đăng hoặc cập nhật trang của mình.

Nếu bạn đang sử dụng trình chỉnh sửa WordPress cổ điển, bạn nên sử dụng trình tạo nút gọi tĩnh để nhận mã ngắn. Đi Cài đặt »Nút gọi WP và nhấp vào menu nút gọi tĩnh ở trên cùng.

Các nút gọi tĩnh trong cài đặt WordPress

Chỉ cần tùy chỉnh các tùy chọn nút và sau đó sao chép shortcode. Sau đó, bạn có thể sử dụng shortcode trên bất kỳ bài đăng hoặc trang nào trên trang web của bạn.

Plugin WP Call Button cũng cho phép bạn thêm nút gọi trong thanh bên WordPress và các khu vực sẵn sàng cho widget khác.

Chỉ cần đi đến Ngoại hình »Widegts và kéo tiện ích Nút Gọi WP đến khu vực sẵn sàng tiện ích nơi bạn muốn hiển thị nút gọi.

Tiện ích thanh bên nút gọi WordPress

Bây giờ bạn có thể thêm tiêu đề, mô tả và tùy chỉnh nút gọi từ phần Cài đặt nâng cao. Sau khi hoàn thành, lưu widget của bạn.

Đó là! Để có hướng dẫn chi tiết hơn, bạn có thể xem hướng dẫn từng bước của chúng tôi về cách thêm nút nhấp để gọi trong WordPress.

Mẹo bổ sung để thêm các nút tùy chỉnh trong WordPress

Nếu bạn muốn thêm các nút kêu gọi hành động tùy chỉnh hoàn toàn trong WordPress, có lẽ bạn đang tìm kiếm một giải pháp cũng cho phép bạn thêm các phần tùy chỉnh, cũng như các nút tùy chỉnh trong tiêu đề, menu và các khu vực khác trên trang web của bạn.

Trong trường hợp đó, chúng tôi khuyên bạn nên sử dụng plugin xây dựng trang kéo và thả WordPress như Beaver Builder hoặc Divi.

Những người xây dựng trang này sẽ giúp bạn tạo các trang đích tùy chỉnh với các nút kêu gọi hành động thanh lịch chính xác theo cách bạn muốn.

Dù bạn làm gì, điều quan trọng là bạn phải theo dõi hiệu suất của nút vì đoán không phải là chiến lược tăng trưởng kinh doanh tốt nhất.

Chúng tôi khuyên bạn nên sử dụng MonsterInsights. Nó có tính năng theo dõi sự kiện tích hợp cho các liên kết liên kết, liên kết ngoài và các sự kiện tùy chỉnh, do đó bạn có thể thấy các nút của mình hoạt động tốt như thế nào. Để biết thêm chi tiết, hãy xem các số liệu tiếp thị quan trọng để theo dõi trên WordPress.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách dễ dàng thêm các nút trong WordPress. Bạn cũng có thể muốn xem danh sách các plugin WordPress tốt nhất của chúng tôi và các dịch vụ tiếp thị email tốt nhất cho các doanh nghiệp nhỏ.

Nếu bạn thích bài viết này, đăng ký kênh của chúng tôi YouTube để xem video hướng dẫn WordPress. Bạn cũng có thể tìm thấy chúng tôi tại Twitter và Facebook.