Frequently Asked Questions
Bagaimana cara mengikuti promo Ruangguru x Xiaomi?
Program promo back to school Ruangguru dengan Xiaomi bisa didapatkan dengan cara setiap pembelian produk Xiaomi (smartphone, tablet, notebook, dan tipe device
Xiaomi lainnya) berhak mendapatkan hadiah spesial dari Ruangguru senilai 1 juta rupiah.
Apa persyaratan mendapat diskon spesial dari Ruangguru?
Syarat mendapatkan diskon spesial dari Ruangguru cukup melakukan pembelian produk Xiaomi (smartphone, tablet, notebook, dan tipe device Xiaomi lainnya) di Xiaomi
Store/Xiaomi Shop/Erafon.
Saya sudah pernah/sedang berlangganan paket Ruangguru, apakah saya tetap bisa mendapatkan promo Ruangguru x Xiaomi?
Bisa, promo ini berlaku untuk semua user Ruangguru.
Bagaimana cara menggunakan kode voucher diskon Ruangguru?
Cara menggunakan diskon Ruangguru:
-
Login atau buat akun di
https://app.ruangguru.com/
-
Klik “
Langganan
” atau Tab “
Pembelian Produk Ruangguru
”
-
Klik Paket
ruangbelajar
- Pilih paket ruangbelajar yang diinginkan, voucher dapat digunakan untuk paket ruangbelajar 1 Tahun dan ruangbelajar 2 Tahun
-
Masukkan kode diskon dibagian “
Gunakan Kode Diskon
” atau dibagian “
Ganti Kode Diskon
” jika kode diskonnya sudah tertera kode diskon lain
- Pilih metode pambayaran yang diinginkan, dan selesaikan pembayaran
- Paket ruangbelajar sudah aktif dan bisa digunakan
Saya sudah mengisi formulir klaim hadiah, tetapi sampai saat ini saya belum mendapatkan voucher diskonnya. Apa yang harus saya lakukan?
Silahkan cek email yang sebelumnya sudah didaftarkan, jika tidak ada pesan di kotak masuk mohon untuk cek spam atau trash. Jika tidak ditemukan juga email dari
Ruangguru silahkan langsung menghubungi tim CS Ruangguru di 081574410000.
Dimana saja channel pembelian Xiaomi untuk mendapatkan promo khusus dari Ruangguru?
Periode program promo Ruangguru x Xiaomi berlangsung dari tanggal 1 Juli - 31 Juli 2022, dan untuk penggunaan hadiah spesial dari Ruangguru (Voucher Diskon dan FREE
Trial Class English Academy) bisa diklaim hingga 30 September 2022.
Berapa lama periode program promo Ruangguru x Xiaomi?
Di semua cabang Xiaomi Store, 198 cabang Xiaomi Shop, dan 192 cabang Erafon di seluruh Indonesia. Cek selengkapnya
Klik disini
<!doctype html>
<html class="no-js" lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="PT Ruang Raya Indonesia" />
<meta name="description" content="" />
<meta name="generator" content="HubSpot" />
<title>LP Ruangguru x Xiaomi</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="" />
<meta property="og:title" content="LP Ruangguru x Xiaomi" />
<meta name="twitter:description" content="" />
<meta name="twitter:title" content="LP Ruangguru x Xiaomi" />
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
.hs-breadcrumb-menu {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hs-breadcrumb-menu-item {
float: left;
padding: 10px 0px 10px 10px;
}
.hs-breadcrumb-menu-divider:before {
content: '›';
padding-left: 10px;
}
.hs-featured-image-link {
border: 0;
}
.hs-featured-image {
float: right;
margin: 0 0 20px 20px;
max-width: 50%;
}
@media (max-width: 568px) {
.hs-featured-image {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
}
.hs-screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
</style>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/76399779960/1656695846423/module_76399779960_Module_Section_Form_-_LP_Ruangguru_x_Xiaomi.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/76399779965/1656910481847/module_76399779965_Module_Section_Cara_Menggunakan_-_LP_Ruangguru_x_Xiaomi.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/76399745197/1655356016159/module_76399745197_Module_Section_Benefits_-_LP_Ruangguru_x_Xiaomi.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/76399747934/1656412435396/module_76399747934_Module_Section_FAQ_-_LP_Ruangguru_x_Xiaomi.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39981680119/1676448475961/module_39981680119_Footer-ruangguru-2021-v2.min.css"
/>
<!-- Added by GoogleAnalytics integration -->
<script>
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
'addPrivacyConsentListener',
function (consent) {
if (consent.allowed || (consent.categories && consent.categories.analytics)) {
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function () {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49650255-1', 'auto');
ga('send', 'pageview');
}
},
]);
</script>
<!-- /Added by GoogleAnalytics integration -->
<link rel="canonical" href="https://www.ruangguru.com/promo/xiaomi" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function (h, e, a, t, m, p) {
m = e.createElement(a);
m.async = !0;
m.src = t;
p = e.getElementsByTagName(a)[0];
p.parentNode.insertBefore(m, p);
})(window, document, 'script', 'https://u.heatmap.it/log.js');
</script>
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script>
document.querySelector('meta[name="author"]').setAttribute('content', 'Ruangguru Tech Team');
</script>
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49650255-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49650255-1');
</script>
-->
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/promo/xiaomi" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/36645224536/1657858188870/A_Ruangguru_Projects/0_Back_Up_-_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<meta name="robots" content="noindex, follow" />
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/promo/xiaomi/assets/index-Dqv5PPZA.js"></script>
</head>
<body class="hs-content-id-76691777640 hs-landing-page hs-page" style="">
<div class="header-container-wrapper">
<div class="header-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_165526082671227"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> -->
<style></style>
<nav class="ruangguru-header">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_hamburger_black.svg" alt="Dropdown Navigation Icon" />
</div>
<a href="https://www.ruangguru.com/">
<div class="logo-header">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo ruangguru" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown" id="produk" aria-expanded="false">
<a>Produk</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item">
<!-- ruangbelajar -->
<a href="https://www.ruangguru.com/ruangbelajar">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg" alt="Logo ruangbelajar" loading="lazy" />
</div>
<p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
</div>
</a>
<!-- BA -->
<a target="_blank" href="https://www.brainacademy.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg"
alt="Logo Brain Academy"
loading="lazy"
/>
</div>
<p class="text-product">Bimbel Live Interaktif bersama STAR Master Teacher + Klinik PR</p>
</div>
</a>
<!-- roboguru -->
<a href="https://roboguru.ruangguru.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp" width="125" alt="Logo roboguru" loading="lazy" />
</div>
<p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
</div>
</a>
<!-- roboguru plus -->
<a href="https://www.ruangguru.com/roboguruplus">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp" width="155" alt="Logo ruanglesonline" loading="lazy" />
</div>
<p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik</p>
</div>
</a>
<!-- ruangles -->
<a href="https://www.ruangguru.com/privat">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png"
alt="Logo ruangles"
width="112"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=56&name=logo-ruangguru-privat.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=168&name=logo-ruangguru-privat.png 168w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=224&name=logo-ruangguru-privat.png 224w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=280&name=logo-ruangguru-privat.png 280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=336&name=logo-ruangguru-privat.png 336w"
sizes="(max-width: 112px) 100vw, 112px"
/>
</div>
<p class="text-product">Belajar privat dengan guru terbaik pilihan Ruangguru</p>
</div>
</a>
<!-- EA -->
<a target="_blank" href="https://www.english-academy.id/">
<div class="item-product">
<div class="logo-product" id="lp_ea">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ENGLISH%20ACADEMY-LOGO2%201.png?convert=webp"
alt="Logo English Academy"
loading="lazy"
/>
<div class="ribbon-wrapper-new">
<div class="glow-new"> </div>
</div>
</div>
<p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar internasional</p>
</div>
</a>
<!-- dafalulu -->
<a href="https://www.ruangguru.com/dafa-lulu">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-dafa-lulu-new.png?convert=webp&height=44&name=logo-dafa-lulu-new.png"
height="44"
alt="Logo dafa lulu"
loading="lazy"
/>
</div>
<p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
</div>
</a>
<!-- rg for kids -->
<a href="https://www.ruangguru.com/for-kids">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png"
alt="Logo For Kids"
width="100"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=50&name=logo-ruangguru-forkids.png 50w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png 100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=150&name=logo-ruangguru-forkids.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=200&name=logo-ruangguru-forkids.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=250&name=logo-ruangguru-forkids.png 250w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=300&name=logo-ruangguru-forkids.png 300w"
sizes="(max-width: 100px) 100vw, 100px"
/>
</div>
<p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan sains</p>
</div>
</a>
<!-- ruanguji -->
<a href="https://www.ruangguru.com/ruanguji">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg" alt="Logo ruanguji" loading="lazy" />
</div>
<p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
</div>
</a>
<!-- ruangkelas -->
<a href="https://www.ruangguru.com/ruangkelas">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg" alt="Logo ruangkelas" loading="lazy" />
</div>
<p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
</div>
</a>
<!-- SA -->
<a target="_blank" href="https://skillacademy.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg" alt="Logo Skill Academy" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk meningkatkan technical & soft skill kamu</p>
</div>
</a>
<!-- ruangkerja -->
<a target="_blank" href="https://ruangkerja.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg" alt="Logo ruangkerja" loading="lazy" />
</div>
<p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan & Lembaga</p>
</div>
</a>
<!-- kalananti -->
<a target="_blank" href="https://www.kalananti.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png" alt="Logo kalananti" loading="lazy" height="40" />
</div>
<p class="text-product">Kursus coding dan robotic anak usia 5-15 tahun untuk mengasah logika dan kreativitas</p>
</div>
</a>
<!-- mathchamps -->
<a target="_blank" href="https://www.mathchamps.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.png?convert=webp&h=70"
alt="Logo math champs"
loading="lazy"
width="104"
height="40"
/>
</div>
<p class="text-product">Kursus matematika dan logika untuk anak 5-14 tahun dengan kurikulum Singapura</p>
</div>
</a>
<!-- schoters logo -->
<a target="_blank" href="https://www.schoters.com">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ecc92be-4ee0-475f-bd4c-d1f5e733f012.png?convert=webp&h=120"
alt="Logo Schoters"
loading="lazy"
height="40"
/>
</div>
<p class="text-product">Bimbingan kuliah & kerja di luar negeri #1 di Indonesia, dengan kelas bahasa terlengkap!</p>
</div>
</a>
</div>
<div class="navig-link" id="program">
<a href="https://www.ruangguru.com/program">Program</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/promo">Promo</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/event">Event</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/beasiswa">Beasiswa</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/testimoni">Testimoni</a>
</div>
<div class="navig-link navig-link-dropdown" id="services">
<a>Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<a href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket">Cara Perpanjang Paket</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cara-bayar">Cara Bayar</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cicilan">Cicilan</a>
</div>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta">
<!--HubSpot Call-to-Action Code -->
<span class="hs-cta-wrapper" id="hs-cta-wrapper-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<span class="hs-cta-node hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" id="hs-cta-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8">
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-98f09c6e-5ed3-4c65-b943-9a7ff510d8e8"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8.png"
alt="Langganan Sekarang"
/>
</a>
</span>
<script charset="utf-8" src=""></script>
<script type="text/javascript">
hbspt.cta._relativeUrls = true;
hbspt.cta.load(2828691, '98f09c6e-5ed3-4c65-b943-9a7ff510d8e8', { useNewLoader: 'true', region: 'na1' });
</script>
</span>
<!-- end HubSpot Call-to-Action Code -->
</div>
</div>
</div>
</div>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
<script></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end header -->
</div>
<!--end header wrapper -->
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_165526169481046"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<style></style>
<div class="spacer-rg"></div>
<section id="sect-form">
<div class="row mx-0 px-0 pb-0">
<div class="col-12">
<div class="page-center">
<div class="row mx-0 p-0 min-h-c">
<div class="col-12 col-xl-6">
<div class="card card-a bg-transparent border-0">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/logo.png?width=170&height=50&name=logo.png"
width="170"
height="50"
alt="logo"
class="img-fluid m-auto m-lg-0"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/logo.png?width=85&height=25&name=logo.png 85w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/logo.png?width=170&height=50&name=logo.png 170w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/logo.png?width=255&height=75&name=logo.png 255w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/logo.png?width=340&height=100&name=logo.png 340w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/logo.png?width=425&height=125&name=logo.png 425w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/logo.png?width=510&height=150&name=logo.png 510w"
sizes="(max-width: 170px) 100vw, 170px"
/>
<div class="card-body px-0 pr-md-3">
<h1 class="card-title">Sambut Tahun Ajaran Baru Penuh Semangat Bareng Xiaomi dan Ruangguru!</h1>
<p class="card-text">Selamat kamu berhak mendapatkan DISKON SPESIAL dari Ruangguru dan KELAS GRATIS di English Academy. Yuk, segera klaim hadiah kamu!</p>
</div>
</div>
</div>
<div class="col-12 col-xl-6 mb-md-4">
<div class="card card-b mb-4 border-0">
<div class="card-body">
<div id="idForm"></div>
</div>
</div>
</div>
</div>
</div>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/asset-xiaomi.png?width=639&height=667&name=asset-xiaomi.png"
width="639"
height="667"
alt="xiaomi"
class="img-fluid img-xiaomi d-none d-xl-block"
loading="eager"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/asset-xiaomi.png?width=320&height=334&name=asset-xiaomi.png 320w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/asset-xiaomi.png?width=639&height=667&name=asset-xiaomi.png 639w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/asset-xiaomi.png?width=959&height=1001&name=asset-xiaomi.png 959w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/asset-xiaomi.png?width=1278&height=1334&name=asset-xiaomi.png 1278w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/asset-xiaomi.png?width=1598&height=1668&name=asset-xiaomi.png 1598w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Form/asset-xiaomi.png?width=1917&height=2001&name=asset-xiaomi.png 1917w"
sizes="(max-width: 639px) 100vw, 639px"
/>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://form-staging.ruangguru.com/form/embed.min.js"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script defer src="https://unpkg.com/imask"></script>
<script>
$j3 = jQuery.noConflict();
</script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-2">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_165526170147748"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<style></style>
<section id="sect-penggunaan">
<div class="row mx-0 px-0">
<div class="col-12">
<div class="page-center">
<div class="card card-b2 bg-transparent border-0">
<div class="card-body px-0">
<h2 class="card-title c-t-1 mb-4">Cara menggunakan voucher Ruangguru</h2>
<div class="box-t row mx-0 px-0">
<div class="col mb-4 px-2">
<div class="card card-b2-c border-0">
<div class="card-body">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-phone.png?width=80&height=80&name=ic-phone.png"
width="80"
height="80"
alt="icon"
class="img-fluid mb-3"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-phone.png?width=40&height=40&name=ic-phone.png 40w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-phone.png?width=80&height=80&name=ic-phone.png 80w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-phone.png?width=120&height=120&name=ic-phone.png 120w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-phone.png?width=160&height=160&name=ic-phone.png 160w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-phone.png?width=200&height=200&name=ic-phone.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-phone.png?width=240&height=240&name=ic-phone.png 240w"
sizes="(max-width: 80px) 100vw, 80px"
/>
<h2 class="card-title mb-3">Beli produk Xiaomi</h2>
<p class="card-text mb-3">Beli produk Xiaomi di Xiaomi Store/Xiaomi Shop/Erafon, setelah itu scan barcode untuk diarahkan ke landing page klaim hadiah.</p>
<div class="c-alert c-alert-warning" role="alert">
<strong>Note</strong>
: (Silakan tanyakan kode registrasi ke penjual di Mi Store).
</div>
</div>
</div>
</div>
<div class="col mb-4 px-2">
<div class="card card-b2-c border-0">
<div class="card-body">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-notes.png?width=80&height=80&name=ic-notes.png"
width="80"
height="80"
alt="icon"
class="img-fluid mb-3"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-notes.png?width=40&height=40&name=ic-notes.png 40w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-notes.png?width=80&height=80&name=ic-notes.png 80w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-notes.png?width=120&height=120&name=ic-notes.png 120w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-notes.png?width=160&height=160&name=ic-notes.png 160w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-notes.png?width=200&height=200&name=ic-notes.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-notes.png?width=240&height=240&name=ic-notes.png 240w"
sizes="(max-width: 80px) 100vw, 80px"
/>
<h2 class="card-title mb-3">Mengisi Form di Web</h2>
<p class="card-text mb-3">
Isi form yang tertera untuk bisa klaim hadiah voucher diskon spesial Ruangguru. Akan ada email pemberitahuan yang berisikan kode voucher kamu.
</p>
<div class="c-alert c-alert-warning" role="alert">
<strong>Note</strong>
: Pastikan data nomor WA dan email yang diisikan sudah sesuai dan aktif.
</div>
</div>
</div>
</div>
<div class="col mb-4 px-2">
<div class="card card-b2-c border-0">
<div class="card-body">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-led-tv.png?width=80&height=80&name=ic-led-tv.png"
width="80"
height="80"
alt="icon"
class="img-fluid mb-3"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-led-tv.png?width=40&height=40&name=ic-led-tv.png 40w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-led-tv.png?width=80&height=80&name=ic-led-tv.png 80w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-led-tv.png?width=120&height=120&name=ic-led-tv.png 120w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-led-tv.png?width=160&height=160&name=ic-led-tv.png 160w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-led-tv.png?width=200&height=200&name=ic-led-tv.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-led-tv.png?width=240&height=240&name=ic-led-tv.png 240w"
sizes="(max-width: 80px) 100vw, 80px"
/>
<h2 class="card-title mb-3">Akses Web Ruangguru</h2>
<p class="card-text mb-3">
Untuk menggunakan voucher, silahkan buka website
<a href="www.ruangguru.com" target="_self" rel="">www.ruangguru.com</a>
dan pilih paket ruangbelajar yang diinginkan.
</p>
<div class="c-alert c-alert-warning" role="alert">
<strong>Note</strong>
: Pastikan sudah memiliki akun Ruangguru, jika belum bisa langsung klik buat akun.
</div>
</div>
</div>
</div>
<div class="col mb-4 px-2">
<div class="card card-b2-c border-0">
<div class="card-body">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-voucher.png?width=80&height=80&name=ic-voucher.png"
width="80"
height="80"
alt="icon"
class="img-fluid mb-3"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-voucher.png?width=40&height=40&name=ic-voucher.png 40w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-voucher.png?width=80&height=80&name=ic-voucher.png 80w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-voucher.png?width=120&height=120&name=ic-voucher.png 120w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-voucher.png?width=160&height=160&name=ic-voucher.png 160w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-voucher.png?width=200&height=200&name=ic-voucher.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-voucher.png?width=240&height=240&name=ic-voucher.png 240w"
sizes="(max-width: 80px) 100vw, 80px"
/>
<h2 class="card-title mb-3">Masukkan Voucher</h2>
<p class="card-text mb-3">
Pada bagian
<b>Draft Invoice</b>
silahkan
<b>masukkan kode voucher</b>
kamu dibagian “
<b>Punya Kode Diskon atar Referral?</b>
”. Nominal diskon akan otomatis terpotong.
</p>
</div>
</div>
</div>
<div class="col mb-4 px-2">
<div class="card card-b2-c border-0">
<div class="card-body">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-invoice.png?width=80&height=80&name=ic-invoice.png"
width="80"
height="80"
alt="icon"
class="img-fluid mb-3"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-invoice.png?width=40&height=40&name=ic-invoice.png 40w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-invoice.png?width=80&height=80&name=ic-invoice.png 80w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-invoice.png?width=120&height=120&name=ic-invoice.png 120w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-invoice.png?width=160&height=160&name=ic-invoice.png 160w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-invoice.png?width=200&height=200&name=ic-invoice.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/ic-invoice.png?width=240&height=240&name=ic-invoice.png 240w"
sizes="(max-width: 80px) 100vw, 80px"
/>
<h2 class="card-title mb-3">Proses Pembayaran</h2>
<p class="card-text mb-3">
Selesaikan pembayaran, dan
<b>paket ruangbelajar</b>
kamu bisa digunakan.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-1-v2.png?width=303&height=189&name=bg-float-1-v2.png"
width="303"
height="189"
alt="bg-float"
class="img-fluid img-c-float d-none d-xl-block"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-1-v2.png?width=152&height=95&name=bg-float-1-v2.png 152w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-1-v2.png?width=303&height=189&name=bg-float-1-v2.png 303w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-1-v2.png?width=455&height=284&name=bg-float-1-v2.png 455w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-1-v2.png?width=606&height=378&name=bg-float-1-v2.png 606w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-1-v2.png?width=758&height=473&name=bg-float-1-v2.png 758w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-1-v2.png?width=909&height=567&name=bg-float-1-v2.png 909w"
sizes="(max-width: 303px) 100vw, 303px"
/>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-2-v2.png?width=214&height=183&name=bg-float-2-v2.png"
width="214"
height="183"
alt="bg-float"
class="img-fluid img-c-float-v2 d-none d-xl-block"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-2-v2.png?width=107&height=92&name=bg-float-2-v2.png 107w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-2-v2.png?width=214&height=183&name=bg-float-2-v2.png 214w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-2-v2.png?width=321&height=275&name=bg-float-2-v2.png 321w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-2-v2.png?width=428&height=366&name=bg-float-2-v2.png 428w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-2-v2.png?width=535&height=458&name=bg-float-2-v2.png 535w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Penggunaan/bg-float-2-v2.png?width=642&height=549&name=bg-float-2-v2.png 642w"
sizes="(max-width: 214px) 100vw, 214px"
/>
</section>
<script></script>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-3">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_165526170498450"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<!-- section benefit -->
<div class="benefits">
<div class="page-center">
<div class="container-benefits">
<div class="benefits-left">
<h2>Apa saja yang bisa kamu dapatkan di Ruangguru?</h2>
<div class="boxleft-benefits">
<h3>Konten belajar berkualitas</h3>
<p class="content-boxleft-benefits">dirancang oleh guru-guru terbaik di Indonesia agar kamu dapat lebih mudah memahami materi belajar</p>
<p class="text-boxleft-benefits">Apa saja konten belajarnya?</p>
<div class="boxleft-item-wrap">
<div class="boxleft-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Benefits/assets-c-1.png" alt="icon video belajar adaftif" />
<p>Video belajar adaptif</p>
</div>
<div class="boxleft-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Benefits/assets-c-2.png" alt="icon Kuis di tiap video" />
<p>Kuis di tiap video</p>
</div>
<div class="boxleft-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Benefits/assets-c-3.png" alt="icon Rangkuman & infografik" />
<p>Rangkuman & infografik</p>
</div>
<div class="boxleft-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Benefits/assets-c-4.png" alt="icon Kuis akhir di tiap subbab" />
<p>Kuis akhir di tiap subbab</p>
</div>
</div>
</div>
</div>
<div class="benefits-mid">
<div class="midtop-benefits">
<h3>Ratusan ribu soal untuk persiapan ujian</h3>
<p>Beragam fitur latihan membantu kamu mendalami materi persiapan PTS, PAS, dan UTBK</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Benefits/assets-b.png" alt="image persiapan ujian" />
</div>
<div class="midbottom-benefits">
<h3>Cari solusi soal sulitmu dengan roboguru</h3>
<p>Hanya dengan ketik atau foto soal, kamu bisa dapatkan pembahasan dan video konsepnya. GRATIS!</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Benefits/assets-c.png" alt="image solusi soal sulitmu dengan roboguru" />
</div>
</div>
<div class="benefits-right">
<div class="righttop-benefits">
<h3>Kelas online yang seru dan interaktif</h3>
<p>
Belajar langsung sama
<b>Star Master Teacher</b>
sekaligus kenalan sama teman-teman se-Indonesia!
</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Benefits/assets-a.png" alt="image Kelas online yang seru dan interaktif" />
</div>
<div class="rightbottom-benefits">
<h3>Simulasi UTBK dengan Tryout di ruanguji</h3>
<p>Dilengkapi penilaian berbasis IRT dan rasionalisasi kampus</p>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20x%20Xiaomi/Section%20Benefits/assets-d.png"
alt="image Simulasi UTBK dengan Tryout di ruanguji"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
<div class="row-fluid-wrapper row-depth-1 row-number-4">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_165526171269452"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<section id="sect-faq">
<div class="faq" id="faq">
<div class="page-center">
<div class="faq-content">
<div class="faq-content_box">
<h2 class="font-head font-dark">Frequently Asked Questions</h2>
</div>
<div class="faq-content_accordion">
<div class="accordion-faq">
<!-- 1 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p class="m-0">Bagaimana cara mengikuti promo Ruangguru x Xiaomi?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p class="m-0">
Program promo back to school Ruangguru dengan Xiaomi bisa didapatkan dengan cara setiap pembelian produk Xiaomi (smartphone, tablet, notebook, dan tipe device
Xiaomi lainnya) berhak mendapatkan hadiah spesial dari Ruangguru senilai 1 juta rupiah.
</p>
</div>
</div>
</div>
<!-- 2 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p class="m-0">Apa persyaratan mendapat diskon spesial dari Ruangguru?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p class="m-0">
Syarat mendapatkan diskon spesial dari Ruangguru cukup melakukan pembelian produk Xiaomi (smartphone, tablet, notebook, dan tipe device Xiaomi lainnya) di Xiaomi
Store/Xiaomi Shop/Erafon.
</p>
</div>
</div>
</div>
<!-- 3 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p class="m-0">Saya sudah pernah/sedang berlangganan paket Ruangguru, apakah saya tetap bisa mendapatkan promo Ruangguru x Xiaomi?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p class="m-0">Bisa, promo ini berlaku untuk semua user Ruangguru.</p>
</div>
</div>
</div>
<!-- 4 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p class="m-0">Bagaimana cara menggunakan kode voucher diskon Ruangguru?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p class="m-0">Cara menggunakan diskon Ruangguru:</p>
<ol type="1">
<li>
Login atau buat akun di
<a href="https://app.ruangguru.com/" target="_self" rel="">https://app.ruangguru.com/</a>
</li>
<li>
Klik “
<b>Langganan</b>
” atau Tab “
<b>Pembelian Produk Ruangguru</b>
”
</li>
<li>
Klik Paket
<b>ruangbelajar</b>
</li>
<li>Pilih paket ruangbelajar yang diinginkan, voucher dapat digunakan untuk paket ruangbelajar 1 Tahun dan ruangbelajar 2 Tahun</li>
<li>
Masukkan kode diskon dibagian “
<b>Gunakan Kode Diskon</b>
” atau dibagian “
<b>Ganti Kode Diskon</b>
” jika kode diskonnya sudah tertera kode diskon lain
</li>
<li>Pilih metode pambayaran yang diinginkan, dan selesaikan pembayaran</li>
<li>Paket ruangbelajar sudah aktif dan bisa digunakan</li>
</ol>
</div>
</div>
</div>
<!-- 5 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p class="m-0">Saya sudah mengisi formulir klaim hadiah, tetapi sampai saat ini saya belum mendapatkan voucher diskonnya. Apa yang harus saya lakukan?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p class="m-0">
Silahkan cek email yang sebelumnya sudah didaftarkan, jika tidak ada pesan di kotak masuk mohon untuk cek spam atau trash. Jika tidak ditemukan juga email dari
Ruangguru silahkan langsung menghubungi tim CS Ruangguru di 081574410000.
</p>
</div>
</div>
</div>
<!-- 6 -->
<!--
-->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p class="m-0">Dimana saja channel pembelian Xiaomi untuk mendapatkan promo khusus dari Ruangguru?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p class="m-0">
Periode program promo Ruangguru x Xiaomi berlangsung dari tanggal 1 Juli - 31 Juli 2022, dan untuk penggunaan hadiah spesial dari Ruangguru (Voucher Diskon dan FREE
Trial Class English Academy) bisa diklaim hingga 30 September 2022.
</p>
</div>
</div>
</div>
<!-- 7 -->
<!--
-->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p class="m-0">Berapa lama periode program promo Ruangguru x Xiaomi?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p class="m-0">
Di semua cabang Xiaomi Store, 198 cabang Xiaomi Shop, dan 192 cabang Erafon di seluruh Indonesia. Cek selengkapnya
<a href="https://docs.google.com/spreadsheets/d/1m_BcU-3cxv3NB71YCNXWFp4cNe0NxzAxFLng6Rk3a0w/edit?usp=sharing" target="_blank" rel="">Klik disini</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<style>.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540 !important;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
loading="lazy"
alt="Button Google Play Footer "
/>
</a>
</div>
<div class="sec-app__content--appstore">
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
loading="lazy"
alt="Button App Store Footer "
/>
</a>
</div>
<div class="sec-app__content--huawei">
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<picture>
<source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
<source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
<img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
</picture>
</a>
</div>
</div>
</div>
<div class="sec-menu">
<div class="sec-menu__rg">
<p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
</li>
</ul>
</div>
<div class="sec-menu__lainnya">
<p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps/" target="_blank">Math Champs</a>
</li>
</ul>
</div>
<div class="sec-menu__bantuan">
<p class="font-base-footer font-white font-bold footer__title">Bantuan & Panduan</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
</li>
</ul>
</div>
<div class="sec-menu__contact">
<p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
<div class="group-contact">
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
</div>
</div>
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__content--bottom">
<div></div>
<div class="sec-follow">
<p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
<div class="sec-follow__content">
<div class="sec-follow__content--socmed">
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__year">
<p class="font-base-footer font-white font-bold center">
©
<span id="full-year"></span>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</section>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845605588/module_39227318886_header-homepage-ruangguru-2021.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/76399779960/1656695845493/module_76399779960_Module_Section_Form_-_LP_Ruangguru_x_Xiaomi.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/76399747934/1656412434531/module_76399747934_Module_Section_FAQ_-_LP_Ruangguru_x_Xiaomi.min.js"></script>
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(['setContentType', 'landing-page']);
_hsq.push(['setCanonicalUrl', 'https:\/\/www.ruangguru.com\/promo\/xiaomi']);
_hsq.push(['setPageId', '76691777640']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 76691777640,
legacyPageId: '76691777640',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 76691777640,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '140dc9f2-df09-4d01-bc1c-897a731f148c',
ticks: 1684631795576,
page_id: 76691777640,
content_group_id: 0,
portal_id: 2828691,
app_hs_base_url: 'https://app.hubspot.com',
cp_hs_base_url: 'https://cp.hubspot.com',
language: 'id',
analytics_page_type: 'landing-page',
analytics_page_id: '76691777640',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_promo_banner') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_promo_banner';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_promo_banner';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script>
<!-- Tracker -->
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8DPXH6" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'brainAcademyLandingPage',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>