Cửa hàng điện tử 1688s.vn có chương trình đổi điểm lấy voucher, được áp dụng trên trang 1688s.vn, điểm thưởng được tích qua nhiều đợt mua hàng, bạn chỉ cần dùng mức điểm của mình để đổi lấy số tiền được khuyến mãi trên trang 1688s.vn, hệ thống tích điểm luôn được cập nhật và nâng cấp mới sao cho phù hợp nhất với người dùng, đảm bảo tính ổn định và công bằng cho khách hàng.
Hệ thống tích điểm là một trong những chương trình khuyến mãi của cửa hàng luôn mở trong năm, khác với các chương trình khuyến mãi 10% , 15% , giảm giá, thì hệ thống tích điểm mạng lại giá trị lâu dài cho khách hàng thân thiết.
Trong bài viết này 1688s.vn xin được hướng dẫn và quy trình hoạt động của hệ thống tích điểm thưởng cho quý khách hàng theo dõi.
Cách thức tích điểm
Đầu tiên bạn cần đăng nhập vào tạo tài khoản bằng tài khoản google hoặc facebook.
Sau khi tạo tài khoản xong bạn tiến hành mua sản phẩm để lại số điện thoại , cửa hàng sẽ kích hoạt điểm thanh viên cho các bạn.
Các bạn cần click vào ô thành viên thân thiết để xem điểm của bản thân và sử dụng điểm thưởng.
Đổi điểm thành ưu đãi
Tích điểm khi mua 10.000 VND được tặng 10 điểm
Hiện tại cửa hàng đang có hai chính sách đổi điểm ở 2 mốc là
- 500 điểm = 50.000 VND
- 5.000 điểm = 500.000 VND
Hạng thành viên
Cửa hàng đang có các mốc xếp hạng như sau :
Tên hạng | Hạng Đồng | Hạng bạc | Hạng vàng | Hạng kim cương |
Số tiền chi tiêu | 0 đ | 1,000,000 đ | 5,000,000 đ | 10,000,000 đ |
Chiết khấu | 0% | 1% | 5% | 10% |
Quà tặng | + 1,000 điểm | + 3,000 điểm | giảm 20% |
Chú ý :
- Đối với hạng kim cương quà tặng giảm giá tối đa 500,000
- Thời gian hết hạn mã là 14 ngày
Mọi chi tiết thắc mắc gọi khiếu nại: :0349740858 (sáng 8-12h chiều 13h-17h)
1 đoạn code giao diện web với vòng quay may mắn giải thưởng bao gồm : 1 mã freeship , giải voucher 20%, giải vocher giảm giá 10K giảm giá 25K Monica Dưới đây là đoạn mã HTML và CSS cho giao diện web với vòng quay may mắn chứa các giải thưởng bạn yêu cầu. Bạn có thể sao chép và dán vào một file HTML để xem kết quả. Hướng dẫn sử dụng: Sao chép mã: Sao chép đoạn mã trên và dán vào một file có đuôi .html. Mở file: Mở file trong trình duyệt web để xem vòng quay may mắn hoạt động. Chức năng: Vòng quay sẽ tự động quay và hiển thị các giải thưởng sau mỗi 2 giây. Bạn có thể điều chỉnh thời gian trong hàm setInterval. GPT-4o Ghi chú của tôi
// code vong quay
:root { --size-wheel: 25rem; } html { box-sizing: border-box; height: 100%; overflow: hidden; } body { height: 100%; display: flex; justify-content: center; align-items: center; } * { margin: 0; padding: 0; box-sizing: border-box; } .msg { min-height: 4rem; font-family: Arial, Helvetica, sans-serif; margin-top: 0.5rem; text-transform: capitalize; } ul { position: relative; padding: 0; margin: 1rem 0; width: var(--size-wheel); height: var(--size-wheel); border: 10px solid rgb(0, 12, 184); border-radius: 50%; list-style: none; overflow: hidden; transition: cubic-bezier(0.075, 0.8, 0.2, 1) 7s; } span { display: inline-block; position: relative; padding: 0.5rem; } span::before { content: ''; position: absolute; top: 0rem; left: 50%; border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-top: 4rem solid rgb(255, 217, 0); z-index: 2; transform: translateX(-50%); animation: arrow ease-out 0.6s infinite; } @keyframes arrow { 0% { top: -2rem; } 80% { top: 0; } 100% { top: -1.5rem; } } span::after { content: ''; width: 2rem; height: 2rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); border-radius: 50%; } li { overflow: hidden; position: absolute; top: 0; right: 0; width: 50%; height: 50%; transform-origin: 0% 100%; } .text { font-family: Arial, Helvetica, sans-serif; position: absolute; left: -100%; width: 200%; height: 200%; display: block; text-align: center; padding-top: 1.7rem; font-weight: 600; color: #fff; } .text > b { display: inline-block; word-break: break-word; max-width: 20%; } .text-1 { background-color: rgb(0, 89, 255); } .text-2 { background-color: rgb(126, 182, 255); } .main { display: flex; align-items: center; justify-content: center; flex-direction: column; } button { display: inline-block; text-align: center; border: 0; background-color: #333; color: #fff; font-size: 1.5rem; border-radius: 4rem; padding: 0.5rem 1.5rem; width: auto; cursor: pointer; outline: none; } button:hover { opacity: 0.8; } .popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border: 1px solid #ccc; padding: 20px; z-index: 999; } (() => { const $ = document.querySelector.bind(document); let timeRotate = 7000; //7 giây let currentRotate = 0; let isRotating = false; const wheel = $('.wheel'); const btnWheel = $('.btn--wheel'); const showMsg = $('.msg'); //=====< Danh sách phần thưởng >===== const listGift = [ { text: 'VOUCHER 20K', percent: 10 / 100, }, { text: 'VOUCHER 50K', percent: 10 / 100, }, { text: 'VOUCHER 20K', percent: 5 / 100, }, { text: 'VOUCHER 50K', percent: 5 / 100, }, { text: 'VOUCHER 20K', percent: 5 / 100, }, { text: 'Chuc ban may man lan sau', percent: 40 / 100, }, { text: 'freeship', percent: 10 / 100, }, { text: 'led 3V', percent: 20 /100, }, ]; //=====< Số lượng phần thưởng >===== const size = listGift.length; //=====< Số đo góc của 1 phần thưởng chiếm trên hình tròn >===== const rotate = 360 / size; //=====< Số đo góc cần để tạo độ nghiêng, 90 độ trừ đi góc của 1 phần thưởng chiếm >===== const skewY = 90 - rotate; listGift.map((item, index) => { //=====< Tạo thẻ li >===== const elm = document.createElement('li'); //=====< Xoay và tạo độ nghiêng cho các thẻ li >===== elm.style.transform = `rotate(${ rotate * index }deg) skewY(-${skewY}deg)`; //=====< Thêm background-color so le nhau và căn giữa cho các thẻ text>===== if (index % 2 == 0) { elm.innerHTML = `
${item.text}
`; } else { elm.innerHTML = `
${item.text}
`; } //=====< Thêm vào thẻ ul >===== wheel.appendChild(elm); }); /********** Hàm bắt đầu **********/ const start = () => { showMsg.innerHTML = ''; isRotating = true; //=====< Lấy 1 số ngầu nhiên 0 -> 1 >===== const random = Math.random(); //=====< Gọi hàm lấy phần thưởng >===== const gift = getGift(random); //=====< Số vòng quay: 360 độ = 1 vòng (Góc quay hiện tại) >===== currentRotate += 360 * 10; //=====< Gọi hàm quay >===== rotateWheel(currentRotate, gift.index); //=====< Gọi hàm in ra màn hình >===== showGift(gift); }; /********** Hàm quay vòng quay **********/ const rotateWheel = (currentRotate, index) => { $('.wheel').style.transform = `rotate(${ //=====< Góc quay hiện tại trừ góc của phần thưởng>===== //=====< Trừ tiếp cho một nửa góc của 1 phần thưởng để đưa mũi tên về chính giữa >===== currentRotate - index * rotate - rotate / 2 }deg)`; }; /********** Hàm lấy phần thưởng **********/ const getGift = randomNumber => { let currentPercent = 0; let list = []; listGift.forEach((item, index) => { //=====< Cộng lần lượt phần trăm trúng của các phần thưởng >===== currentPercent += item.percent; //=====< Số ngẫu nhiên nhỏ hơn hoặc bằng phần trăm hiện tại thì thêm phần thưởng vào danh sách >===== if (randomNumber <= currentPercent) { list.push({ ...item, index }); } }); //=====< Phần thưởng đầu tiên trong danh sách là phần thưởng quay được>===== return list[0]; }; /********** In phần thưởng ra màn hình **********/ const showGift = gift => { let timer = setTimeout(() => { isRotating = false; showMsg.innerHTML = `Chúc mừng bạn đã nhận được "${gift.text}"`; clearTimeout(timer); }, timeRotate); }; /********** Sự kiện click button start **********/ btnWheel.addEventListener('click', () => { !isRotating && start(); }); })();