Soroti layanan Anda menggunakan blok Layanan – blok Kustom AitThemes

Soroti layanan Anda menggunakan blok Layanan – blok Kustom AitThemes

Blok Layanan adalah blok pertama kami yang kami rilis di plugin Citadela Pro kami. Berkat blok ini, Anda dapat menyajikan layanan atau fitur produk, poin utama, visi, atau ruang lingkup pekerjaan Anda dengan sempurna. Dengan menambahkan blok Layanan ke halaman atau posting WordPress, Anda dapat menyorot elemen tertentu, menambahkan ikon, deskripsi, dan CTA. Terserah Anda jika Anda ingin menarik perhatian pengunjung hanya ke satu layanan tertentu atau ke beberapa layanan melalui beberapa blok layanan. Tapi mari kita mulai dari awal.

Pada artikel ini kami akan menjelaskan:

Tujuan utama blok Layanan – menunjukkan layanan dengan cara yang menarik

Tujuan utama mengapa Anda harus menggunakan blok Layanan adalah membantu Anda menyajikan informasi dengan cara yang menarik. Itu dapat dengan jelas membagi kelompok tertentu dari teks lain dan menyorotnya untuk menarik perhatian semua orang. Blok layanan terlihat bagus dalam tata letak karena:

  • Strukturisasi konten
  • Segarkan dengan ikon
  • Pisahkan layanan dengan grafik dan spasi

Berkat hal di atas, blok Layanan dapat dengan cepat menarik perhatian pengunjung.

 Sorot layanan melalui blok Layanan
Konten terlihat jauh lebih baik jika ada blok Layanan untuk menyajikan layanan atau produk perusahaan

Navigasi yang lebih baik di seluruh situs web

Karena layanan disorot, itu akan membuat pemindaian mata terhadap situs web menjadi lebih mudah. Bahkan jika pelanggan hanya menelusuri situs web Anda, mereka tidak akan melewatkan layanan yang Anda tawarkan.

Jika Anda menambahkan URL ke layanan Anda, itu dapat digunakan sebagai kotak navigasi dengan CTA. Itu akan membuat pelanggan mengklik kotak untuk mempelajari lebih lanjut atau memesan layanan.

Blok layanan digunakan untuk menyajikan fitur

Blok layanan juga dapat digunakan untuk menonjolkan fitur produk atau layanan yang Anda tawarkan. Itu berarti setiap blok layanan individual akan menghadirkan satu fitur tertentu. Representasi grafis ini dapat memunculkan kualitas utama dari produk yang diberikan. Mengingat bahwa pengunjung tidak ingin membaca banyak teks.

Blok layanan digunakan sebagai kotak Fitur
Gunakan blok Layanan sebagai kotak Fitur untuk menekankan fitur produk

Di mana blok Layanan dapat digunakan

Blok layanan dapat digunakan di dalam postingan dan halaman – sebenarnya di mana pun Anda membutuhkannya. Ada baiknya menggunakannya pada homepage yang biasanya menjadi kontak pertama dengan pengunjung website. Karena blok layanan dapat dengan mudah menarik perhatian pengunjung, kami sarankan untuk menggunakan layanan pada halaman yang paling sering dikunjungi.

Blok layanan dapat digunakan pada halaman layanan khusus, yang mirip dengan beranda dengan jumlah pengunjung yang tinggi. Anda dapat menyajikan semua layanan yang Anda tawarkan di satu tempat.

Kami akan berbicara tentang cara membuat halaman Layanan nanti.

Kompatibilitas dengan tema WordPress

Keuntungan utama blok Layanan adalah tersedia untuk semua tema WordPress yang mendukung editor blok WordPress (Gutenberg). Artinya, Anda dapat menggunakannya di tema kami atau tema pihak ketiga seperti Avada atau Divi. Satu hal yang Anda butuhkan adalah menginstal plugin Citadela Pro.

Bagaimana cara menambahkan blok Layanan ke situs web Anda

Seperti yang telah kami sebutkan untuk menambahkan blok Layanan ke editor, Anda memerlukan plugin Blok Citadela. Setelah aktivasi plugin, blokir akan ditambahkan secara otomatis ke editor WordPress.

Blok layanan dapat ditambahkan dengan mengklik simbol "+" di bilah atas atau di mana saja di dalam editor. Setelah itu baru cari blok yang diberikan menggunakan istilah "Layanan".

Tambahkan blok Layanan ke editor WordPress dengan mengklik “+”
Menambahkan kotak layanan dengan mengklik "+"

Opsi kedua untuk menambahkan blok Layanan adalah menggunakan "/" dan menulis kata "layanan".

Sisipkan blok Layanan dengan garis miring “/”
Sisipkan blok Layanan menggunakan garis miring “/”

Selesai. Beginilah tampilan blok Layanan dengan opsi yang tersedia.

Blok Layanan yang dibuat
Seperti inilah tampilan blok Layanan

Pengaturan blok layanan

Sebagai hal pertama, Anda dapat memilih tata letak layanan yang lebih sesuai dengan desain situs web Anda. Secara default ada tata letak Kotak, yang akan memusatkan ikon, judul, dan deskripsi. Anda dapat mengubahnya ke Tata letak daftar di bilah alat atas. Ikon akan dipindahkan ke sebelah judul dan semuanya akan disejajarkan ke kiri.

Mengubah tata letak Kotak menjadi tata letak Daftar
Konfigurasikan tata letak untuk blok Layanan Anda dalam satu klik mudah

Di dalam blok Layanan ada placeholder, yang juga berfungsi sebagai petunjuk. Anda akan tahu persis apa yang harus ditulis di kotak individual itu. Judul biasanya berarti nama layanan fitur. Teks di bawahnya biasanya mendeskripsikan layanan lebih lanjut atau menjelaskan mengapa pelanggan harus memesannya.

Teks dapat diformat seperti biasa, Anda dapat mengaturnya dengan huruf tebal, miring, atau menambahkan tautan.

Blokir penyesuaian menggunakan Inspektur

Pengaturan lanjutan di Inspektur memungkinkan Anda mengubah blok layanan sesuai kebutuhan Anda. Anda dapat mengubah:

1. Blokir warna

  • Warna latar belakang
  • Warna judul
  • Warna teks
Perubahan warna blok layanan
Sesuaikan blok Anda dengan mengubah warnanya

2. Ikon atau gambar di blok layanan

Blok layanan secara default menampilkan ikon. Anda dapat memilih ikon yang berbeda dari alat pilih, menggunakan bilah pencarian. Anda juga dapat mengubah warna ikon. Alih-alih ikon, Anda juga dapat menggunakan gambar apa pun. Itu dapat diatur agar sesuai dengan ukuran ikon atau agar sesuai dengan lebar kotak layanan.

Opsi Ikon dan Gambar di Service block Inspector
Pilih apa yang ingin Anda tampilkan di dalam blok – Ikon atau Gambar?

Jika Anda tidak ingin menampilkan ikon atau gambar di dalam kotak layanan, Anda dapat mematikan fitur ini sepenuhnya (Tampilkan ikon atau gambar -> Tidak ada).

3. Tautan

Untuk mengarahkan pengunjung ke halaman lain, Anda dapat menambahkan link ke dalam kotak layanan. CTA yang dipilih dengan benar meningkatkan jumlah klik dan tingkat konversi. Anda cukup menulis "Baca selengkapnya" dan masukkan URL. Anda juga dapat memilih untuk membuka tautan ini di tab browser baru.

Masukkan tautan URL ke blok Layanan
Sisipkan URL untuk membuat pesan ajakan bertindak

4. Kelas CSS khusus

Untuk pengguna WordPress tingkat lanjut seperti di blok lain tersedia opsi untuk menambahkan kode CSS sendiri. Ini memungkinkan Anda membuat perubahan yang lebih besar pada desain blok layanan.

Cara membuat halaman Layanan dengan beberapa layanan

Seperti yang kami sebutkan di awal artikel ini, halaman Layanan dapat digunakan untuk menyajikan semua layanan di satu tempat. Buat halaman baru dan sisipkan beberapa blok Layanan berdampingan atau satu demi satu. Blok dengan layanan dapat ditempatkan di mana saja berdasarkan kebutuhan Anda. Terserah Anda, bagaimana Anda menggunakannya.

Bagaimana cara menambahkan halaman Layanan di editor blok WordPress menggunakan blok Layanan?

  • Sebagai hal pertama yang perlu Anda tambahkan Blok kolom
  • Tetapkan jumlah kolom. Jika Anda ingin menyajikan 3 layanan, Anda memerlukan 3 kolom
  • Setelah itu tambahkan satu blok Layanan ke dalam setiap kolom
Halaman layanan yang dibuat oleh lebih banyak blok Layanan
3 Blok layanan bersarang di blok Kolom

Karena setiap layanan merupakan blok tersendiri, administrasi menjadi sederhana dan jelas. Anda dapat menggandakan blok yang dipilih dan menggunakannya di tempat lain di halaman Anda. Hal terbaiknya adalah blok layanan akan terlihat bagus juga dalam versi responsif di perangkat seluler.

Sudahkah Anda mencoba blok Layanan kami? Bagaimana Anda menemukannya? Kami berharap dapat melihat reaksi pertama Anda di komentar di bawah.

3 berpikir tentang “Highlight your services using Service block – AitThemes Custom block

    1. Halo Scotti,

      Terima kasih untuk bertanya.
      Blok Layanan dilengkapi dengan plugin berikut: https://www.ait-themes.club/wordpress-plugins/citadela-blocks

      Salam!
      Zlatko
      tim AIT

Komentar ditutup.