Trong bài viết này mình sẽ hướng dẫn các bạn tạo 1 website tìm mã giảm giá tự động theo đường link từ các trang TMĐT như Shopee, Lazada, Sendo, Tiki, Newshop... bằng Blogger với chi phí 0 đồng.
Người dùng chỉ cần đưa link sản phẩm vào để hệ thống tự tìm tất cả các mã giảm giá có thể áp dụng và còn hoạt động cho sản phẩm đó. Đây là hình thức đang được hầu hết các website mã giảm giá đang áp dụng.
Tuy nhiên chi phí để xây dựng những website mã giảm giá như vậy không hề rẻ, chưa bàn đến việc vận hành rất khó khăn. Vậy với 1 người không biết chút nào về code, không có khả năng tự vận hành phải làm sao.
DemoTrước khi vào bài hướng dẫn mình có 1 số lưu ý cho bạn như sau:
- Bạn phải có 1 cái máy tính và làm trên máy tính, bạn không thể chỉnh sửa nội dung hoặc code website bằng điện thoại được.
- Tất cả các thao tác mình hướng dẫn là trên máy tính nên khi sử dụng điện thoại có thể khác. Và tóm lại bạn không thể làm được ở trên điện thoại đâu.
Bước 1: Tạo tài khoản Accesstrade
Việc đầu tiên bạn cần làm đó là có 1 tài khoản Accesstrade để làm Affiliate. Hãy bấm vào đăng ký bên dưới để tạo tài khoản, hoặc đăng nhập nếu đã có tài khoản.
Mình sẽ không đi sâu về bước này, vì đây là hướng dẫn dành cho những bạn đã hiểu thế nào là Affiliate và biết Accesstrade là gì.
Bước 2: Đăng ký chiến dịch
Để tạo website tìm mã giảm giá bạn cần đăng ký các trang TMĐT như Shopee, Lazada, Tiki, Sendo... Tuy nhiên việc đăng ký có thể sẽ gặp 1 số khó khăn với những người mới vì theo từng yêu cầu riêng của từng sàn. Bạn nên đọc kỹ các yêu cầu và hoàn thiện mới có thể đăng ký.
Để biết được những sàn nào cho phép tạo hệ thống tìm mã giảm giá bạn bạn truy cập vào Công cụ - Coupon Generation, tại phần Tạo mã script chính là các sàn có thể chạy.
Bước 3: Thiết lập Blogger
Ở bước này mình có 1 số lưu ý:
- Blogger là miễn phí nhưng chúng ta nên mua tên miền riêng cho dễ nhớ và chuyên nghiệp. Tốt nhất là mua chính tên miền của Google. Mua xong dùng luôn không cần cài đặt gì, bảo mật cực tốt.
- Template cũng vô cùng quan trọng cho SEO và các thiết kế liên quan đến chức năng của website mã giảm giá.
Trong hướng dẫn này mình sẽ tặng bạn Template Median UI mình đã mua trị giá hơn 300.000 ₫, rất phù hợp để làm website mã giảm giá.
Tuy nhiên mình không khuyến khích bạn dùng miễn phí, nếu có thể hãy mua ủng hộ tác giả tại đây.
Để cài đặt và thiết lập mình sẽ không hướng dẫn nữa vì Template này khá đơn giản. Bạn có thể tham khảo thêm các bài hướng dẫn về Median UI của mình để cài đặt.
Bước 4: Tạo trang tìm mã giảm giá
Đăng nhập vào Accesstrade rồi truy cập vào Công cụ - Nhúng mã giảm giá, tại phần Tạo mã script hãy chọn vào sàn bạn muốn sử dụng. Tùy vào mục đích và nhu cầu sử dụng của bạn mà chọn 1 hay nhiều sàn.
Các thông số Utm để tracking có thể điền hoặc không, bỏ qua cũng không sao. Data sub 1 - 5 mình cũng chưa hiểu là gì nên thôi cứ bỏ qua đi. Thiết lập xong rồi thì bấm vào Tạo mã code
Quay về Blogger chọn Bài đăng mới, chuyển sang Chế độ xem HTML và paste đoạn code vừa tạo từ Accesstrade vào.
Tùy chỉnh nội dung theo ý bạn xong rồi thì bấm Xuất bản để tạo bài viết và xem thành quả. Tiếp tục như vậy với các sàn khác nếu muốn làm thêm.
Một số thiết lập
Giao diện sẽ thể sẽ có chút lỗi xộc xệch, chữ bị che và thừa code thẻ meta, hãy thay bằng đoạn code sau để fix. Lưu ý là fix cho Median Ui, không phải cho các Template khác.
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://static.accesstrade.vn/coupon/v2/css/bootstrap.min.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://static.accesstrade.vn/coupon/v2/css/css-voucher.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://static.accesstrade.vn/coupon/v2/js/slick/slick.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://static.accesstrade.vn/coupon/v2/js/slick/slick-theme.css" media="all" />
<div id="layout-wrapper">
<main class="voucher-main">
<div class="container">
<div class="voucher-tagsearch">
<div class="search-form">
<span class="icon"><img src="https://static.accesstrade.vn/coupon/v2/images/icon-search.svg" alt=""></span>
<input class="form-control" id="search" placeholder="Nhập liên kết sản phẩm" type="text" value="">
</div>
<ul class="tags-form list-unstyled">
<li><a href="#"></a></li>
</ul>
</div>
<div class="voucher-mostbrand">
<h4 class="title">Các nhà cung cấp nổi bật</h4>
<div class="listbrand-item">
<div class="item-brand">
<a href="">
<img src="https://static.accesstrade.vn/coupon/v2/images/logo-brand/img-12.png" alt="">
<span></span>
</a>
</div>
</div>
</div>
<div class="voucher-dealhot">
<div class="title-filter">
<div class="title-total">
<img src="https://static.accesstrade.vn/coupon/v2/images/icon-coupon.svg" alt="">
<h2 class="title">Deal Hot</h2>
</div>
<div class="dropdown filter-sort">
<button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span>Ngày</span>
<i class="icon-down"><img src="https://static.accesstrade.vn/coupon/v2/images/icon-caret.svg" alt=""></i>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" data-date="0" href="#">Hôm nay</a>
<a class="dropdown-item" data-date="1" href="#">7 ngày gần nhất</a>
<a class="dropdown-item" data-date="2" href="#">30 ngày gần nhất</a>
</div>
</div>
</div>
<div class="dealitem-body">
</div>
</div>
<div class="voucher-dealcoupon">
<div class="title-tabs">
<div class="title-total">
<img src="https://static.accesstrade.vn/coupon/v2/images/icon-promo.svg" alt="">
<h2 class="title_mgg">Danh sách mã giảm giá</h2>
</div>
<div class="title-tabslist">
<ul class="nav nav-tabs" id="tabsdeal--link" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="history-tabs" data-toggle="tab" href="#deal-opening" role="tab">Đang mở <em></em></a>
</li>
<li class="nav-item">
<a class="nav-link" id="record-tabs" data-toggle="tab" href="#deal-soon" role="tab">Sắp mở <em></em></a>
</li>
</ul>
</div>
</div>
<div class="tab-content" id="tabsdeal--content">
<div class="tab-pane fade show active" id="deal-opening" role="tabpanel">
<div id="no-coupon-link" style="display: none;text-align: center;padding: 1em;">
<h4>Link sản phẩm không có mã giảm giá</h4>
</div>
<div class="dealpromo-body">
</div>
<div class="coupon-pagination">
<nav>
<ul class="pagination" name='pagination'>
<li class="page-item" style="display: none">
<a onclick="prev(event,1)" class="page-link" href="#" tabindex="-1"><i class="fas fa-angle-double-left"></i></a>
</li>
<li class="page-item" style="display: none">
<a onclick="prev(event)" class="page-link" href="#" tabindex="-1"><i class="fas fa-angle-left"></i></a>
</li>
<li class="page-item" style="display: none">
<a onclick="prev(event)" class="page-link" id="prev-page-active" href="#"></a>
</li>
<li class="page-item active">
<a class="page-link" href="#"><span class="sr-only"></span>1</a>
</li>
<li class="page-item" style="display: none">
<a onclick="next(event)" class="page-link" id="next-page-active" href="#"></a>
</li>
<li class="page-item" style="display: none">
<a onclick="next(event)" class="page-link" href="#" tabindex="-1"><i class="fas fa-angle-right"></i></a>
</li>
<li class="page-item" style="display: none">
<a class="page-link" href="#" tabindex="-1"><i class="fas fa-angle-double-right"></i></a>
</li>
</ul>
</nav>
<div class="page-box">
<span class="p-0" style="display: none"> <input class="page-selected" type="text"></span>
<span class="text-muted" name="text-muted">Trên trang</span>
</div>
</div>
</div>
<div class="tab-pane fade" id="deal-soon" role="tabpanel">
<div id="no-coupon" style="display: none;text-align: center;padding: 1em;">
<h4>Đang cập nhật</h4>
</div>
<div class="dealpromo-body">
</div>
<div class="coupon-pagination">
<nav>
<ul class="pagination" name="pagination-soon">
<li class="page-item" style="display: none">
<a onclick="prev(event,1,true)" class="page-link" href="#" tabindex="-1"><i class="fas fa-angle-double-left"></i></a>
</li>
<li class="page-item" style="display: none">
<a onclick="prev(event,null,true)" class="page-link" href="#" tabindex="-1"><i class="fas fa-angle-left"></i></a>
</li>
<li class="page-item" style="display: none">
<a onclick="prev(event,null,true)" class="page-link" id="prev-soon-page-active" href="#"></a>
</li>
<li class="page-item active">
<a class="page-link" href="#"><span class="sr-only"></span>1</a>
</li>
<li class="page-item" style="display: none">
<a onclick="next(event,null,true)" class="page-link" id="next-soon-page-active" href="#"></a>
</li>
<li class="page-item" style="display: none">
<a onclick="next(event,null,true)" class="page-link" href="#" tabindex="-1"><i class="fas fa-angle-right"></i></a>
</li>
<li class="page-item" style="display: none">
<a class="page-link" href="#" tabindex="-1"><i class="fas fa-angle-double-right"></i></a>
</li>
</ul>
</nav>
<div class="page-box">
<span class="p-0" style="display: none"> <input class="page-selected" type="text"></span>
<span class="text-muted" name="text-muted-soon">Trên trang</span>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<script type="text/javascript" src="https://static.accesstrade.vn/coupon/v2/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="https://static.accesstrade.vn/coupon/v2/js/popper.min.js"></script>
<script type="text/javascript" src="https://static.accesstrade.vn/coupon/v2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://static.accesstrade.vn/coupon/v2/js/slick/slick.min.js"></script>
<script type="text/javascript" id="atScript6626" data-sub1="" data-sub2="" data-sub3="" data-sub4="" data-sub5="" data-utm-source="thucblog" data-utm-medium="mggshopee" data-utm-campaign="" data-utm-content="" data-filters='{"merchant":"4742147753565840242","category":"","campaign":"4751584435713464237,"}' data-accesskey="4842889182504765694" src="https://static.accesstrade.vn/coupon/v2/js/main.js"></script>
<style>
.pS h4 {
line-height: 0em !important;
}
.voucher-main {
background: #ffffff !important;
}
.search-title {
padding-bottom: 20px;
}
.fas {
line-height: 1 !important;
}
.form-control {
padding: 0px 0px 0px 10px !important;
}
.title_mgg {
margin: 0px 0px 0px 8px !important;
color: #3D3F40;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
line-height: 20px;
}
.note_mgg {
color: #007bff;
font-style: italic;
}
.container {
padding-right: 0px !important;
padding-left: 0px !important;
}
.voucher-main {
padding: 1px 0 80px !important;
}
</style>
Trong đoạn code trên bạn cần sửa lại những gì. Hãy để ý duy nhất đến đoạn dưới đây và sửa lại theo hướng dẫn của mình nhé.
<script type="text/javascript" id="atScript6626" data-sub1="" data-sub2="" data-sub3="" data-sub4="" data-sub5="" data-utm-source="thucblog" data-utm-medium="mggshopee" data-utm-campaign="" data-utm-content="" data-filters='{"merchant":"4742147753565840242","category":"","campaign":"4751584435713464237,"}' data-accesskey="4842889182504765694" src="https://static.accesstrade.vn/coupon/v2/js/main.js"> </script>
Các thông số data-sub và utm thì tùy chỉnh theo nhu cầu. merchant, campaign và data-accesskey sửa lại theo mã của bạn.
Nếu muốn giao diện hiển thị full page, không chung chạm tới các nội dung khác. Hãy thêm tag Fullpage vào bài viết.
Mặc định menu của Tempalte sẽ được ẩn đi trên desktop, tuy nhiên bạn nên show nó ra sẽ có trải nghiệm người dùng tốt hơn. Tùy chỉnh menu tham khảo bài viết Ẩn / hiện menu điều hướng
Template phải đổi font để hiển thị được tiếng Việt, tham khảo bài viết Cách đổi font chữ cho Median UI.
Như vậy là chỉ sau có 4 bước đơn giản mình đã hướng dẫn cho bạn xong cách để tạo được 1 website tìm mã giảm giá từ Blogger. Nếu không mua tên miền riêng thì chi phí sẽ bằng 0, còn mua tên miền thì giá khoảng trên dưới 200.000 ₫ / 1 năm.
Cách hoạt động
Nguyên lý hoạt động của website thực ra chỉ là hiển thị các nội dung được nhúng từ đoạn code Accesstrade cung cấp. Chính vì vậy bạn không cần quan tâm link sẽ được tạo ra như thế nào, nó hoàn toàn tự động và tự động gắn mã Aff của bạn.
Mã giảm giá cũng sẽ được cập nhật hoàn toàn tự động và theo thời gian thực từ các sàn TMĐT. Mã giảm giá hiển thị là nhưng mã còn hạn, có thể áp dụng được với sản phẩm, và không bao gồm mã giảm giá của shop.
Vì sao nên dùng Blogger
- Đầu tiên có thể nói là nó vô cùng đơn giản từ khâu cài đặt, quản lý, vận hành.
- Tạo 1 lần xong để đấy dùng mãi, hàng năm chỉ cần gia hạn tên miền nếu có gắn tên miền riêng.
- Không mất 1 đồng chi phí thuê host, viết website phức tạp.
- Nếu Template không lỗi, phía Accesstrade không lỗi thì gần như website hoạt động liên tục không bao giờ bị gián đoạn.
- Bất tử với các thành phần phá phách DDoS, hack...
- Cuối cùng chính là nó vừa đủ để tạo 1 website mã giảm giá với đầy đủ chức năng mạnh mẽ mà 1 người bình thường cũng có thể làm được.
Tổng kết
Vậy là mình đã hướng dẫn xong cho bạn cách làm 1 website tự động lấy mã giảm giá của các sàn TMĐT Shopee, Lazada, Tiki, Nguyễn Kim... Trong quá trình làm nếu có vướng mắc gì có thể comment tại đây để được mình hoặc mọi người giúp đỡ.
Về phần code bạn hoàn toàn yên tâm sử dụng nhé. Code mình post lên cộng đồng để mọi người cùng kiểm tra và dùng nên mình không có cài lung tung gì vào được đâu.