Skip to main content
On this page

Hướng dẫn Cấu hình Banner Kêu gọi Hành động (CTA Banner) Toàn site

Banner CTA toàn site là một khối giao diện lớn nằm ở khu vực chân trang (trên Footer). Đây là công cụ đắc lực giúp bạn gia tăng tỷ lệ chuyển đổi, thu hút độc giả đăng ký bản tin, tham gia cộng đồng hoặc truy cập vào trang bán khóa học/sản phẩm nổi bật.

Theme TanaFlows cho phép bạn cấu hình đường dẫn và tùy biến toàn bộ nội dung hiển thị của Banner này trực tiếp từ Ghost Admin.

Bước 1: Cấu hình Đường dẫn đích (Link của Nút bấm)

Khi độc giả bấm vào nút kêu gọi hành động trên Banner, họ sẽ được chuyển hướng tới trang web bạn mong muốn. Để cài đặt đường dẫn này:

  1. Vào Ghost Admin > Settings > Design > Custom Settings (hoặc Custom Brand).
  2. Tìm trường cấu hình CTA Banner (hoặc cta_banner).
  3. Nhập đường dẫn trang bạn muốn dẫn độc giả tới.
    • Ví dụ: https://tanaflows.com/challenge-30-days/
  4. Bấm Save (Lưu).

Bước 2: Tùy biến Nội dung hiển thị (Tiêu đề, Mô tả, Nút bấm)

Bạn có thể tùy biến các dòng chữ hiển thị trên Banner một cách linh hoạt bằng tính năng Code Injection của Ghost.

  1. Vào Ghost Admin > Settings > Code Injection.

  2. Tại ô Site Header, dán đoạn mã cấu hình dưới đây:

    <!-- CTA Banner Configuration -->
    <script>
        window.ctaConfig = {
           title: "Trị bệnh Lưu nháp & Bí chữ",
           desc: "✨ Vào Thử Thách 30 Ngày để nhận (Miễn phí) Mẫu Tana Bộ não số Vườn ươm. Hệ thống tự động gỡ ý tưởng, ép bạn ra bài đều đặn mỗi ngày.",
           btn: "XEM HƯỚNG DẪN & NHẬN MẪU"
        };
    </script>

  3. Chỉnh sửa lại nội dung trong các dấu ngoặc kép ("...") theo ý muốn của bạn:

    • title: Tiêu đề lớn của Banner (In đậm nổi bật).
    • desc: Đoạn mô tả chi tiết thuyết phục người dùng hành động (Hỗ trợ chèn icon emoji để thêm phần bắt mắt).
    • btn: Dòng chữ hiển thị trên Nút bấm (CTA Button).

  4. Bấm Save (Lưu) và tải lại trang web để tận hưởng thành quả.

Các lưu ý quan trọng

Văn bản mặc định (Fallback)

Nếu bạn không cấu hình đoạn script window.ctaConfig ở trên, theme sẽ tự động sử dụng văn bản mặc định có sẵn (được dịch tự động theo ngôn ngữ trang web của bạn).

Đồng bộ nhanh

Mọi thay đổi nội dung trong đoạn script ở mục Code Injection sẽ được cập nhật lên trang web ngay lập tức mà không cần phải cài đặt lại theme.