In order to fulfill the basic functions of our service, the user hereby agrees to allow Xiaomi to collect, process and use personal information which shall include but not be limited to written threads, pictures, comments, replies in the Xiaomi Community, and relevant data types listed in Xiaomi's Private Policy. By selecting "Agree", you agree to Xiaomi's Private Policy and Content Policy .
Agree

Tips dan trik

[Panduan] Buat WebApp OLShop pakai hape - Jualan Makin Cuan !! [Tanpa Coding & Tanpa Install]

2021-09-23 15:07:50
995 12

Sebelumnya Saya telah menulis thread cara membuat aplikasi android tanpa coding, yang membutuhkan install aplikasi ke hape android. Muncul pertanyaan, bagaimana jika pelanggan memakai Iphone ? PC/laptop ? atau OS lain ?

Buat sobat yang belum membaca dan ingin mencoba membuat aplikasi android tanpa coding, silahkan kunjungi thread ini
Mungkin banyak di antara sobat yang telah berjualan di market-market seperti Shopee, Tokopedia, Bukalapak, OLX, dan lain-lain.  Tapi pernahkan sobat menemui pertanyaan ketika memperkenalkan produk yang dijual, seperti "Jualan nya di olshop mana aja ?", "Minta link  nya dong ?",  "Jualan nya apa aja ?"

Terbayangkan betapa repotnya harus memberikan jawaban berulang-ulang dan memberikan link produk kita kepada sekian banyak pelanggan yang bertanya ? Apalagi jika produk yang kita jual banyak jenisnya dan di banyak market place.

WebApp inilah solusi jawaban di atas, sobat bisa langsung mencoba contoh WebApp yang telah Saya buat dan akan dijadikan bahan belajar di thread ini.  Sehingga paham apa maksud dan bagaimana cara kerja nya.  

Apa itu WebApp ? WebApp atau Web Application adalah program layaknya aplikasi tapi berbasis web dan dapat di akses melalui browser sehingga tidak membutuhkan install aplikasi di hape.
Silahkan klik link ini untuk mencoba contoh WebApp yang sudah dibuat, WepApp TiJe Cell

Tampilan WebApp, Sumber : koleksi pribadi

Sebelum mulai, Saya minta ijin dari Xiaomi Indonesia dikarenakan pada contoh WebApp ini Saya mengunakan link Shopee dan Tokopedia dari produk-produknya.
Disclaimer,
  • Saya bukan pemilik ataupun penjual dari link produk-produk di dalam WebApp ini.
  • Link produk hanya digunakan untuk pembelajaran.

Tanpa panjang lebar langsung segera kita mulai, Saya akan berikan langkah demi langkah dan di sertai gambar.

1. Pendaftaran
Sobat siapkan hape dan browser (pada contoh gambar,  Saya mengunakan laptop tapi tampilannya sama saja).
Kita buka di browser dan ketik/klik alamat web ini https://www.socialcreator.com dan lakukan pendaftaran dan Login jika sudah selesai.
Bagi yang sudah punya akun bisa langsung login.

2. Pembuatan App dan Pengaturan awal
a. Pada layar awal setelah Login, klik Create App pada gambar 1.
b. Lakukan pengaturan awal dengan, isi App Name sesuai nama toko OLShop (A), Isi nama alamat Web yang sobat inginkan (B), Isi Header Text (C), Isi App Description / keterangan toko (D), klik Telusuri untuk memilih icon yang akan tampil pada WebApp (E), klik Next jika sudah selesai (F) pada gambar 2.
c. Pilih Tema Warna yang sobat inginkan (A), lalu klik Next (B) pada gambar 3.
d. Pengaturan awal sudah selesai, klik Go To App Manager (A) pada gambar 4.

Gambar 1


Gambar 2


Gambar 3


Gambar 4
3. Mempercantik Tampilan App
Silahkan sobat mempercantik tampilan App, baik pada tampilan jika di buka dengan browser atau pun pada tampilan jika di buka mengunakan hape (gambar 5) dan jangan lupa selalu klik Save jika selesai mengubah.  Pada contoh, Saya hanya mengubah tampilan Footer/bawah layar App dengan mengisi keterangan toko dan link Facebook/Twitter.
Note. Untuk mempercantik tampilan bisa sobat lakukan setelah selesai dengan langsung melihat pada tampilan hape setiap melakukan perubahan.

Gambar 5
4. Membuat Submenu
Sekarang kita akan membuat Submenu dengan mengelompokan seri hape dari setiap tipenya, pada hape Xiaomi ada seri Redmi, MI, dan POCO.
Dalam contoh App ini, Saya hanya memberikan contoh seri Redmi, untuk seri MI dan POCO silahkan sobat buat sendiri dengan cara yang sama.
a. Klik Section pada menu (A), lalu klik Create Section (B) pada gambar 6.
b. Pilih Item pada gambar 7.
c. Isi Section Title dengan Redmi, Title dengan Redmi by Xiaomi, Description dengan keterangan seperti pada gambar 8.
d. Klik Currency dan ganti ke other, lalu isi kolom nya dengan Idr (A) pada gambar 9.
e. Isi Title Button 1 dengan Beli di Shopee, Title Button 2 dengan Beli di ToPed, Title Button 3/4 isi dengan market place lain milik sobat (B), setelah selesai klik tanda + (C) pada gambar 9.
f.  Pilih NO pada Show in Menu (A), Klik telusuri untuk pilih gambar icon (B), lalu klik Save (c) pada gambar 10.
g. Klik Go Now To The Section (A) pada gambar 11.
h. Klilk Item Management (A) pada gambar 12.
i.  Klik New Item (A) pada gambar 13.

Gambar 6


Gambar 7


Gambar 8


Gambar 9


Gambar 10


Gambar 11


Gambar 12


Gambar 13
5. Input Produk
Setelah membuat Submenu Redmi, sekarang kita lanjutkan meng-input produk-produk yang di jual sesuai Submenu Redmi pada WebApp ini.
Saya akan berikan contoh produk Redmi 9C, untuk tipe-tipe lain, sobat bisa lakukan dengan cara yang sama.
a. Masukan nama produk Redmi 9C pada kolom Title (A), Masukan keterangan produk pda kolom Description (B), Jika punya link Youtube untuk produk ini masukan link nya pada kolom Video (C), masukan harga jual pada kolom Price (D) lihat gambar 14.
b. Pilih Open Web (A) pada button 1, lalu isi link produk yang sobat jual di Shopee pada kolom web dan pilih Open On New Page (B) lihat gambar 15.
note. jumlah button maksimal 4 link untuk sobat isi link ke market place lokasi produk dijual. (lihat gambar 9)
c. Lakukan hal yang sama pada Button 2, Button 3, Button 4 jika sobat meenjual produk ini di Tokopedia dan lain-lain, atau biarkan kosong jika tidak ada.
d. Klik Telusuri untuk menambahkan gambar produk (C), lalu klik Save Image (D), dan klik Save (E) pada gambar 15.
e. Klik Back pada gambar 16.
f. Klik New Item pada gambar 17, dan lakukan input produk lain dengan cara yang sama.
g. Jika sudah selesai melakukan input produk, klik Back, Back sampai ke menu utama (lihat gambar 6).

Gambar 14


Gambar 15


Gambar 16


Gambar 17

6. Membuat Menu Utama
Paling akhir kita akan membuat Menu Utama untuk Tampilan pada WebAppp, kita kelompokan Seri Redmi, MI, POCO ke dalam Menu Smartphone.
a. Klik Section (A), klik Create Section (B) pada gambar 18.
b. Klik Submenu pada gambar 19.
c. Isi Section Title dengan Smartphone (A), isi Title (B), pilih Submenu Redmi / MI / POCO lalu klik Add (C) pada gambar 20.
d. Klik Tanda + (A), lalu klik Telusuri untuk memilih icon untuk menu smartphone (B), dan klik Save (C) pada gambar 21.
e. Ulangi untuk Menu lain sama dengan cara ini.

Gambar 18


Gambar 19


Gambar 20


Gambar 21
7. Uji Coba WebApp
Setelah langkah-langkah di atas di lakukan semua dan sekarang saatnya kita mencoba melihat tampilan WebApp nya.
a. Klik Icon bola dunia seperti pada gambar 22, dan browser akan otomatis membuka halaman baru.
b. Inilah alamat WepApp yang akan sobat bagikan kepada pelanggan (lihat gambar 23).
c. Jika alamat nya kepanjangan dan sulit di ingat, bisa sobat pendekan dengan memakai bit.ly atau sejenisnya.
d. Sobat bisa mempercantik tampilan WebApp pada langkah ke 3 (gambar 5).

Gambar 22


Gambar 23

Demikian cara membuat WebApp dengan mudah Tanpa Coding Tanpa Install, Mudah bukan ?

TiJe berharap thread ini bisa membuat kemajuan dalam penjualan sobat dan menjadi inspirasi buat sobat-sobat lain yang ingin menambah penghasilan di masa pandemi Covid-19.  

Silahkan jika mengalami kesulitan jangan ragu komen di bawah, dan untuk sobat yang telah berhasil membuat WebApp ini silahkan CoPas link nya di komen.

Akhir kata, Saya ucapkan terima masih dan sampai ketemu di thread yang lain..!

Tije Mohon pamit...mau nyuruput kopi dulu..


See U Next Thread


2021-09-23 15:07:50
Favorites16 RateRate

Moderator

TJ-wunata Author | from app

#1

semoga jualan sobat makin keren krn pny aplikasi sendiri buat di share di sosmed, status wa, dll
2021-09-23 15:39:11
# No MI Without You #

Pro Bunny

Pushing | from Redmi Note 8 Pro

#2

Aman ga, Bro?
2021-09-23 15:39:47

Moderator

TJ-wunata Author | from app

#3

quoteurl=home.php?mod=space&uid=6316145410Pushing/url
Aman ga, Bro?/quote

aman knp om ? nga perlu install2 apapun cm bermodal browser yg sdh ada di hp..di atas video ada link buat ujicoba lsg webapp nya sperti gmn
2021-09-23 15:41:32
# No MI Without You #

Master Bunny

Jonathan Willson | from Redmi Note 8 Pro

#4

thanks for sharing ✌️
2021-09-23 16:18:22

Master Bunny

erik.eSBe | from Redmi Note 8 Pro

#5

wah layak dicoba nie
2021-09-23 17:53:26

Moderator

TJ-wunata Author | from app

#6

erik.eSBe
wah layak dicoba nie

silahkan om..ud saya rinci sedetail mgkn caranya..
2021-09-23 17:58:52
# No MI Without You #

Pro Bunny

sutarna25 | from app

#7

mantap, perlu dicoba buat promosi jualan
2021-09-23 20:37:26

Moderator

TJ-wunata Author | from app

#8

sutarna25
mantap, perlu dicoba buat promosi jualan

silahkan om..jd link produk di market place ter-organisir dgn baik n mudah di cari oleh pelanggan..kdg 1 produk bisa di jual di bbrp marketplace n pelanggan bisa memilih lsg via marketplace mana yg dia suka
2021-09-23 20:44:53
# No MI Without You #

Master Bunny

cyber new | from app

#9

thx u om
2021-09-23 22:28:25

Master Bunny

cyber new | from app

#10

Pushing
Aman ga, Bro?

aman,itu bkn web phising
2021-09-24 09:03:49
please sign in to reply.
Sign In Sign Up

TJ-wunata

Moderator

3 Days Check-In
7 Days Check-In
21 Days Check-In
40 Days Check-In
70 Days Check-In
100 Days Check-In
1 Year Check-In
Agustus - 100 Balasan
September - 100 Balasan
Oktober - 100 Balasan
November - 100 Balasan
Throw Back with Mi 2018
Name The Color
App Review
Challenge Photographer
Tebak Nama Android Q
X-Men Favorite Medal
Like
Check in
Reply
Favorites
Ulang Tahun MIUI Ke-9
close up
Answer Mi #1
Answer Mi #2
Gamers Medal
Answer Mi #3
Ulang Tahun Xiaomi ke-10
Answer Mi #4
2 Juta Member Mi Community
4 Tahun Mi Community Indonesia
My Alter Ego
Xiaomi Layak Jadi No 1
Xiaomi 11T Poster

Read moreGet new

Xiaomi Comm APP

Stay updated on Mi Products and MIUI

Copyright©2010-2021 Xiaomi.com, All Rights Reserved
Quick Reply To Top Return to the list