<!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="Dapatkan harga promo & diskon terbaru untuk belajar di Ruangguru (Ruangbelajar, RB Plus, Brain Academy, & English Academy) sampai dengan 60%!" />
<meta name="generator" content="HubSpot" />
<title>Promo Chatime | Ruangguru</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Dapatkan harga promo & diskon terbaru untuk belajar di Ruangguru (Ruangbelajar, RB Plus, Brain Academy, & English Academy) sampai dengan 60%!" />
<meta property="og:title" content="Promo Chatime | Ruangguru" />
<meta name="twitter:description" content="Dapatkan harga promo & diskon terbaru untuk belajar di Ruangguru (Ruangbelajar, RB Plus, Brain Academy, & English Academy) sampai dengan 60%!" />
<meta name="twitter:title" content="Promo Chatime | Ruangguru" />
<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/template_assets/44980440489/1661483386153/A_Ruangguru_Projects/Project_Hofar/CSS_Javascript_Auto_Generate_Breadcrumb_-_V1.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/45335402792/1681725213045/module_45335402792_module-promo-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/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/chatime" />
<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/chatime" />
<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/32781682988/1666344401391/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/promo/chatime/assets/index-Dqv5PPZA.js"></script>
</head>
<body class="hs-content-id-5947974921 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_161864779893999"
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://www.brainacademy.id/hubfs/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">Siapkan masa depan sang buah hati dari sekarang!</p>
</div>
</a>
<!-- kursus for kids -->
<a href="https://www.ruangguru.com/for-kids/kursus">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=100&name=logo_rgfk_color%20(1).png"
alt="Logo For Kids"
width="100"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=50&name=logo_rgfk_color%20(1).png 50w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=100&name=logo_rgfk_color%20(1).png 100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=150&name=logo_rgfk_color%20(1).png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=200&name=logo_rgfk_color%20(1).png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=250&name=logo_rgfk_color%20(1).png 250w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Kursus%20For%20Kids/logo_rgfk_color%20(1).png?convert=webp&width=300&name=logo_rgfk_color%20(1).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>
</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_1618648036409106"
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" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<style>
:root {
--custom-orange: rgb(255, 130, 60);
}
.bg-custom-orange {
background-color: var(--custom-orange) !important;
}
.border-custom-orange {
border-color: var(--custom-orange) !important;
}
img.h-auto {
height: auto;
}
img.img-custom-clickable {
opacity: 1;
}
img.img-custom-clickable:hover {
opacity: 0.9;
cursor: pointer;
}
.table-bordered td {
padding: 0.75rem !important;
}
</style>
<div class="spacer-rg"></div>
<div class="promo__banner--detail">
<img
loading="lazy"
width="1281"
height="250"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-web.jpg?width=1281&height=250&name=banner-promo-chatime-web.jpg"
alt="0"
class="banner-web h-auto"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-web.jpg?width=641&height=125&name=banner-promo-chatime-web.jpg 641w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-web.jpg?width=1281&height=250&name=banner-promo-chatime-web.jpg 1281w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-web.jpg?width=1922&height=375&name=banner-promo-chatime-web.jpg 1922w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-web.jpg?width=2562&height=500&name=banner-promo-chatime-web.jpg 2562w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-web.jpg?width=3203&height=625&name=banner-promo-chatime-web.jpg 3203w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-web.jpg?width=3843&height=750&name=banner-promo-chatime-web.jpg 3843w"
sizes="(max-width: 1281px) 100vw, 1281px"
/>
<img
loading="lazy"
width="1025"
height="251"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-ipad.jpg?width=1025&height=251&name=banner-promo-chatime-ipad.jpg"
alt="0"
class="banner-ipad h-auto"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-ipad.jpg?width=513&height=126&name=banner-promo-chatime-ipad.jpg 513w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-ipad.jpg?width=1025&height=251&name=banner-promo-chatime-ipad.jpg 1025w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-ipad.jpg?width=1538&height=377&name=banner-promo-chatime-ipad.jpg 1538w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-ipad.jpg?width=2050&height=502&name=banner-promo-chatime-ipad.jpg 2050w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-ipad.jpg?width=2563&height=628&name=banner-promo-chatime-ipad.jpg 2563w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-ipad.jpg?width=3075&height=753&name=banner-promo-chatime-ipad.jpg 3075w"
sizes="(max-width: 1025px) 100vw, 1025px"
/>
<img
loading="lazy"
width="721"
height="317"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-mobile.png?width=721&height=317&name=banner-promo-chatime-mobile.png"
alt="0"
class="banner-mobile d-block d-md-none h-auto"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-mobile.png?width=361&height=159&name=banner-promo-chatime-mobile.png 361w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-mobile.png?width=721&height=317&name=banner-promo-chatime-mobile.png 721w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-mobile.png?width=1082&height=476&name=banner-promo-chatime-mobile.png 1082w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-mobile.png?width=1442&height=634&name=banner-promo-chatime-mobile.png 1442w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-mobile.png?width=1803&height=793&name=banner-promo-chatime-mobile.png 1803w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/banner-promo-chatime-mobile.png?width=2163&height=951&name=banner-promo-chatime-mobile.png 2163w"
sizes="(max-width: 721px) 100vw, 721px"
/>
</div>
<div class="detail">
<div class="page-center">
<!--ul class="breadcrumb">
<li><a href="https://www.ruangguru.com">Home</a></li>
<li><a href="https://www.ruangguru.com/promo">Promo</a></li>
<li class="txt-transform">chatime</li>
</ul-->
<nav aria-label="breadcrumb">
<ol id="breadcrumb" class="breadcrumb bg-transparent p-0"></ol>
</nav>
<div class="detail__content">
<div class="row px-0">
<div class="col-12 col-lg-8">
<div class="detail__content--left">
<div>
<h1 class="font-subtitle font-base font-bold">Belajar tetap segar bareng Ruangguru dan Chatime!</h1>
</div>
<div class="description-promo">
<p class="font-desc font-base font-thin font-grey">
Langganan paket Ruangbelajar, Brain Academy, Brain Academy Online, dan English Academy pakai kode diskon
<strong>CHATIMERG</strong>
dapat diskon paket hingga 70% dan GRATIS Voucher Buy 1 Get 1 dari Chatime!
</p>
</div>
</div>
<div id="wording-text" class="d-none">Hi!+Ada+promo+spesial+nih+dari+Ruangguru!+ Yuk+klaim+promonya+di</div>
<div class="detail__content--left">
<div class="syarat-ketentuan">
<div class="font-base font-desc">
<h2>Syarat dan Ketentuan</h2>
<ol>
<li aria-level="1">
Promo hanya berlaku sampai dengan
<strong>4 Maret 2022</strong>
selama persediaan masih ada.
</li>
<li aria-level="1">
Berlaku hanya untuk pembelian paket Ruangbelajar, Brain Academy, Brain Academy Online dan English Academy yang menggunakan kode
<strong>CHATIMERG</strong>
<strong><em>.</em></strong>
</li>
<li aria-level="1">Berlaku untuk 70 pembeli pertama yang menggunakan kode CHATIMERG setiap harinya selama periode promo.</li>
<li aria-level="1">
Pelanggan wajib mengisi formulir klaim hadiah yang dikirimkan langsung setelah pelanggan melakukan transaksi. Batas waktu pengisian formulir maksimal
<strong>5 x 24 jam</strong>
setelah dikirimkan.
</li>
<li aria-level="1">
Pengiriman hadiah berupa kode voucher dilakukan paling lambat
<strong>H+30 setelah periode promo berakhir.</strong>
</li>
<li aria-level="1">Jika hadiah tidak sampai kepada user karena ketidaklengkapan data formulir, bukan menjadi tanggung jawab Ruangguru.</li>
<li aria-level="1">Pemenang promo ditentukan oleh Ruangguru dan tidak dapat diganggu gugat.</li>
</ol>
<h2>Syarat dan Ketentuan Voucher Chatime</h2>
<ol>
<li aria-level="1">
Kode voucher hanya dapat ditukar melalui
<strong>Aplikasi Chatime Indonesia (Pickup / Delivery).</strong>
</li>
<li aria-level="1">
Kode voucher
<strong>tidak dapat ditukar melalui pembelian in-store</strong>
.
</li>
<li aria-level="1">
Voucher merupakan
<strong>Buy 1 Get 1,</strong>
yaitu beli menu apapun di Aplikasi Chatime menggunakan kode voucher yang kamu terima, akan langsung mendapatkan
<strong>FREE 1 White Grape Green Tea (Regular Size).</strong>
</li>
<li aria-level="1">
<strong>Tidak ada minimum pembelian</strong>
untuk penggunaan kode voucher.
</li>
<li aria-level="1">
Kode voucher dapat digunakan
<strong>di seluruh outlet Chatime yang terdaftar di Aplikasi Chatime Indonesia. </strong>
</li>
<li aria-level="1">
Kode voucher berlaku hingga
<strong>22 Mei 2022.</strong>
Kode voucher yang sudah dipakai atau kadaluarsa tidak dapat digunakan kembali.
</li>
<li aria-level="1">
Kode voucher
<strong>hanya dapat digunakan satu kali dan hanya dapat digunakan untuk satu akun.</strong>
</li>
<li aria-level="1">
Kode voucher
<strong>tidak dapat diuangkan atau ditukarkan dengan produk lain.</strong>
</li>
<li aria-level="1">Pihak Chatime berhak untuk membatalkan transaksi bila pengguna kode voucher tidak sesuai dengan syarat dan ketentuan yang berlaku</li>
<li aria-level="1">Syarat & ketentuan ini dapat berubah sewaktu-waktu tanpa pemberitahuan terlebih dahulu tergantung kebijakan Chatime.</li>
</ol>
<h2>Tata Cara Penggunaan Voucher Chatime</h2>
<ol>
<li aria-level="1">
Pastikan kamu sudah
<strong>memiliki Aplikasi Chatime Indonesia dan sudah memiliki akun.</strong>
</li>
<li aria-level="1">
Pada halaman awal, pilih
<strong>Order Now.</strong>
</li>
<li aria-level="1">Pilih mekanisme pembelian chatime (Pick Up atau Delivery) dan pilih waktu yang kamu inginkan.</li>
<li aria-level="1">
Isi
<strong>alamat dan nomor Handphone</strong>
yang sesuai.
</li>
<li aria-level="1">Pilih outlet Chatime yang kamu inginkan.</li>
<li aria-level="1">
Pilih menu Chatime yang kamu inginkan. Jika sudah sesuai, klik
<strong>Add to Chart</strong>
dan jika sudah selesai, klik
<strong>Check Out.</strong>
</li>
<li aria-level="1">
Pada bagian Confirm Order pastikan pesanan dan alamatmu sudah sesuai. Masukan kode voucher pada bagian
<strong>Have a Promo Code</strong>
kemudian klik
<strong>Apply.</strong>
</li>
<li aria-level="1">Pilih metode pembayaran yang kamu inginkan.</li>
</ol>
<h2>Download Aplikasi Chatime!</h2>
<p>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-qr.png?width=512&name=chatime-qr.png"
alt="chatime-qr"
width="512"
loading="lazy"
style="width: 512px; margin-left: auto; margin-right: auto; display: block"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-qr.png?width=256&name=chatime-qr.png 256w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-qr.png?width=512&name=chatime-qr.png 512w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-qr.png?width=768&name=chatime-qr.png 768w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-qr.png?width=1024&name=chatime-qr.png 1024w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-qr.png?width=1280&name=chatime-qr.png 1280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-qr.png?width=1536&name=chatime-qr.png 1536w"
sizes="(max-width: 512px) 100vw, 512px"
/>
</p>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="detail__content--right custom-sticky">
<div class="share">
<div class="share__text">
<p class="font-base font-desc font-thin">Bagikan promo ini</p>
</div>
<div class="share__socmed">
<div class="share__socmed--img">
<a id="waQuote" href="#" target="_blank">
<img
loading="lazy"
width="32"
height="32"
class="h-auto"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Promo/Homepage%20Promo%202021/WhatsApp%20(1).svg"
alt="Icon Whatsapp"
/>
</a>
</div>
<div class="share__socmed--img">
<a id="fbQuote" href="#" target="_blank">
<img
loading="lazy"
width="32"
height="32"
class="h-auto"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Promo/Homepage%20Promo%202021/Facebook%20(3).svg"
alt="Icon Facebook"
/>
</a>
</div>
<div class="share__socmed--img">
<a id="twitterQuote" href="" target="_blank">
<img
loading="lazy"
width="32"
height="32"
class="h-auto"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Promo/Homepage%20Promo%202021/Twitter%20(2).svg"
alt="Icon Twitter"
/>
</a>
</div>
</div>
</div>
<div class="kode-periode">
<div class="kode-periode__discount">
<div class="kode-periode__discount--text">
<div class="ic">
<img
loading="lazy"
width="24"
height="24"
class="h-auto"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Promo/Homepage%20Promo%202021/ic_discount.svg"
alt="Icon Kode Diskon"
/>
</div>
<div class="txt">
<p class="font-small font-base font-thin">Kode diskon </p>
<p class="font-base font-bold font-desc">CHATIMERG</p>
</div>
</div>
<div class="box-clipboard">
<button class="btn-copy font-base font-bold font-desc" data-clipboard-text="CHATIMERG">Salin</button>
</div>
</div>
<div class="kode-periode__date">
<div class="ic">
<img
loading="lazy"
width="24"
height="24"
class="h-auto"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Promo/Homepage%20Promo%202021/ic_calender.svg"
alt="Icon Periode Promo"
/>
</div>
<div class="txt">
<p class="font-small font-base font-thin">Periode</p>
<p class="font-base font-bold font-desc">23 Februari - 4 Maret 2022</p>
</div>
</div>
</div>
<div class="cta__promo--langganan">
<div
class="hs-embed-wrapper"
data-service="js.hscta"
data-script-embed="true"
data-responsive="true"
style="
position: relative;
overflow: hidden;
width: 100%;
height: auto;
padding: 0px;
max-width: 446px;
min-width: 256px;
display: block;
margin: auto;
max-height: 49px;
"
>
<div class="hs-embed-content-wrapper">
<!--HubSpot Call-to-Action Code -->
<span class="hs-cta-wrapper" id="hs-cta-wrapper-13a76ebf-7723-49a0-9ce5-6ca6446d8295">
<span class="hs-cta-node hs-cta-13a76ebf-7723-49a0-9ce5-6ca6446d8295" id="hs-cta-13a76ebf-7723-49a0-9ce5-6ca6446d8295">
<!--mce:protected %3C%21--%5Bif%20lte%20IE%208%5D%3E%3Cdiv%20id%3D%26quot%3Bhs-cta-ie-element%26quot%3B%3E%3C/div%3E%3C%21%5Bendif%5D--%3E-->
<a href="https://cta.ruangguru.com/13a76ebf-7723-49a0-9ce5-6ca6446d8295" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-13a76ebf-7723-49a0-9ce5-6ca6446d8295"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/13a76ebf-7723-49a0-9ce5-6ca6446d8295.png"
alt="Langganan"
/>
</a>
</span>
<script charset="utf-8" src=".js"></script>
<script type="text/javascript">
hbspt.cta.load(2828691, '13a76ebf-7723-49a0-9ce5-6ca6446d8295', { useNewLoader: 'true', region: 'na1' });
</script>
</span>
<!-- end HubSpot Call-to-Action Code -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="how-to">
<div class="page-center">
<div class="font-base font-desc">
<h2 class="font-base font-bold font-subtitle">Panduan Transaksi</h2>
<div class="how-to__step">
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Banks/1.png" loading="lazy" alt="Promo-RG-1" />
<p>
1. Klik menu
<strong>Pembelian</strong>
dan pilih layanan yang kamu inginkan
</p>
</div>
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Banks/2.png" loading="lazy" alt="Promo-RG-2" />
<p>2. Pilih paket sesuai dengan pilihanmu</p>
</div>
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Banks/3%20-%201th.png" alt="Promo-RG-3" loading="lazy" />
<p>3. Akan muncul rincian pembelian dan klik tab Masukan kode diskon</p>
</div>
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/EMINA/eminarg2.png" alt="Promo-RG-4" loading="lazy" />
<p>
4. Pilih kode diskon yang kamu inginkan dan klik
<strong>GUNAKAN</strong>
</p>
</div>
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/EMINA/eminarg1.png" alt="Promo-RG-5" loading="lazy" />
<p>
5. Setelah berhasil, harga paket akan otomatis terpotong. Kemudian klik '
<strong>BAYAR SEKARANG</strong>
'.
</p>
</div>
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Partnership%202020/indomaret/3.jpg" alt="Promo-RG-6" loading="lazy" />
<p>6. Pilih metode pembayaran yang kamu inginkan.</p>
</div>
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Partnership%202020/indomaret/4.jpg" alt="Promo-RG-7" loading="lazy" />
<p>7. Selanjutnya, akan muncul tab rincian belanja. Pastikan paket yang kamu beli sudah sesuai. Kemudian, lanjutkan pembayaran sampai selesai.</p>
</div>
<div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Banks/8yes.png" alt="Promo-RG-8" loading="lazy" />
<p>
8. Tim Ruangguru akan mengirimkan email verifikasi untuk pengiriman hadiah. Pastikan emailmu aktif dan isi data dirimu pada link formulir verifikasi yang ada di email.
Tunggu hadiahmu dirumah ya! Hadiah akan dikirimkan ke rumahmu sesuai syarat dan ketentuan yang berlaku.
</p>
</div>
</div>
<br />
<br />
<p class="font-base font-bold font-subtitle"> </p>
<h2 class="font-base font-bold font-subtitle">Panduan Penggunaan Voucher Chatime</h2>
<div class="how-to__step">
<div>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime1.png?width=236&name=chatime1.png"
alt="chatime1"
width="236"
loading="lazy"
style="width: 236px"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime1.png?width=118&name=chatime1.png 118w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime1.png?width=236&name=chatime1.png 236w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime1.png?width=354&name=chatime1.png 354w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime1.png?width=472&name=chatime1.png 472w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime1.png?width=590&name=chatime1.png 590w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime1.png?width=708&name=chatime1.png 708w"
sizes="(max-width: 236px) 100vw, 236px"
/>
<p>1. Buka halaman utama di Aplikasi Chatime. Pilih Order Now</p>
</div>
<div>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime2.png?width=236&name=chatime2.png"
alt="chatime2"
width="236"
loading="lazy"
style="width: 236px"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime2.png?width=118&name=chatime2.png 118w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime2.png?width=236&name=chatime2.png 236w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime2.png?width=354&name=chatime2.png 354w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime2.png?width=472&name=chatime2.png 472w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime2.png?width=590&name=chatime2.png 590w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime2.png?width=708&name=chatime2.png 708w"
sizes="(max-width: 236px) 100vw, 236px"
/>
<p>2. Pilih mekanisme pembelian chatime (Pick Up atau Delivery)</p>
</div>
<div>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime3.png?width=236&name=chatime3.png"
alt="chatime3"
width="236"
loading="lazy"
style="width: 236px"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime3.png?width=118&name=chatime3.png 118w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime3.png?width=236&name=chatime3.png 236w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime3.png?width=354&name=chatime3.png 354w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime3.png?width=472&name=chatime3.png 472w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime3.png?width=590&name=chatime3.png 590w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime3.png?width=708&name=chatime3.png 708w"
sizes="(max-width: 236px) 100vw, 236px"
/>
<p>3. Lengkapi alamat dan nomor handphone</p>
</div>
<div>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime4.png?width=236&name=chatime4.png"
alt="chatime4"
width="236"
loading="lazy"
style="width: 236px"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime4.png?width=118&name=chatime4.png 118w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime4.png?width=236&name=chatime4.png 236w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime4.png?width=354&name=chatime4.png 354w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime4.png?width=472&name=chatime4.png 472w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime4.png?width=590&name=chatime4.png 590w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime4.png?width=708&name=chatime4.png 708w"
sizes="(max-width: 236px) 100vw, 236px"
/>
<p>4. Pilih menu Chatime, kemudian Check Out pesananmu.</p>
</div>
<div>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime5.png?width=236&name=chatime5.png"
alt="chatime5"
width="236"
loading="lazy"
style="width: 236px"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime5.png?width=118&name=chatime5.png 118w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime5.png?width=236&name=chatime5.png 236w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime5.png?width=354&name=chatime5.png 354w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime5.png?width=472&name=chatime5.png 472w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime5.png?width=590&name=chatime5.png 590w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime5.png?width=708&name=chatime5.png 708w"
sizes="(max-width: 236px) 100vw, 236px"
/>
<p>5. Pastikan pesananmu sudah sesuai. Pilih Outlet Chatime yang kamu inginkan.</p>
</div>
<div>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-6a.jpg?width=236&name=chatime-6a.jpg"
alt="chatime-6a"
width="236"
loading="lazy"
style="width: 236px"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-6a.jpg?width=118&name=chatime-6a.jpg 118w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-6a.jpg?width=236&name=chatime-6a.jpg 236w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-6a.jpg?width=354&name=chatime-6a.jpg 354w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-6a.jpg?width=472&name=chatime-6a.jpg 472w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-6a.jpg?width=590&name=chatime-6a.jpg 590w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime-6a.jpg?width=708&name=chatime-6a.jpg 708w"
sizes="(max-width: 236px) 100vw, 236px"
/>
<p>6. Masukan Kode Vouchermu, kemudian klik Confirm and Pay.</p>
</div>
<div>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime7.png?width=236&name=chatime7.png"
alt="chatime7"
width="236"
loading="lazy"
style="width: 236px"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime7.png?width=118&name=chatime7.png 118w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime7.png?width=236&name=chatime7.png 236w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime7.png?width=354&name=chatime7.png 354w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime7.png?width=472&name=chatime7.png 472w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime7.png?width=590&name=chatime7.png 590w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/New%20Payment/Chatime/Panduan%202022/chatime7.png?width=708&name=chatime7.png 708w"
sizes="(max-width: 236px) 100vw, 236px"
/>
<p>7. Pilih metode pembayaran yang kamu inginkan</p>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script async src="https://platform.twitter.com/widgets.js"></script>
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<!--for tooltip-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script>
//tooltip
//$('.btn-copy').tooltip({
// trigger: 'click',
// placement: 'top'
//});
function setTooltip(elem, message) {
$(elem).attr('title', message).tooltip('show');
}
function hideTooltip(elem) {
setTimeout(function () {
$(elem).removeAttr('title').tooltip('hide');
}, 2000);
}
//clipboard
var clipboard = new ClipboardJS('.btn-copy');
clipboard.on('success', function (e) {
// console.info('Action:', e.action);
// console.info('Text:', e.text);
// console.info('Trigger:', e.trigger);
setTooltip(e.trigger, 'Copied!');
hideTooltip(e.trigger);
e.clearSelection();
});
clipboard.on('error', function (e) {
// console.error('Action:', e.action);
// console.error('Trigger:', e.trigger);
setTooltip(e.trigger, 'Failed!');
hideTooltip(e.trigger);
});
//for wa
$(document).ready(function () {
// console.log("test123");
// if page detail show or page with class detail length = 1
if ($('.detail').length) {
var wordingText = '';
//if wording-text not empty
if ($('#wording-text').length) {
wordingText = $('#wording-text').text();
// console.log("wordingText: " + wordingText);
}
var waUrl = window.location.href;
// var waLink = "https://api.whatsapp.com/send?phone=&text=Program%20Promo%20Ruangguru%0D%0A%0D%0ARaih%20kesempatan%20untuk%20dapat%20diskon%20hingga%2080%25%2E%20Klik%20link%20di%20bawah%20untuk%20klaim%20promo%0D%0A%0D%0A" + waUrl;
var waLink = 'https://api.whatsapp.com/send?phone=&text=' + wordingText + '%0D%0A%0D%0A' + waUrl;
document.getElementById('waQuote').href = waLink;
// for fb
var fbUrl = window.location.href;
// var fbLink = "https://www.facebook.com/share.php?u=example.com"e=Program%20Promo%20Ruangguru%0D%0A%0D%0ARaih%20kesempatan%20untuk%20dapat%20diskon%20hingga%2080%25%2E%20Klik%20link%20di%20bawah%20untuk%20klaim%20promo%0D%0A%0D%0A" + fbUrl;
var fbLink = 'https://www.facebook.com/share.php?u=' + fbUrl + '"e=' + wordingText;
document.getElementById('fbQuote').href = fbLink;
// for twitter
var twitterUrl = window.location.href;
// var twitterLink = "https://twitter.com/intent/tweet?text=Program%20Promo%20Ruangguru%0D%0A%0D%0ARaih%20kesempatan%20untuk%20dapat%20diskon%20hingga%2080%25%2E%20Klik%20link%20di%20bawah%20untuk%20klaim%20promo%0D%0A%0D%0A" + twitterUrl;
var twitterLink = 'https://twitter.com/intent/tweet?text=' + wordingText + ' ' + twitterUrl;
document.getElementById('twitterQuote').href = twitterLink;
}
var imgCustomClickable = $('.img-custom-clickable');
if (imgCustomClickable.length) {
imgCustomClickable.each(function (index, object) {
//console.log(index);
//console.log(object);
//console.log($(this).attr('data-img-promo-url'));
$(this).attr('title', 'Lihat detail');
$(this).on('click', function () {
window.open($(this).attr('data-img-promo-url'), '_self');
});
});
}
});
$('.how-to__step').slick({
infinite: false,
dots: false,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: false,
speed: 400,
arrows: true,
responsive: [
{
breakpoint: 9999,
settings: 'unslick',
},
{
breakpoint: 767.5,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
{
breakpoint: 1024.5,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
],
});
// function myFunction(x) {
// if (x.matches) { // If media query matches
// $('.how-to__step').slick({
// infinite: false,
// dots: false,
// slidesToShow: 1,
// slidesToScroll: 1,
// autoplay: false,
// speed: 400,
// arrows: true
// });
// }
// }
// var x = window.matchMedia("(max-width: 768px)");
// myFunction(x); // Call listener function at run time
// x.addListener(myFunction); // Attach listener function on state changes
</script>
</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/template_assets/45749395482/1621933279844/A_Ruangguru_Projects/Revamp_Promo_Ruangguru/javascript_pagination_promo_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/template_assets/47442333552/1667882001713/A_Ruangguru_Projects/Project_Hofar/Javascript_Auto_Generate_Breadcrumb_-_V1_3.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/45335402792/1681725212268/module_45335402792_module-promo-ruangguru-2021.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\/chatime']);
_hsq.push(['setPageId', 'hubdb-5947974921-4355922-66868463671']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 'hubdb-5947974921-4355922-66868463671',
legacyPageId: 'hubdb-5947974921-4355922-66868463671',
contentFolderId: 45370667170,
contentGroupId: null,
abTestId: null,
languageVariantId: 5947974921,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: 'f370ab8e-f298-4b50-9f38-0b30d6b0201c',
ticks: 1684991556937,
page_id: 5947974921,
dynamic_page_id: 'hubdb-5947974921-4355922-66868463671',
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: 'hubdb-5947974921-4355922-66868463671',
category_id: 1,
folder_id: 45370667170,
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>
<style>
.cta__promo--lihat-detail a {
white-space: nowrap;
margin-right: 1rem;
}
.cta__promo--langganan .hs-embed-wrapper {
min-width: 0px !important;
}
</style>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"
></script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>