Bỏ qua, tới nội dung chính
HL

Tôi dựng lại blog này từ đầu: nội dung trả phí, thanh toán QR và bảy loại thư tự động

Sau bảy năm chạy WordPress, tôi viết lại toàn bộ blog từ dòng code đầu tiên. Bài này ghi lại những gì bên trong: cách khoá nội dung trả phí sao cho không lấy được, thanh toán quét mã QR mở khoá trong một phút, và cách chuyển 216 bài mà không mất một đường dẫn nào.

HLHoàng Thanh Long7 phút đọc
Dựng lại blog hoanglongteam.com từ đầu — Hoàng Long Studio

Blog này ra đời năm 2017. Suốt bảy năm nó chạy trên WordPress với một bộ giao diện mua sẵn và một nắm plugin chồng lên nhau. Nó vẫn hoạt động, nhưng mỗi lần tôi muốn thêm một thứ gì đó hơi khác thường là lại phải đi tìm plugin, rồi plugin đó kéo theo plugin khác.

Cuối tháng 8 vừa rồi tôi dựng lại toàn bộ từ đầu. Không phải thay giao diện — là viết lại từ dòng code đầu tiên.

Bài này ghi lại những gì bên trong, và vì sao tôi chọn làm từng thứ như vậy. Nếu bạn đang tính làm một website có thu phí, hoặc chỉ tò mò một trang như thế vận hành ra sao, thì đây là phần hậu trường.

Trang chủ phiên bản mới của blog hoanglongteam.com
Trang chủ phiên bản mới. Không banner, không cửa sổ xin email chặn ngang.

Việc khó nhất không phải là code

Mà là chuyển 216 bài viết sang nhà mới mà không mất gì.

Ai từng đổi nền tảng website đều biết đây là chỗ chết người. Đổi xong, đường dẫn thay đổi, Google mất dấu, thứ hạng gây dựng nhiều năm bay sạch. Tệ hơn nữa: những liên kết bạn đã rải khắp nơi — trong bio Facebook, dưới video YouTube, trong tin nhắn Zalo gửi khách — chết hết.

Tôi có 160 đường liên kết rút gọn kiểu đó. Địa chỉ /bio, /zalo, /tele, cùng hàng trăm link tiếp thị và báo giá đã gửi cho khách suốt mấy năm.

Tất cả giữ nguyên. Kể cả dấu gạch chéo ở cuối đường dẫn — chi tiết nhỏ này mà sai thì Google coi như địa chỉ khác.

Trang quản lý chuyển hướng với 160 đường dẫn và số lượt bấm từng cái
Công cụ rút gọn liên kết tự làm, thay cho plugin cũ. Có đếm lượt bấm từng đường dẫn.

Trên đường làm, tôi phát hiện hai địa chỉ có ký tự điều khiển ẩn lẫn vào từ đời WordPress — mắt thường không thấy, nhưng khiến liên kết chết câm mà không ai biết vì sao. Cũng tìm thấy một bản ghi cũ trỏ tới đoạn mã lạ, dấu vết một lần site bị chèn mã độc.

Nội dung trả phí: khoá thật, không phải ẩn đi

Đây là chỗ tôi thấy nhiều trang thu phí làm cẩu thả nhất.

Cách phổ biến là dùng CSS ẩn phần nội dung trả phí đi. Nhìn thì có vẻ bị khoá, nhưng người biết chút kỹ thuật chỉ cần bấm chuột phải xem mã nguồn là đọc được toàn bộ. Tức là bạn đang bán một thứ mà ai muốn lấy cũng lấy được.

Ở đây phần trả phí bị cắt ngay trên máy chủ. Người chưa đóng phí không nhận được đoạn nội dung đó về máy của họ. Xem mã nguồn, tắt JavaScript, dùng công cụ nào cũng chỉ thấy đúng phần công khai.

Tường phí hiện ở giữa bài viết, phần nội dung hội viên bị cắt trên máy chủ
Đoạn văn phía trên mờ dần rồi dừng lại. Phần sau không tồn tại trong trang gửi về máy người đọc.

Bài bị khoá vẫn khai báo trung thực với Google là có phần trả phí, để không bị xem là che nội dung khỏi công cụ tìm kiếm.

Thanh toán: quét mã, một phút là xong

Không dùng cổng thanh toán nào, cũng không cần thẻ quốc tế.

Khách chọn gói, hệ thống sinh một mã đơn ngắn rồi hiện mã QR ngân hàng — số tiền và nội dung chuyển khoản đã điền sẵn, khách không phải gõ tay. Đây là chi tiết quan trọng: nội dung chuyển khoản sai một ký tự là hệ thống không biết khoản tiền đó của ai.

Trang thanh toán với mã QR ngân hàng đã điền sẵn số tiền và mã đơn
Mã QR sinh theo từng đơn. Bên cạnh là thông tin chuyển khoản dạng chữ, có nút chép nhanh.

Cùng lúc đó, bot Telegram nhắn cho tôi kèm hai nút bấm. Tôi mở app ngân hàng đối chiếu, bấm "Đã nhận tiền", tài khoản khách mở khoá ngay. Trang của khách tự cập nhật, họ không phải tải lại hay chờ email.

Tôi chọn cách này thay vì tự động hoàn toàn vì một lý do: tiền là chỗ không nên để máy tự quyết một mình. Mất hai giây bấm nút, đổi lại tôi biết chính xác từng đồng vào tài khoản. Cổng nhận thông báo ngân hàng tự động vẫn có sẵn, khi nào cần bật là chạy.

Bảy loại thư tự động

Một website bán hàng mà im lặng thì khách sẽ lo. Nên hệ thống gửi thư ở đúng bảy thời điểm:

  • Chào mừng ngay khi có người đăng ký nhận bài
  • Báo khi có bài mới
  • Hướng dẫn chuyển khoản kèm mã QR, gửi lúc tạo đơn
  • Xác nhận đã kích hoạt, có mã đơn và ngày hết hạn
  • Nhắc gia hạn trước 7 ngày
  • Nhắc lại trước 1 ngày
  • Báo khi đã hết hạn

Phần khó không nằm ở việc gửi, mà ở việc không gửi trùng. Mỗi người mỗi bài chỉ nhận đúng một lá, dù tôi có bấm nhầm bao nhiêu lần. Thư nhắc gia hạn thì gắn với ngày hết hạn, nên khách gia hạn xong kỳ sau lại nhắc được, còn trong cùng một kỳ thì không bao giờ nhắc hai lần.

Cuối thư nào cũng có liên kết tắt nhận thư — bấm một cái là xong, không bắt đăng nhập. Bắt người ta đăng nhập mới huỷ được thì họ sẽ bấm nút "báo thư rác" thay vì mất công, và cả tên miền bị vạ lây.

Gói miễn phí và gói trả phí

Trang gói hội viên với gói miễn phí đứng riêng trước ba gói trả phí
Gói miễn phí chỉ cần email, hoặc một cú bấm Google.

Gói miễn phí không bắt đặt mật khẩu. Thêm một ô mật khẩu vào form đăng ký nhận thư là mất quá nửa số người — mà họ chỉ muốn nhận bài mới chứ có định làm gì đâu.

Ai muốn đọc phần chuyên sâu thì có ba mức trả phí. Không tự động trừ tiền hằng tháng, hết hạn thì chủ động đóng tiếp.

Những thứ nhỏ mà tôi để tâm

Chữ. Phông chữ trong bài do người Việt thiết kế riêng cho tiếng Việt, dấu thanh đặt cân nên đọc lâu không mỏi. Chữ canh đều hai bên, khoảng cách dòng và khoảng cách đoạn được chỉnh riêng cho tiếng Việt.

Sáng tối. Điện thoại bạn để chế độ tối thì blog tối theo, không cần bấm gì.

Đăng nhập. Bằng Google một chạm, hoặc email và mật khẩu. Tài khoản cũ từ thời WordPress chuyển sang giữ nguyên mật khẩu — không ai phải đặt lại.

Không quảng cáo. Không banner nhấp nháy, không cửa sổ xin email chặn ngang lúc đang đọc, không lời chúc mừng bạn vừa trúng thưởng. Bạn vào để đọc thì cứ đọc.

Ai làm ra nó

Toàn bộ website này do Hoàng Long Studio thiết kế và phát triển — studio sản phẩm số của tôi tại Đà Nẵng.

Chúng tôi không làm bản demo cho đẹp mắt. Chúng tôi làm phần mềm chạy thật, có người dùng thật, có tiền chảy qua thật. Blog bạn đang đọc là một ví dụ, và nó không phải sản phẩm duy nhất — còn Smail, Tín Hiệu, Kho Theme WordPress, Copee, Hôm Nay Mua Gì và Làm Affiliate, đều do chúng tôi tự xây và tự vận hành.

Bảng giá bốn nhóm dịch vụ của Hoàng Long Studio
Bốn nhóm dịch vụ, khung giá công khai trước khi bắt đầu.
Dịch vụGiá từPhù hợp khi
MVP15 triệuCần kiểm chứng ý tưởng ngoài thị trường trong 1–2 tuần
Web App & SaaS20 triệuNhiều người dùng, phân quyền, có thanh toán
AI App & Tự động hoá25 triệuTrợ lý AI, tự động hoá quy trình đang làm tay
Phần mềm đặt riêngtheo yêu cầuCông cụ nội bộ, nghiệp vụ đặc thù

Bốn điều chúng tôi cam kết:

  • Bàn giao mã nguồn. Thanh toán xong, toàn bộ mã nguồn thuộc về bạn, không giữ lại phần nào.
  • Giá minh bạch. Khung giá công khai trước khi bắt đầu, không phát sinh giữa chừng.
  • Bảo hành 3 tháng. Lỗi sau bàn giao được sửa miễn phí.
  • Nói thật giới hạn. Việc nào không làm được thì nói ngay, không hứa cho xong rồi để đó.

Nếu bạn đang có một ý tưởng

Phần lớn ý tưởng chết không phải vì dở, mà vì nằm mãi trong đầu. Bước từ ý tưởng sang một thứ chạy được ngoài đời thường ngắn hơn người ta tưởng — nhất là khi bắt đầu bằng một bản nhỏ để kiểm chứng thay vì làm ngay bản hoàn chỉnh.

Buổi trao đổi đầu tiên để làm rõ ý tưởng là miễn phí, kể cả khi sau đó bạn quyết định không làm. Nếu nghe xong tôi thấy việc của bạn không đáng làm phần mềm, tôi cũng nói thẳng.

hoanglong.studio
0972 357 659 · info@hoanglongteam.com
102A Nguyễn Công Hoan, An Khê, Đà Nẵng

Còn blog thì vẫn ở đây, và 216 bài cũ vẫn nguyên chỗ cũ.

Nhận bài mới qua email

Bài mới về affiliate, thiết kế web và AI. Mỗi bài một lá thư, huỷ lúc nào cũng được.

Đăng ký bằng Google
hoặc dùng email

Miễn phí. Mình không gửi địa chỉ của bạn cho ai.

Bài viết liên quan

Làm việc tự do với nghề thiết kế website
11 phút

Làm việc tự do với nghề thiết kế Website

Mình sống ở Đà Nẵng và làm nghề thiết kế website, chỉ cần laptop với đường mạng. Bài này kể 5 lý do nên làm nghề này, 5 khó khăn phải vượt qua, và chuyện mình đi tìm người để truyền nghề.