BLOG

Cara menampilkan Support WhatsApp Chat diBlog?

• Untuk mengetahui langkah-langkah lihat pada
petunjuk berikut:

• Langkah 1 :
• Sobat Login terlebih dahulu pada Blog masing-
masing selanjutnya pilih Tema dan Edit HTML
 Code html
• Langkah 2 :
Cari kode </head> pada kolom
pencarian HTML yang terdapat pada
Blog dan PASTE kan kode dibawah ini
tepat diatas </head>.
 Code html
• <link rel='stylesheet' id='wptwa-public-css'
href='https://herbalgresik.com/whatsapp/css/public.css?ver=5.0.2'
type='text/css' media='all' />
• <link rel='stylesheet' id='wptwa-generated-css'
href='https://herbalgresik.com/whatsapp/css/auto-generated-wptwa.css?
ver=5.0.2' type='text/css' media='all' />
• <script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
• <script type='text/javascript'
src='https://herbalgresik.com/whatsapp/js/public.js?ver=5.0.2'
defer='defer'></script>
• Langkah 3 :
• Cari kode </body> pada HTML dan
PASTE kan tepat diatas </body>
Code html
• <div class="wptwa-container left-side" data-delay-time="0" data-inactive-
time="0" data-scroll-length="0" data-auto-display-on-mobile="off">
• <div class="wptwa-box">
• <div class="wptwa-wrapper">
• <div class="wptwa-description">
• <p>Jika ada pertanyaan atau order tiket dengan senang hati kami
melayani. Silakan Chat dengan Customer Service kami</p>
• </div>
•
Code html
• <span class="wptwa-close"></span>
• <div class="wptwa-people"><a href="https://wa.me/6282124748977?text=Hai, Gotix Support" target="_blank" class="wptwa-account" data-
number="62852124748977" data-auto-text="Gotix Support 1">
• <div class="wptwa-face"><img src="'https://iplogger.org/2LsgR5.jp" onerror="this.style.display='none'"></img></div>
• <div class="wptwa-info">
• <span class="wptwa-title">Customer Support 1</span><span class="wptwa-name">Aty</span>
• </div>
• <div class="wptwa-clearfix"></div></a><a href="https://wa.me/6285697722366?text=Hai, Gotix Support" target="_blank" class="wptwa-account" data-
number="6285697722366" data-auto-text="Hallo Support 2">
• <div class="wptwa-face"><img src="'https://iplogger.org/2LsgR5.jp" onerror="this.style.display='none'"></img></div>
• <div class="wptwa-info">
• <span class="wptwa-title">Customer Support 2</span>
• <span class="wptwa-name">Rakakids</span>
• </div>
• <div class="wptwa-clearfix"></div>
• </a>
• </div>
• </div>
• </div>
• <span class="wptwa-handler">
Code html
• <svg class="WhatsApp" width="15px" height="15px" viewBox="0 0 90 90">
• <path id="WhatsApp" d="M90,43.841c0,24.213-19.779,43.841-44.182,43.841c-7.747,0-15.025-1.98-21.357-
5.455L0,90l7.975-23.522 c-4.023-6.606-6.34-14.354-6.34-
22.637C1.635,19.628,21.416,0,45.818,0C70.223,0,90,19.628,90,43.841z M45.818,6.982 c-20.484,0-37.146,16.535-
37.146,36.859c0,8.065,2.629,15.534,7.076,21.61L11.107,79.14l14.275-4.537
c5.865,3.851,12.891,6.097,20.437,6.097c20.481,0,37.146-16.533,37.146-36.857S66.301,6.982,45.818,6.982z
M68.129,53.938 c-0.273-0.447-0.994-0.717-2.076-1.254c-1.084-0.537-6.41-3.138-7.4-3.495c-0.993-0.358-1.717-0.538-
2.438,0.537 c-0.721,1.076-2.797,3.495-3.43,4.212c-0.632,0.719-1.263,0.809-2.347,0.271c-1.082-0.537-4.571-1.673-8.708-
5.333 c-3.219-2.848-5.393-6.364-6.025-7.441c-0.631-1.075-0.066-1.656,0.475-2.191c0.488-0.482,1.084-1.255,1.625-1.882
c0.543-0.628,0.723-1.075,1.082-1.793c0.363-0.717,0.182-1.344-0.09-1.883c-0.27-0.537-2.438-5.825-3.34-7.977 c-0.902-
2.15-1.803-1.792-2.436-1.792c-0.631,0-1.354-0.09-2.076-0.09c-0.722,0-1.896,0.269-2.889,1.344 c-0.992,1.076-3.789,3.676-
3.789,8.963c0,5.288,3.879,10.397,4.422,11.113c0.541,0.716,7.49,11.92,18.5,16.223
C58.2,65.771,58.2,64.336,60.186,64.156c1.984-0.179,6.406-2.599,7.312-
5.107C68.398,56.537,68.398,54.386,68.129,53.938z"></path>
• </svg>
• <span class="text">Customer Support</span></span>
• </div>