Build Website - Simple

Bikin Website Powerful Gratis
(versi simple)
HAD IKAES
HADIKAES Bikin Website Powerful Gratis - Versi simple
Crisis Covid-19 Response

Dear friends,
Halo aku Hadikaes, fokus di entrepreneurship sejak 4 tahun lalu dan diberi amanah untuk memimpin startup di
www.koseeker.com sejak 2019. main concern aku di Digital Strategy dan Business Growth Strategy.
Selama crisis Covid-19, aku bakal sharing setiap minggu tentang strategi bisnis dan taktikal marketing basic gratis
di Twitter aku ( @hadikaes_). Share materi ini ke teman-temanmu yang membutuhkan, yang sedang berjuang untuk
survive dengan berwirausaha selama crisis. Semoga bermanfaat ya
#salingbantusalingjaga
Temanmu, Hadikaes.
Versi tutorial
Versi tutorial dibagi menjadi 2, website versi simple dan website versi detail.
Website versi simple :

● Satu halaman
○ Halaman utama
● Display produk
● Link pemesanan ke whatsapp
Website versi detail :

● 3 halaman
○ Halaman utama
○ Halaman detail
○ Halaman reseller
● Integrasi google form dan notifikasi email
Versi Simple Versi Detail
klik disini
Outline
1. Persiapan Tools
2. Persiapan Asset
3. Pembuatan Website
4. Layouting Website
5. Desain Website
● Desain Header
● Menambahkan Produk
● Menambah Tombol Pembelian
1. Integrasi link Whatsapp
2. Publish
3. What’s next?
1 Persiapan Tools
tools yang digunakan :
● Google Drive
● Google Site
Next : instruksi
Langkah-langkah persiapan
● Login ke Google Drive

● Buat Folder untuk menyimpan website
● Di dalam Folder tersebut, buat Folder lagi dengan nama “Assets”.
Struktur Folder
Nama website
Assets
2 Persiapan Asset
Asset yang dimaksud adalah file-file gambar yang akan kita butuhkan pada website. Asset yang dibutuhkan untuk
tutorial ini adalah:
1. Foto produk berukuran minimal 500 x 500 Pixel.

2. Desain Banner untuk website ukuran 1600 x 400 Pixel.
Cek asset projek ini pada slide selanjutnya

Assets yang kita gunakan
Banner Produk Promo Produk

1600 X 400 pixel 800 X 800 pixel 800 X 800 pixel
Catatan : produk boleh lebih dari 1 gambar, file ini hanya sebagai panduan tutorial
Asset yang kita gunakan
Catatan : produk boleh lebih dari 1 gambar, file ini hanya sebagai panduan tutorial
3 Membuat Website
● Pertama masuk ke dalam folder utama (folder nama website) yang sudah dibuat (bukan folder
assets)
● Tekan tombol “New” pada pojok kanan atas google drive
● Pilih “More”, Lalu pilih Google Sites
● Kamu akan diarahkan ke halaman Google Sites
Cek slide selanjutnya untuk petunjuk gambar

4 Layouting Website
Pada tahap ini, kamu bebas mendekorasi website sesuai dengan keinginanmu.
Untuk layout yang digunakan pada project ini, cek video slide selanjutnya.
LAYOUTING WEBSITIE
5 Desain Website - Mendesain Header

Header merupakan bagian paling atas sebuah website.
Header kita gunakan untuk memasang banner produk kita agar terlihat lebih menarik.
Ukuran Header untuk google sites adalah : 1600 x 400 pixel.
**untuk desain header projek ini silahkan cek video slide selanjutnya.
MENDESAIN HEADER
5 Desain Website - Menambah produk

Selanjutnya kita menambahkan produk kedalam website dengan layout yang sudah kita buat.
Ukuran produk yang direkomendasikan adalah minimal 500 x 500 pixel.
Kamu bisa berkreasi dengan desain produk yang akan kamu gunakan agar lebih menarik.
**untuk penambahan produk projek ini silahkan cek video slide selanjutnya.
MENAMBAH PRODUK
5 Desain Website - Menambah tombol

Selanjutnya kita akan menambahkan tombol pembelian agar customer bisa melakukan
pembelian melalui website.
Catatan:
Kosongkan link pada tombol, nantinya link ini akan kita isi dengan link yang menyalurkan ke
Whatsapp.
**untuk penambahan tombol projek ini silahkan cek video slide selanjutnya.
MENAMBAH TOMBOL PEMBELIAN
5 Integrasi link Whatsapp - Membuat Link

Pertama, kunjungi website dibawah ini untuk membuat link.
https://postcron.com/en/blog/landings/whatsapp-link-generator/
● Isi nomor handphone kamu diawal dengan angka

“62”, contoh : 628098765437
● Lalu isikan pesan pemesanan sesuai keinginan
kamu.
5 Integrasi link Whatsapp - Memasang link

Selanjutnya, kita akan gunakan link whatsapp ini untuk dipasang pada tombol yang sudah
kita buat sebelumnya.
Cek video pada slide selanjutnya untuk detail tutorial pemasangannya.

MEMASANG LINK WHATSAPP
test website
Sekarang kamu bisa test website yang kamu buat dengan menekan tombol bersimbol komputer
pada kanan atas editor website. Atau, kamu bisa lihat tutorial pada slide selanjutnya.
TEST WEBSITE
5 Publish Website
Website sederhana yang kamu buat sudah selesai, sekarang kamu bisa mem-publish websitemu
agar bisa diakses oleh customer bisnismu.
Nantinya alamat websitemu akan menjadi seperti ini:
sites.google.com/view/(nama website)
Cek slide selanjutnya untuk melihat video tutorialnya.

PUBLISH WEBSITE
Selamat! Kamu berhasil membuat website untuk bisnismu.
Lalu apa selanjutnya? Website yang kamu buat masih sangat sederhana, kamu bisa kreasikan
desain websitemu sesuai dengan keinginanmu.
Selain itu jangan lupa, taruh link websitemu di sosial media seperti instagram untuk menarik
pengunjung.
Bagi kamu yang ingin menggunakan website ini sebagai landing page marketingmu, pastikan
kamu sudah memasang analytics untuk melacak aktifitas pengunjungmu.
What’s Next?
Jika kamu ingin membuat websitemu menjadi lebih detail, kamu bisa ikut tutorial selanjutnya
dengan banyak fitur menarik. Seperti:
● Membuat halaman detail produk
● Integrasi google form
● Integrasi google analytics
Klik link tutorial disini.

Build Website - Simple

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Build Website - Simple

Diunggah oleh

Hak Cipta:

Format Tersedia

Bikin Website Powerful Gratis

Crisis Covid-19 Response

Website versi simple :

Website versi detail :

tools yang digunakan :

● Login ke Google Drive

1. Foto produk berukuran minimal 500 x 500 Pixel.

Cek asset projek ini pada slide selanjutnya

Assets yang kita gunakan

Banner Produk Promo Produk

Asset yang kita gunakan

Cek slide selanjutnya untuk petunjuk gambar

5 Desain Website - Mendesain Header

Ukuran Header untuk google sites adalah : 1600 x 400 pixel.

5 Desain Website - Menambah produk

Ukuran produk yang direkomendasikan adalah minimal 500 x 500 pixel.

5 Desain Website - Menambah tombol

5 Integrasi link Whatsapp - Membuat Link

● Isi nomor handphone kamu diawal dengan angka

5 Integrasi link Whatsapp - Memasang link

Cek video pada slide selanjutnya untuk detail tutorial pemasangannya.

Nantinya alamat websitemu akan menjadi seperti ini:

Cek slide selanjutnya untuk melihat video tutorialnya.

Selamat! Kamu berhasil membuat website untuk bisnismu.

Klik link tutorial disini.

Anda mungkin juga menyukai