Halaman Kontak Hebat: 7 Praktik & Ide Terbaik

Halaman kontak adalah salah satu halaman utama di situs web Anda, jadi Anda mungkin mencari ide untuk membuat halaman kontak Anda menonjol dan tips untuk memberikan pengalaman hebat bagi pengunjung Anda.

Dalam panduan ini, kita akan menyelami secara mendalam apa yang harus disertakan dalam halaman kontak, bagaimana seharusnya tampilan halaman kontak, dan bagaimana membuat halaman kontak. Sementara kami akan melakukan penyelaman lebih dalam di seluruh artikel dan melihat beberapa contoh dan inspirasi halaman kontak yang bagus. Mari kita menggali!

Apa itu halaman kontak?

Halaman kontak (terkadang halaman "hubungi kami") adalah halaman di situs web Anda yang didedikasikan untuk menyediakan cara bagi pengunjung situs Anda untuk menghubungi Anda. Biasanya, halaman kontak menyertakan formulir interaktif bagi pengguna untuk mengirimkan pesan. Halaman kontak juga dapat mencakup cara lain untuk menghubungi Anda, termasuk nomor telepon, alamat email, atau metode komunikasi lainnya.

Mengapa saya memerlukan halaman kontak?

Sebagian besar situs web memerlukan halaman kontak karena memudahkan pengunjung situs Anda untuk menghubungi Anda. Orang-orang yang menggunakan situs web Anda mencari cara untuk menghubungi Anda. Faktanya, menemukan cara untuk menghubungi Anda mungkin menjadi salah satu alasan mereka mencari atau mendarat di situs web Anda.

Memiliki halaman kontak memastikan bahwa Anda menyediakan metode komunikasi dari situs web Anda dan memberikan pengalaman pengguna yang luar biasa bagi pengguna. Halaman kontak dapat membantu membangun kepercayaan, memberikan transparansi, dan meningkatkan kepuasan pelanggan.

Apa yang harus disertakan dalam halaman kontak?

Berikut adalah beberapa "penting" yang dibutuhkan setiap halaman kontak:

• Formulir kontak – Ciri dari setiap halaman kontak adalah formulir kontak. Formulir kontak biasanya menanyakan detail kontak seperti nama, alamat email, nomor telepon, dan pesan kontak. Sebagai praktik terbaik, formulir kontak harus sederhana dan tidak meminta terlalu banyak detail. Formulir juga bisa dinamis, karena dapat mengisi bidang baru tergantung pada pilihan pengguna (seperti pertanyaan tentang produk, layanan, atau pertanyaan tertentu.
• Metode kontak tambahan – Meskipun tidak perlu, Anda mungkin ingin menyertakan metode kontak tambahan di halaman kontak Anda, termasuk nomor telepon, alamat email, atau alamat fisik Anda. Anda juga bisa berkreasi dengan menyertakan pegangan media sosial Anda.
• Jam atau waktu respons – Beri tahu pengunjung tentang apa yang dapat mereka harapkan setelah mengisi formulir kontak (seperti berapa lama Anda akan merespons) atau jam operasional Anda.

Kiat halaman kontak

Berikut adalah beberapa tip untuk membangun halaman kontak yang bagus.

• Batasi bilah sisi – Pengalaman Pengguna (UX) mempelajari kembali apa yang dipikirkan banyak pengguna web: bilah sisi benar-benar mengganggu. Elemen tetap ini biasanya berisi informasi yang tidak relevan dengan halaman yang dikunjungi pengguna. Buat konten halaman kontak Anda tetap sederhana.
• Pilih Bidang Formulir dengan Hati-hati – Jika Anda hanya menggunakan "template default" untuk membuat formulir Anda, kemungkinan pelanggan Anda tidak akan memilikinya. Itu karena sekitar setengah dari setiap halaman kontak diisi dengan bidang yang tidak berguna. Misalnya, katakanlah Anda hanya perusahaan eCommerce digital, dan seseorang bertanya tentang suatu produk. Jika Anda menggunakan formulir yang meminta alamat rumah, situs Anda akan terlihat sangat mencurigakan bagi rata-rata pengguna.
• Jadikan Estetika sebagai Prioritas – Ya, estetika setiap halaman situs Anda harus diperiksa dengan cermat. Namun, beberapa studi UX telah menunjukkan bahwa halaman "Hubungi Kami" mungkin yang paling penting untuk memiliki tambahan airbrush. Karena cara kerja peringkat SEO, banyak pengunjung yang mencari produk akan langsung mendarat di halaman Anda, memungkinkan kontak pengguna. Seperti yang kita semua tahu, kesan pertama berarti segalanya, jadi pastikan Anda memiliki kesan yang positif.
• Gunakan Deskripsi Bidang – Pengunjung tidak selalu mengetahui arti bidang kontak. Bahkan sesuatu yang sederhana seperti "Nama" tanpa penjelasan lebih lanjut dapat membingungkan. Apakah Anda hanya meminta nama depan atau nama lengkap? Apakah ada alasan untuk menanyakannya terlebih dahulu jika itu nama lengkap? Sangat penting untuk mendapatkan kata-kata yang tepat. Ini adalah area di mana membayar pengguna baru untuk mengujinya dan memberikan pendapat jujur ​​dapat benar-benar membuahkan hasil.
• Gunakan Plugin Profesional – Bisnis membuat halaman “Hubungi Kami” yang profesional, ringkas, dan cantik bukanlah hal yang sepele. Jika Anda mencoba untuk tetap menggunakan teknologi WordPress modern, Anda mungkin ingin mempertimbangkan tema yang efisien dan dapat disesuaikan seperti tema Kadence. Lebih lanjut, paket ekstensi seperti Kadence Blocks memungkinkan Anda untuk mengedit hal-hal WordPress secara native di versi terbaru editor Gutenberg, termasuk halaman kontak!

Spam & keamanan halaman kontak

Sebelum kita melanjutkan, ada beberapa poin tentang spam halaman kontak dan keamanan yang menurut kami sangat penting!

1. Salah satu ancaman keamanan web terkemuka adalah formulir "tidak bersih". Ini adalah formulir dengan bidang yang dibaca oleh server Anda sebelum menghapus input kode yang berpotensi berbahaya oleh pengguna. Meskipun tidak ada produk keamanan yang dapat menghentikan setiap ancaman, dengan hati-hati memilih plugin keamanan WordPress berkualitas seperti iThemes Security dapat membantu mengurangi potensi ancaman.
2. Salah satu trade-off yang perlu dipertimbangkan adalah tingkat keamanan captcha yang Anda inginkan pada formulir Anda. Jika Anda memilih captcha yang paling "agresif", perkirakan pengunjung akan frustrasi dengan halaman Anda dan pergi. Di sisi lain, meninggalkan halaman Anda dengan keamanan captcha minimal atau tanpa keamanan adalah undangan untuk spammer, jadi pilihlah dengan bijak. Menggunakan plugin untuk menambahkan reCAPTCHA WordPress dalam beberapa langkah sederhana.
3. Spam halaman kontak bisa sangat menyebalkan. Pastikan untuk menggunakan pengaturan dalam plugin formulir untuk membatasi input spam. Spam WordPress mudah dihentikan dengan mengambil beberapa langkah.

Bagaimana seharusnya tampilan halaman “hubungi kami”?

Meskipun benar bahwa tidak ada banyak aturan "keras dan cepat" dalam hal desain formulir kontak, ada beberapa saran yang telah dicoba dan benar tentang bagaimana tampilan halaman ini secara umum.

Pertama, pastikan bahwa semua informasi kontak Anda ditampilkan dengan ramah. Ingatlah bahwa demografi yang berbeda menghargai metode kontak yang berbeda dari yang lain. Misalnya, kita melihat dalam penelitian bahwa generasi yang lebih tua menghargai layanan pelanggan langsung melalui telepon. Di sisi lain, generasi muda biasanya menganggap obrolan online sebagai metode termudah.

Kedua, Anda harus selalu meminta pengguna memilih kategori pertanyaan. Jangan pernah menggunakan hanya satu kotak surat umum untuk menerima konten ini, meskipun itu akan sangat menggoda untuk dilakukan.

Ketiga, tampilan umum halaman harus "mengklik" dengan sisa situs Anda. Beberapa webmaster baru membuat kesalahan dengan membuat halaman yang tidak memiliki menu yang sama dengan situs WordPress lainnya. Ini biasanya hasil dari penggunaan template dan tidak berhati-hati. Meskipun halaman ini sering kali menjadi salah satu yang terakhir dibuat dan terakhir diubah, sering kali halaman ini menjadi salah satu bagian terpenting dari situs WordPress Anda.

Bagaimana cara membuat halaman "hubungi kami"?

Ingat, menggunakan paket ekstensi yang terhubung ke editor Gutenberg baru seperti Kadence Blocks adalah cara yang bagus. Meskipun Anda masih perlu menggunakan plugin formulir WordPress untuk mengelola konten aktual dalam formulir Anda. Namun, menggunakan editor grafis dapat memberikan wawasan yang berharga dan menghemat waktu.

Kami akan meninjau cara membuat rendisi dasar halaman "Hubungi Kami" untuk situs WordPress generik. Ini bukan contoh karya seni yang luar biasa dan halus! Ini hanya untuk membantu Anda memulai ke arah yang benar.

1. Pilih plugin Anda!

Ya, Anda dapat membuat formulir sendiri menggunakan elemen asli Gutenberg tanpa ekstensi. Sebelum Anda mencari ide itu, pertimbangkan kerumitan di balik jenis formulir ini. Estetikanya cukup sederhana. Namun, di luar itu, Anda harus memastikan bahwa formulir dikirimkan dengan cara yang aman. Anda kemudian harus merutekan dan mengurutkan apa yang dimasukkan ke dalamnya. Sebagian besar formulir kontak memerlukan beberapa jenis captcha. Daftarnya terus berlanjut, tetapi Anda mendapatkan ide: tidak perlu menemukan kembali roda.

2. Instal plugin Anda

Setelah Anda meneliti plugin dan menemukan plugin yang sesuai dengan anggaran Anda, saatnya untuk menginstalnya. Buka Plugin -> Tambahkan Baru di dasbor WordPress Anda. Temukan plugin yang Anda inginkan melalui opsi pencarian dan instal di server WordPress Anda agar tersedia untuk digunakan di situs Anda.

Sebagai bagian dari langkah ini, pastikan juga Anda telah mengaktifkan plugin di situs WordPress Anda setelah instalasi.

Anda juga dapat menginstal Kadence Blocks menggunakan tautan di atas.

3. Pilih template

Hampir setiap plugin formulir utama untuk WordPress memiliki satu set template yang telah ditentukan. Hampir tidak pernah terdengar bahwa mereka tidak memiliki formulir khusus sebagai "Hubungi Kami". Ingat, ini tidak pernah dimaksudkan sebagai opsi "pilih dan lupakan". Sebaliknya, Anda harus memilih template yang paling mirip dengan tujuan Anda dan menyesuaikannya hingga sesempurna mungkin.

Blok Formulir dari Kadence WP memungkinkan Anda untuk tidak hanya membuat formulir khusus tetapi juga menatanya sesuka Anda. Dengan blok Formulir, Anda memiliki kemampuan untuk menambahkan bidang khusus tanpa batas, dan itu juga termasuk dukungan Google ReCaptcha.

Tambahkan blok baru ke halaman Anda dan pilih Blok Formulir untuk memulai.

4. Pengaturan dan Gaya

Buat sebanyak mungkin bidang khusus yang Anda inginkan. Anda dapat menduplikasi baris, menyesuaikan ukuran kolom, memilih apakah kolom tersebut wajib diisi atau tidak, dll.

Sesuaikan pengaturan bidang Anda, termasuk warna latar belakang masukan, pengaturan batas, gaya font, pengaturan tombol, celah baris bidang, dan banyak lagi!

5. Siapkan penerusan email

Anda dapat menyesuaikan pengaturan Tindakan Setelah Mengirimkan dalam pengaturan Blok Formulir. Pilih apakah Anda ingin menerima email setelahnya, apakah Anda ingin pengguna dialihkan setelah pengiriman atau tidak, apakah Anda ingin memasukkan email respons otomatis atau tidak, dan pilih apakah Anda ingin menyiapkan entri database. Lihat Kadence Blocks Pro jika Anda menginginkan integrasi MailChimp dan SendInBlue, panggilan WebHooks, dan entri Database baru saat pengiriman formulir.

Karena setiap opsi dipilih, Anda akan melihat tab yang memungkinkan Anda menyesuaikan setiap tindakan setelah pengiriman.

6. Letakkan formulir kontak di halaman Anda

Langkah terakhir kami adalah dengan cukup meletakkan blok formulir kontak ke halaman tempat Anda ingin menggunakannya. Ingat, jika Anda menggunakan plugin pengeditan Gutenberg asli, Anda akan membuat item asli yang pada dasarnya dapat Anda seret dan lepas di mana pun Anda inginkan.

Meskipun Anda mungkin hanya perlu memilikinya di satu tempat, ini membantu menjaga situs WordPress Anda lebih modular.

Bagaimana cara mengoptimalkan halaman “hubungi kami”?

Ini adalah area di mana ia mulai agak tidak pasti. Sebagian, ini disebabkan oleh fakta bahwa "pengoptimalan" dapat berarti miliaran hal yang berbeda. Kami akan fokus pada definisi teknis dari kata tersebut saat kami menjawab pertanyaan ini.

Pertama, ingat bahwa kecepatan adalah nama permainan, terutama bagi pengunjung yang mencoba blog WordPress Anda untuk pertama kalinya. Setelah waktu pemuatan melewati satu detik, tingkat pengurangan pengunjung mulai meroket. Perkecil file JavaScript, pastikan tajuk situs Anda dioptimalkan, buat gambar dirender menggunakan bandwidth seminimal mungkin, dan manfaatkan pemuatan asinkron untuk terlebih dahulu mendapatkan bagian terpenting halaman di sana untuk koneksi yang lebih lambat. Menggunakan Jaringan Pengiriman Konten (CDN) juga merupakan cara yang bagus untuk memastikan bahwa pengunjung tidak pernah terlalu jauh dari server yang mengirimkan situs Anda.

Kedua, selalu dapatkan masukan dari luar pada formulir kontak Anda. Meskipun kami yakin Anda dapat membuat halaman pembunuh, setiap orang biasanya memiliki sedikit kesalahan saat membuat halaman "Hubungi Kami". Mendapatkan ide dari berbagai kelompok orang biasanya merupakan cara terbaik untuk menyimpan situs WordPress Anda terlebih dahulu dari halaman yang kurang ideal!

Ketiga, buat halaman itu tidak terlalu membingungkan! Begitu banyak halaman kontak memiliki informasi yang saling bertentangan atau terlalu banyak informasi kontak. Misalnya, jika Anda adalah perusahaan hosting web, kemungkinan pengunjung dapat hidup tanpa melihat bahwa widget Google Maps memonopoli separuh bandwidth mereka untuk menunjukkan dengan tepat lokasi bisnis fisik Anda.

7 praktik terbaik halaman kontak

Kami telah menyoroti tujuh "praktik terbaik" yang paling penting saat membuat formulir "Hubungi Kami" yang baru. Meskipun ini ada dalam daftar yang diurutkan, urutannya tidak menunjukkan kepentingan atau prioritas; itu acak.

1. Tetap sederhana

Singkirkan bidang apa pun yang tidak memberikan nilai langsung atau yang tidak terlalu penting. Minimal, pastikan bahwa bidang tersebut opsional , terutama jika berkaitan dengan informasi yang kebanyakan orang tidak ingin bagikan dengan dunia, seperti nomor ponsel.

2. Berikan alasannya

Berikan alasan yang baik mengapa pengguna perlu menghubungi Anda. Ingat, menggunakan formulir "Hubungi Kami" WordPress bukanlah hobi bagi kebanyakan orang. Memberi mereka alasan yang baik, seperti diskon atau janji lainnya, menunjukkan bahwa Anda menghargai waktu dan keterlibatan pengunjung dengan blog Anda.

3. Memiliki lebih dari satu cara

“Hanya ada satu” seharusnya hanya menjadi teriakan Highlander. Anda ingin memiliki mekanisme kontak lain yang tersedia jika formulir Anda tidak tersedia atau tidak berfungsi, atau pengunjung lebih suka menggunakan metode kontak populer lainnya.

4. Mudahkan

Saat pengguna memasukkan dan mengirimkan informasi, berikan umpan balik untuk memberi tahu pengguna bahwa segala sesuatunya berfungsi sebagaimana mestinya. Misalnya, semua bidang harus divalidasi; jika Anda meminta alamat email, beri tahu pengguna segera apakah yang mereka masukkan di bidang "email" Anda sudah cukup. Segera setelah formulir dikirimkan, beri tahu pengguna apakah formulir itu berhasil dan, jika demikian, berapa lama mereka harus menunggu balasan pribadi.

5. Otomatiskan jika memungkinkan

Penjelasan yang masuk akal dengan bisnis dan model bisnis Anda. Untuk bisnis yang lebih paham teknologi, ini dapat berupa beberapa FAQ yang disesuaikan dengan jenis pertanyaan yang dikirim pengguna melalui formulir. Untuk bisnis lain, mungkin itu hanya tautan ke informasi dan perpustakaan bantuan Anda; ini mengurangi kontak yang tidak perlu. (Anda akan melihat contoh bagaimana beberapa perusahaan menggabungkan halaman FAQ dengan halaman kontak).

6. Manfaatkan sebaik-baiknya

Maksimalkan potensi konversi dengan menunjukkan kepada pengunjung beberapa konten teratas Anda setelah mereka mengirimkan formulir. Sekali lagi, sesuatu seperti kupon untuk toko Anda juga merupakan ide yang bagus. Apa pun yang menambah nilai pengalaman, bukan sekadar ucapan "Terima kasih telah menghubungi kami!" kemungkinan akan membuat pengunjung baru kembali ke situs WordPress Anda.

7. Jadikan itu manusia

Ini semua tentang membuat koneksi yang akan tumbuh menjadi hubungan – karena ini semua tentang hubungan. Memiliki cara untuk menambahkan wajah ke nama pengguna dan nama di situs Anda. Ketika orang melihat dengan tepat dengan siapa mereka berbicara, mereka cenderung berperilaku hormat dan melihat orang tersebut sebagai manusia, bukan hanya robot.

Tentu saja, ini hanyalah puncak gunung es dalam hal praktik terbaik untuk halaman “Hubungi Kami” tersebut. Sayangnya, halaman-halaman ini terkenal di kalangan evaluasi UX karena banyaknya pendapat para ahli yang berbeda tentang bagaimana ini harus dijalankan. Anda benar -benar perlu menguji drive halaman kontak sebelum mempublikasikannya ke masyarakat umum!

Ketika Anda terhubung dengan pengunjung Anda, Anda menetapkan dasar untuk menumbuhkan kesuksesan bisnis Anda.

3 contoh halaman kontak yang berhasil

Mari kita lihat tiga formulir kontak yang sangat kuat dan mengapa mereka luar biasa!

1. Media yang Tepat

Media Proper menawarkan permata dari halaman "Hubungi Kami". Seperti yang Anda lihat, mereka tetap berpegang pada merek mereka dengan cukup baik. Halaman dimulai dengan pernyataan yang cukup besar yang mengatakan bahwa pengunjung bebas untuk menelepon mereka jika mereka mau, menawarkan opsi kontak alternatif. Jelas bidang mana yang wajib dan mana yang lebih disukai; ada juga validasi instan sebelum formulir dikirimkan. Setiap bidang didefinisikan dengan sangat jelas, namun ruang interpretasi kreatif dibiarkan untuk pengguna yang lebih berseni.

2. PeopleMetrics

PeopleMetrics adalah halaman berfitur lengkap yang dirancang untuk menjadi contoh yang bagus untuk bisnis fisik. Pertama, ia menggunakan widget Google Maps ringan untuk menunjukkan lokasi bisnis tanpa memonopoli bandwidth dan sumber daya komputasi untuk klien. Kedua, mencakup semua informasi kontak resmi untuk bisnis, membangun kepercayaan. Untuk lebih membangun kepercayaan, Anda dapat mengklik untuk melihat Kebijakan Privasi mereka saat Anda memasukkan email Anda. Formulir memiliki bidang yang sangat minim, meskipun tidak dikategorikan seperti yang mungkin kita sukai. Secara keseluruhan, ini adalah halaman langsung dengan sedikit ruang tersisa untuk kesalahan dan opsi membangun kepercayaan dan kontak maksimum.

3. Grup Weifield

Halaman kontak Grup Weifield adalah formulir yang paling lengkap dalam daftar kami. Ini pertama-tama mencakup semua informasi yang relevan untuk metode kontak sekunder untuk menghilangkan pengiriman formulir kontak yang tidak perlu. Ini sangat penting untuk bisnis multi-situs. Bahkan memiliki penafian setelah Anda menggulir ke bawah, menunjukkan bahwa mereka yang mencari pekerjaan tidak boleh mengisi formulir; filter informal seperti ini akan mengurangi pengiriman yang tidak perlu. Situs ini menggunakan pemuatan asinkron sehingga browser tidak dapat melihat elemen yang bahkan tidak dirender, sehingga menghemat bandwidth dan ruang maksimum. Akhirnya, kepercayaan dibangun bersama dengan menunjukkan kepada klien di mana tepatnya bisnis itu berada.

Inspirasi dan ide untuk desain halaman kontak

Sebelum kami pergi, kami ingin memberi Anda tujuh contoh formulir kontak favorit kami. Tidak seperti daftar kami di atas, kami tidak akan memberi tahu Anda mengapa mereka hebat; kami berharap bahwa pada titik ini, itu akan terbukti dengan sendirinya! Sekali lagi, daftar ini tidak dalam urutan supremasi tertentu.

Catatan Ramping

BrightLocal

Energi Banteng Merah

Restoran Chipotle

Podia

Merek untuk Hidup

Pemasaran Titik Tendangan

Membungkus

Kami berharap ini merupakan penyelaman mendalam yang menyenangkan dan informatif tentang bagaimana formulir "Hubungi Kami" terbaik dibuat. Ini mungkin tampak seperti tumpukan informasi saat ini dan jangan merasa tertekan untuk menghafal semua praktik terbaik kami. Seperti seni apa pun, halaman terbaik dibuat dengan coba-coba setelah keterampilan awal dipelajari!

Unduh Tema Kadence & Blok Kadence Untuk Membangun Situs Web yang Efektif

Jika Anda suka membuat konten yang menarik dengan desain yang indah, Kadence Blocks menyediakan alat untuk berkreasi langsung di editor WordPress asli. Selain itu, nikmati banyak konten bawaan yang dapat Anda sertakan dengan mudah di situs Anda, termasuk perpustakaan bingkai gambar blok untuk memulai desain web Anda berikutnya. Bagus untuk inspirasi dan pengembangan cepat!

Unduh sekarang

Kristen Wright

Kristen telah menulis tutorial untuk membantu pengguna WordPress sejak 2011. Sebagai direktur pemasaran di iThemes, dia berdedikasi untuk membantu Anda menemukan cara terbaik untuk membangun, mengelola, dan memelihara situs web WordPress yang efektif. Kristen juga suka menulis jurnal (lihat proyek sampingannya, Tahun Transformasi !), hiking dan berkemah, aerobik langkah, memasak, dan petualangan sehari-hari bersama keluarganya, berharap untuk menjalani kehidupan yang lebih kekinian.