Cara Mengatur Jenis Komponen Tampilan V1(Bootstrap Card, Box dengan Icon, Daftar Link, Daftar Sosial Media, Facebook Page)

Video Tutorial Cara Mengatur Jenis Komponen Tampilan V1(Bootstrap Card, Box dengan Icon, Daftar Link, Daftar Sosial Media, Facebook Page)

Mohon maaf, video tutorial untuk materi "Cara Mengatur Jenis Komponen Tampilan V1(Bootstrap Card, Box dengan Icon, Daftar Link, Daftar Sosial Media, Facebook Page)" belum tersedia

Panduan Tertulis Cara Mengatur Jenis Komponen Tampilan V1(Bootstrap Card, Box dengan Icon, Daftar Link, Daftar Sosial Media, Facebook Page)

Untuk mengisi section yang akan tampil pada halaman depan website maupun section pada aplikasi mobile travel Anda, maka Anda perlu memilih komponen aplikasi mobile yang mengisi section tersebut. Adapun penjelasan mengenai masing-masing dari jenis komponen tampilan halaman utama V1 yang telah disediakan oleh sistem.

 

Pada pengaturan ini Anda dapat melakukan, pada:

1. Menu “Data Master & Pengaturan” > Pilih “Design & Tampilan”  

2. Klik "Tampilan Halaman Utama"

3. Setelah itu klik "Theme Builder V1"

4. Untuk Mengubah Komponen dengan klik "Ubah Komponen"

5. Pilih Jenis Komponen

  • Jenis Komponen
    Untuk jenis komponen, terdapat  47 komponen yang kami sediakan dan masih bisa bertambah. Agar tampilan web bisa ringkas dan mudah dibaca, tidak harus semua komponen ditampilkan, cukup pilih beberapa yang memang sesuai dengan keinginan Anda dan membuat tampilan web lebih menarik. Komponen-komponen tersebut adalah :
  1. Bootstrap Cards
    Bootstrap Cards adalah komponen yang menampilkan gambar beserta deskripsi dari gambar tersebut beserta judul. Bila judul tersebut di klik, maka akan menuju ke halaman sesuai url yang Anda tentukan. 

    Mohon untuk mengisi Form dari jenis komponen Bootstrap Cards mulai dari
    - Gambar : pilih gambar yang akan ditampilkan
    - Deskripsi : Isi deskripsi sesuai atas konten yang ditampilkan
    - Judul Link : Judul tombol yang akan ditampilkan
    - Tujuan link : Link redirect ke halaman tertentu



    Maka contoh tampilan sebagai berikut

    booststrap.png
  2. Box Dengan Icon
    Box dengan icon adalah komponen yang menampilkan teks dalam box disertai icon, biasanya untuk menunjukan beberapa kelebihan dan service perusahaan. Adapun sebagai referensi mengenai icon-icon yang dapat Anda gunakan, bisa Anda klik di sini.




    Maka contoh tampilan sebagai berikut

    box dengan icon.png

  3. Daftar Link
    Daftar link adalah jenis komponen yang menampilkan daftar link. Anda dapat menentukan judul dari komponen, yang mana bila judul tersebut di klik akan langsung dibawa menuju link internal (halaman dan konten yang telah Anda buat sebelumnya) ataupun link external/link milik website lain/bukan konten milik Anda.



    Maka contoh tampilan sebagai berikut

    daftar link.png

  4. Daftar Sosial Media
    Daftar sosial media untuk menampilkan berbagai sosial media yang dimiliki perusahaan Anda. Daftar sosial media sosial ini akan mengikuti data yang telah Anda kelola pada pengaturan link dan daftar sosial media di sistem administrasi, yaitu menu Pengaturan Web > Media Sosial. Atau panduannya dapat Anda klik di sini.



    Maka contoh tampilan sebagai berikut

    sosial media.png

  5. Facebook Page
    Facebook page menampilkan halaman facebook milik perusahaan Anda. Hanya bisa menampilkan halaman tipe facebook page, tidak bisa menampilkan tipe akun biasa. 

    Maka contoh tampilan sebagai berikut

    facebook page.png

6. Setelah itu Silahkan Klik "Simpan"


Form Cek Transaksi

Form Cek Transaksi berfungsi untuk menampilkan form pengecekan transaksi jamaah. Bila jamaah sudah melakukan transaksi dan mendapat barcode transaksi dari travel Anda, lalu ingin melihat dan mencetak formulir transaksi miliknya atau rekap pembayaran yang telah dilakukannya, maka dapat menggunakan form tersebut dengan memasukkan kode transaksi dan kode verifikasit

form cek transaksi.png

Contoh tampilan jenis komponen berupa form cek transaksi

 


Form Pencarian Paket

Form pencarian paket berfungsi untuk menampilkan form pencarian paket yang disediakan oleh travel Anda kepada calon pelanggan. Anda bisa menentukan jenis paket apa saja yang akan ditampilkan dalam form pencarian. 

pencarian paket.png

Contoh tampilan jenis komponen berupa form pencarian paket

 


Hotel Terbaru, Paket Haji Terbaru, Paket Katering Terbaru, Paket LA Terbaru, Paket Perlengkapan Terbaru, Paket Umroh Terbaru, Paket Wisata Terbaru, Promo Terbaru, Posting Terbaru

Seluruh jenis komponen yang menggunakan kata "terbaru" seperti judul di atas, maka otomatis akan tampil paket-paket terbaru/paling baru pembuatan paketnya, atau promo terbaru, atau blog yang dibuat paling baru.

posting terbaru.png

Contoh tampilan jenis komponen berupa posting terbaru yang dapat dibaca oleh calon pelanggan di halaman depan website Anda

(Pengelolaan tentang membuat posting baru, bisa diakses pada menu : Pengaturan Web > Posting, atau panduannya dapat Anda klik disini)

 

 

hotel terbaru.png

Contoh tampilan jenis komponen berupa hotel terbaru yang Anda tawarkan kepada calon pelanggan di halaman depan website

(Bila Anda memilki layanan pemesanan hotel, maka Anda perlu menentukan harga layanan hotel tersebut, dengan cara mengakses menu : Data Master Transaksi > Pemesanan Hotel > Harga Hotel, atau panduan selengkapnya dapat Anda klik disini)

 

paket haji terbaru.png

Contoh tampilan jenis komponen berupa paket haji terbaru yang Anda tawarkan kepada calon pelanggan di halaman depan website

(Bila Anda memilki layanan paket haji, maka Anda perlu membuat paket haji tersebut, dengan cara mengakses menu : Data Master Transaksi > Paket Haji > Paket Haji, atau panduan selengkapnya dapat Anda klik disini)

 

 

promo terbaru.png

Contoh tampilan jenis komponen berupa promo terbaru yang Anda tawarkan kepada calon pelanggan di halaman depan website

 

 

PAKET katering.png

Contoh tampilan jenis komponen berupa paket katering terbaru yang Anda tawarkan kepada calon pelanggan di halaman depan website 

(Bila Anda memilki layanan paket katering, maka Anda perlu membuat paket katering tersebut, dengan cara mengakses menu : Data Master Transaksi > Paket Katering > Paket Katering, atau panduan selengkapnya dapat Anda klik disini)

 

 

paket land arrangement terbaru.png

Contoh tampilan jenis komponen berupa paket land arrangement terbaru yang Anda tawarkan kepada calon pelanggan di halaman depan website

(Bila Anda memilki layanan paket land arrangement, maka Anda perlu membuat paket LA tersebut, dengan cara mengakses menu : Data Master Transaksi > Paket LA > Paket LA, atau panduan selengkapnya dapat Anda klik disini)

 

 

paket perlengkapan.png

Contoh tampilan jenis komponen berupa paket perlengkapan terbaru yang Anda tawarkan kepada calon pelanggan di halaman depan website 

(Bila Anda memilki layanan paket perlengkapan, maka Anda perlu membuat paket perlengkapan tersebut, dengan cara mengakses menu : Data Master Transaksi > Paket Perlengkapan > Paket Perlengkapan, atau panduan selengkapnya dapat Anda klik disini)

 

 

paket umrah terbaru.png

Contoh tampilan jenis komponen berupa paket umrah terbaru yang Anda tawarkan kepada calon pelanggan di halaman depan website 

(Bila Anda memilki layanan paket umrah, maka Anda perlu membuat paket umrah tersebut, dengan cara mengakses menu : Data Master Transaksi > Paket Umrah > Paket Umrah, atau panduan selengkapnya dapat Anda klik disini)

 

 

paket wisata terbaru.png

Contoh tampilan jenis komponen berupa paket wisata terbaru yang Anda tawarkan kepada calon pelanggan di halaman depan website

(Bila Anda memilki layanan paket wisata, maka Anda perlu membuat paket wisata tersebut, dengan cara mengakses menu : Data Master Transaksi > Paket Umrah > Paket Umrah, atau panduan selengkapnya dapat Anda klik disini)

 

 

produk lain.png

Contoh tampilan jenis komponen berupa produk lain terbaru yang Anda tawarkan kepada calon pelanggan di halaman depan website

(Bila travel Anda juga menjual produk yang ingin An datawarkan kepda calon pelanggan, maka Anda perlu membuat produk tersebut, dengan cara mengakses menu : Data Master Transaksi > Produk Lain > Produk, atau panduan selengkapnya dapat Anda klik disini)

 

 

Hotel Terpopuler, Paket Katering Terpopuler, Paket LA Terpopuler, Paket Perlengkapan Terpopuler, Paket Umroh Terpopuler, Paket Wisata Terpopuler, Produk Lain Terpopuler 

Seluruh jenis komponen yang menggunakan kata "terpopuler" seperti judul di atas, maka otomatis akan tampil paket-paket yang paling banyak dipilih/dipesan oleh jamaah/pelanggan (paket yang best seller).

paket umrah best seller.png

Contoh tampilan jenis komponen berupa paket umrah terpopuler yang Anda tawarkan kepada calon pelanggan di halaman depan website

 

 

Promo Paket Haji, Promo Paket Katering, Promo Paket LA, Promo Paket Perlengkapan, Promo Paket Umrah, Promo Paket Wisata, Promo Pemesanan Hotel, Promo Produk Lain

Seluruh jenis komponen yang diawali dengan kata "promo" seperti judul di atas, maka otomatis akan tampil paket-paket yang statusnya adalah promo.

paket umrah promo.png

Contoh tampilan jenis komponen berupa promo paket umrah yang Anda tawarkan kepada calon pelanggan di halaman depan website

 

 

Pemberangkatan Haji Terdekat, Pemberangkatan Umroh Terdekat, Pemberangkatan Wisata Terdekat

Seluruh jenis komponen yang menggunakan kata "terdekat" seperti judul di atas, maka otomatis akan tampil paket-paket yang pemberangkatannya paling dekat dengan hari ini

wisata terdekat.png

Contoh tampilan jenis komponen berupa pemberangkatan wisata terdekat yang Anda tawarkan kepada calon pelanggan di halaman depan website

 

Informasi Kantor Pusat

Informasi kantor pusat adalah jenis komponen yang menyajikan data mengenai kantor pusat milik Anda, seperti alamat, nomor telepon, email, jam kerja kantor Anda, dan lain sebagainya. Sesuai yang Anda kelola pada pengaturan kantor pusat.

alamat kantor.png

Contoh tampilan jenis komponen berupa informasi kantor pusat

 

Kode HTML/CSS/Javascript

Digunakan untuk menambahkan Kode HTML/CSS/Javascript tambahan untuk tampilan atau fungsi di halaman utama. 

html.png

Contoh hasil dari jenis komponen menggunakan kode HTML

 

Peta Lokasi Perusahaan

Peta Lokasi Perusahaan adalah jenis komponen yang menampilkan alamat beserta peta lokasi perusahaan Anda.

peta lokasi.png

 

Contoh tampilan jenis komponen berupa peta lokasi perusahaan

 

Registrasi Subscriber

Registrasi subscriber berfungsi untuk menampilkan form bagi para pengunjung website Anda yang berminat berlangganan/menerima email secara rutin dari travel Anda

newsletter.png

Contoh tampilan jenis komponen registrasi subscriber

 


Slideshow Galeri

Slideshow galeri adalah jenis komponen yang menampilkan galeri gambar/foto-foto kegiatan travel Anda dan lain-lainnya, seuai galeri yang .telah Anda tambahkan sebelumnya pada pengaturan galeri. (Panduan menambahkan galeri dapat Anda klik disini).

dokumentasi umrah.png

Contoh tampilan jenis komponen slideshow galeri

 

Statistik Pengunjung

Statistik pengunjung adalah jenis komponen yang menampilkan jumlah pengunjung website Anda.

statistik pengunjung.png

Contoh tampilan jenis komponen berupa statistik pengunjung

 


Testimonial

Testimonial adalah jenis komponen yang menampilkan testimonial-testimonial jamaah pada perusahaan Anda sesuai data testimonial yang telah Anda tambahkan sebelumnya pada pengaturan testimonial. (Panduan menambahkan testimonial dapat Anda klik disini).

testimonial jamaah.png

Contoh tampilan jenis komponen berupa testimonial


Twitter Timeline

Twitter timeline adalah jenis komponen yang menampilkan timeline akun twitter milik perusahaan Anda.

timeline twitter.png

Contoh tampilan jenis komponen berupa timeline twitter

 

Video Youtube

Video youtube adalah jenis tampilan yang menampilkan video dari youtube. Video langsung bisa diputar di halaman utama website.

tata cara umrah.png

Contoh tampilan jenis komponen berupa video youtube

 

 

Materi Data Master & Pengaturan Administrasi Lainnya
Twit Terbaru
Facebook Erahajj
messenger icon
messenger icon Chat Dengan Kami