5/5 - (1 vote)

Bài viết được cập nhật ngày 21/06/2024

Bạn đang muốn chèn 1 đoạn mã/code vào website WordPress nhưng bạn không biết chèn vào file nào? Bạn muốn cài mã code Google Analytics, Google Tag Manager, Facebook Pixel, nhưng bạn không biết chèn vào đâu? Đừng lo! Trong bài viết này, EZ Marketing sẽ Hướng dẫn bạn cách chèn mã code vào website WordPress sử dụng plugin WPCode!

Khi nào cần chèn mã code vào website?

Rất nhiều trường hợp bạn cần chèn mã code vào website, dưới đây là 1 số trường hợp phổ biến cần chèn mã code vào website:

Các trường hợp cần chèn mã code vào website

Các trường hợp cần chèn mã code vào website

  1. Cài mã các công cụ/ứng dụng khác vào website: Ví dụ như cài mã Google Analytics, Google Tag Manager, Facebook Pixel, Google Adsense…
  2. Thay đổi giao diện của website: ví dụ bạn muốn thêm 1 thẻ HTML vào đầu bài viết hoặc chèn banner quảng cáo vào phần đầu trang web…

Plugin WPCode chèn mã code vào những phần nào của website?

Plugin WPCode có thể giúp bạn chèn code vào bất kỳ phần nào trên website của bạn một cách dễ dàng.

Bạn có thể chèn các mã code vào trong:

  1. Chèn mã code vào trong thẻ <head>…mã code…</head>
  2. Chèn mã code vào sau thẻ mở <body>.
  3. Và chèn mã code vào trước thẻ đóng</body>.

Hướng dẫn chèn mã code vào website WordPress sử dụng plugin WPCode

Dưới đây là 4 bước để chèn mã code vào website WordPress sử dụng plugin WPCode:

Bước 1: Cài plugin WPCode

  1. Bạn vào Trang quản trị website(trang Admin) => Vào phần Plugins => Chọn Add New
  2. Trong phần “Keyword” nhập “WPCode” rồi Enter
  3. Nhấn Install Now. Cuối cùng, nhấn Activate như hình dưới

Bước 1: Cài plugin WPCode

Bước 1: Cài plugin WPCode

Bước 2: Chèn mã code vào website WordPress thông qua plugin WPCode

Sau khi cài và active Plugin WPCode thì bạn tiếp tục làm theo các bước sau đây để chèn code vào website WordPress nhé:

  1. Vào trang quản trị website(trang Admin) => Vào phần Code Snippets
  2. Chọn Header & Footer
  3. Chèn mã code bạn muốn chèn vào phần bạn muốn: phần thẻ Head(chèn mã code vào trong thẻ <head>…mã code…</head>), phần Body website(chèn mã code vào sau thẻ mở <body>), phần Footer website(chèn mã code vào trước thẻ đóng </body>).
Chèn mã code vào website WordPress thông qua plugin WPCode

Chèn mã code vào website WordPress thông qua plugin WPCode

Bước 3: Xóa cache

Nếu website của bạn sử dụng 1 plugin để tạo cache, hãy xóa cache của website để mã code xuất hiện trên website.

Bước 4: Kiểm tra xem chèn mã code thành công chưa

  • Bước 1: Sau khi xóa cache, bạn truy cập vào website của bạn. Sau đó nhấn tổ hợp phím Ctrl + U 
  • Bước 2: Search(Ctrl + F) đoạn code bạn vừa chèn vào phần Header, Body, Footer. Nếu bạn tìm thấy đã có đoạn code đó thì chứng tỏ bạn đã chèn code vào Body Website WordPress thành công.

Ví dụ: Tôi chèn đoạn mã sau vào phần body, nó sẽ xuất hiện trong phần sau thẻ <body>:

Tôi truy cập website và nhấn Ctrl +U, sau đó Ctrl + F để tìm đoạn mới chèn vào Body:

Nếu bạn thấy như trên là bạn đã chèn mã code vào website thành công!

Nếu bạn còn bất kỳ câu hỏi nào liên quan tới việc chèn mã code vào website WordPress, hãy để lại câu hỏi của bạn dưới phần bình luận của bài viết này hoặc chat trực tiếp với EZ Marketing, các chuyên gia lập trình của chúng tôi sẽ hỗ trợ bạn! Nếu thấy bài viết này hữu ích đối với bạn, hãy chia sẻ nó cho bạn bè và hội nhóm lập trình bạn đang tham gia!