3.2.  Membuat Header, Footer dan Whatsapp Link

3.2. Membuat Header, Footer dan Whatsapp Link

Pengaturan Header dan Footer

Overview: Pada bagian ini, kita akan melakukan pengaturan header dan footer pada website serta menambahkan tombol kontrak ke WhatsApp.

Menambahkan Header dan Footer

  • Untuk menambahkan header dan footer, kita perlu menggunakan plugin Elementor.
  • Kita tulis "Header Elementor" pada kolom pencarian plugin.
  • Setelah menemukan plugin tersebut, klik "Install Now" lalu "Activate".
  • Kita bisa menambahkan header baru dengan mengklik "Add New" pada halaman Elementor.

Membuat Header Baru

  • Berikan nama header baru dan pilih tipe template yang diinginkan.
  • Selanjutnya, kita akan membuat header secara manual menggunakan tombol merah di halaman Elementor.
  • Bagi menjadi dua kolom dengan komponen image di sebelah kiri dan menu navigation di sebelah kanan.
  • Edit gambar logo dan atur lebarnya. Lalu edit menu untuk menambahkan halaman-halaman lain yang ingin ditampilkan.

Menambahkan Custom Link

  • Kita bisa menambahkan custom link untuk mengarahkan pengunjung ke bagian testimoni atau kontak kami.
  • Caranya adalah dengan membuat menu custom link baru dan memasukkannya ke dalam menu utama.

Penambahan Tombol Kontrak ke WhatsApp

Overview: Pada bagian ini, kita akan menambahkan tombol kontrak ke WhatsApp pada website.

  • Kita bisa menambahkan tombol kontrak ke WhatsApp dengan menggunakan plugin "WhatsApp Chat Button".
  • Setelah menginstall dan mengaktifkan plugin tersebut, kita bisa melakukan pengaturan tampilan tombol dan nomor telepon yang ingin dituju.

Membuat Menu yang Nempel dengan Background

Overview: Pada bagian ini, kita akan belajar cara membuat menu yang nempel dengan background.

Edit Halaman Homepage

  • Klik "Edit Elementor" pada halaman homepage.
  • Kita akan sampai ke screen untuk merubah konfigurasi homepage.

Mengatur Margin dan Padding

  • Pada bagian "Advance", kita bisa mengatur margin dan padding.
  • Definisi dari margin adalah jarak antar section sedangkan pending adalah jarak antara ujung section dengan komponen terdekatnya.
  • Untuk membuat menu nya agar nempel seperti background, kita perlu mengedit margin-top menjadi negatif.
  • Jangan lupa klik "Update" setelah melakukan perubahan.

Membuat Parallax Menu

  • Kembali ke bagian "Edit with Elementor".
  • Isikan nama CSS id pada setiap section atau komponen yang ingin dihubungkan dengan menu.
  • Setelah itu, tambahkan link pada menu untuk mengarahkan ke section atau komponen tersebut.

Merubah Header dan Footer

Overview: Pada bagian ini, kita akan belajar cara merubah header dan footer pada website.

Merubah Bagian Footer

  • Bagian footer dapat diubah melalui pengaturan di dashboard appearance customize.
  • Di dalam customized, ada opsi untuk merubah futher dari tampilan web.

Langkah-Langkah Membuat Tombol WhatsApp di Website

Overview: Pada bagian ini, akan dijelaskan langkah-langkah untuk membuat tombol WhatsApp yang terhubung dengan nomor handphone kita pada website menggunakan platform gratis crit.com.

Membuat Tombol WhatsApp

  • Pertama-tama, buatlah tombol WhatsApp pada website agar dapat berfungsi.
  • Gunakan platform gratis crit.com untuk mengkritik walling agar ketika orang mengklik link tersebut, mereka akan langsung terhubung ke nomor handphone kita.
  • Customize pesan yang muncul ketika orang mengklik link tersebut. Misalnya, pesan pertama yang diketik adalah "Saya ingin memesan nasi kotak di resto Semeru".
  • Data pribadi seperti jumlah pesanan dan alamat juga dapat dimasukkan untuk memudahkan proses pemesanan.

Menghubungkan Tombol dengan Nomor Handphone

  • Kembali ke halaman editing dan edit tombol yang telah dibuat menggunakan elementor.
  • Edit link tombol tersebut dengan menambahkan link dari crit.com yang telah dibuat sebelumnya.
  • Setelah itu, update halaman tersebut sehingga tombol sudah terhubung dengan nomor handphone kita.

Fungsionalitas Tombol WhatsApp

  • Setelah semua langkah selesai dilakukan, maka satu landing page utuh sudah bisa digunakan sebagai sarana untuk menggaet customer atau bahkan sebagai tujuan akhir dari iklan digital.
  • Ketika orang meng-klik iklan teman-teman sekalian, mereka akan langsung terhubung ke nomor handphone kita melalui tombol WhatsApp yang telah dibuat.