Tema Hyva Untuk Magento: Apa, Mengapa & Bagaimana?

Anda mungkin baru-baru ini menemukan nama “Hyva” di berbagai tempat, dari banyak acara offline seperti Webwinkel Vakdagen di Belanda, Bertemu Magento NYC/ UK, Hyva Camp di Jerman hingga acara virtual (Hyva meetup, Hyva Hackathon). Selain itu, beberapa penyedia ekstensi Magento umum mengumumkan bahwa produk mereka sekarang kompatibel dengan tema Hyva.

Belum, menurut Builtwith, ada 1.178 situs web yang menggunakan Hyva Themes saat ini, dengan 246, 202, dan 168 di antaranya masing-masing berada di Belgia, Belanda, dan Amerika Serikat.

Jadi, jika Anda seorang pengembang Magento atau pedagang Magento, maka Anda mungkin bertanya-tanya apa itu tema Hyva. Dalam artikel ini, kami akan mengungkapkan semua yang perlu Anda ketahui tentang tema khusus ini – mulai dari manfaat yang ditawarkan hingga cara mulai menggunakannya. Siap untuk memulai? Baca terus!

Apa itu Tema Hyva Magento 2?

Bagaimana ide tema itu muncul?

Magento menawarkan banyak keuntungan, seperti fleksibilitas penyesuaian, dan kemampuan multi-toko untuk toko web. Sayangnya, bagian depan Magento bukanlah keunggulan platform. Komponen UI-nya cukup canggih dan menambahkan banyak upaya ekstra untuk proses pengembangan. Bahkan pembuat kode yang terampil membutuhkan pelatihan ekstensif untuk melakukan perubahan kecil. Masalah lain dari tema Magento Luma adalah jumlah besar kode JavaScript, yang meningkatkan waktu pemuatan dan sulit untuk dioptimalkan.

Secara umum, ada tiga kelemahan utama menggunakan tema default Magento:

• Ini sangat lambat
• Ini memiliki banyak kode mati
• Butuh waktu untuk menyesuaikan

Itu sebabnya Hyva masuk.

Ikhtisar tema Hyva

Hyva adalah tema Magento 2 yang tidak biasa. Dengan menghapus library yang rumit seperti RequireJS, KnockoutJS, dan jQuery dari kanvas template standar Adobe Magento, dan menggunakan AlpineJS dan TailwindCSS yang lebih ringan, Hyva menjadi salah satu template Magento tercepat sekarang.

Mari kita membuatnya lebih sederhana! Hyva adalah tema untuk Magento 2 yang menghilangkan semua yang tidak perlu dalam kode dan mengubah beberapa perpustakaan untuk pengembangan agar bekerja lebih efisien.

Biaya

Berapa harga Hyva Themes? Hyva menawarkan pembelian lisensi satu kali dengan biaya €1.000, tidak termasuk PPN.

Dengan lisensi untuk Hyva Themes, Anda menerima akses penuh ke kode sumber dan pembaruan tak terbatas. Artinya, Anda selalu dapat mengetahui fitur dan peningkatan terbaru, tanpa harus membayar biaya tambahan apa pun. Selain itu, Anda mendapatkan satu instalasi Magento 2 dengan domain tak terbatas dan tampilan toko disertakan.

>>> Beli Tema Hyva

Apakah itu layak?

Jika Anda ingin meningkatkan kecepatan dan kinerja situs web Anda, ada beberapa opsi berbeda yang tersedia untuk Anda. Salah satu opsi adalah menginstal ekstensi Magento 2 Page Speed ​​Optimization. Ekstensi ini dapat berkisar dari harga $99 hingga $599 per tahun, tidak termasuk biaya pemasangan.

Pilihan lainnya adalah menggunakan layanan pengoptimalan kecepatan. Layanan ini biasanya dapat berharga antara $500 dan $2.000.

Terakhir, Anda juga dapat memilih untuk mengintegrasikan PWA (Progressive Web App) ke dalam situs web Anda. Opsi ini dapat berharga mulai dari $3.000 hingga $20.000.

Sebagai perbandingan, jika Anda menggunakan Hyva Themes, biaya untuk membelinya serta penyesuaian mungkin memerlukan biaya yang sama untuk menerapkan PWA.

Jika Anda mencari cara terbaik untuk meningkatkan kecepatan situs Magento Anda, Anda sebaiknya hanya mempertimbangkan solusi PWA dan Hyva. Ini adalah satu-satunya pilihan yang benar-benar dapat meningkatkan kinerja situs Anda. Semua ekstensi pengoptimalan kecepatan halaman Magento lainnya tidak efektif dibandingkan. (Kami akan memberi Anda perbandingan singkat dari kedua solusi ini di bagian lain artikel.)

Sumber daya

• Demo tema Hyva
• Dokumentasi online tema Hyva
• Hyva tema github

40 Contoh aplikasi/studi kasus tema Hyva:

Mengapa Tema Hyva? Apa Nilai Inti Mereka?

Anda mungkin bertanya-tanya mengapa pemilik toko Magento ingin menggunakan tema Hyva, dan mengapa pengembang menganggapnya bermanfaat. Manfaat terbesar bagi pemilik toko adalah untuk meningkatkan kecepatan memuat halaman situs web dan SEO mereka sebagai hasilnya. Pengembang Magento juga menemukan tema Hyva lebih mudah untuk disesuaikan dengan kurva belajar yang dipersingkat, berkat strukturnya yang sederhana dan bijaksana.

Selain itu, tampaknya tim Hyva lebih berfokus pada peningkatan pengalaman pengembang daripada manfaat pedagang ketika 4 dari 6 prinsip inti mereka adalah untuk pengembang (2 untuk pedagang dan 1 untuk keduanya):

• mengurangi kompleksitas (untuk pengembang)
• peningkatan kinerja (untuk pedagang)
• pengalaman pengembang yang ditingkatkan (untuk pengembang)
• peningkatan kecepatan pengembangan (untuk pengembang dan pedagang)
• mengurangi ketergantungan (untuk pengembang)
• kurva belajar berkurang (untuk pengembang)

Mari gali lebih dalam mengapa pengusaha dan pembuat kode harus mempertimbangkan untuk menggunakan tema Hyva untuk toko/proyek Magento Anda:

Untuk Pemilik Toko Magento – Raih kecepatan halaman yang dipercepat dan skor tinggi di Google PageSpeed ​​Insights

Hyva menyediakan solusi rendering sisi server (SSR) yang secara drastis mengurangi jumlah data yang diperlukan untuk merender halaman di server. Ini dapat menyebabkan pemuatan halaman lebih cepat, yang jelas bermanfaat bagi kinerja toko dan pengguna akhir. Selain itu, situs web bertenaga Hyva yang sangat cepat cenderung mencapai posisi yang lebih tinggi dalam hasil pencarian karena kecepatan halaman adalah salah satu faktor peringkat Google yang dikonfirmasi.

Di bawah ini adalah hasil untuk tema Hyva Magento dalam pengujian kecepatan halaman Google. Seperti yang Anda lihat, semua skor (baik versi desktop dan seluler) sangat mengesankan, dari 91 hingga 100:

Perlu dicatat bahwa situs web demo Hyva dibuat dengan mempertimbangkan kinerja, yang menjelaskan hasil kecepatan halamannya yang luar biasa. Namun, jika Anda membuat situs web eCommerce yang lebih kompleks, hasil Anda mungkin berbeda. Itu karena situs demo Hyva berisi fungsionalitas yang sangat mendasar – tidak memiliki penggeser spanduk atau gaya canggih – hanya dengan sejumlah kecil produk.

Sebaliknya, sebagian besar situs web Magento yang sebenarnya umumnya memiliki ratusan hingga ribuan produk yang dikaitkan dengan beberapa gambar untuk setiap item, dan banyak spanduk promo di situs tersebut. Jadi, penting untuk berkonsultasi dengan ahli yang dapat memberikan prediksi bagaimana kinerja situs Anda dapat meningkat jika menginstal tema Hyva.

Untuk Pengembang Magento – Pelajari lebih sedikit dan lebih cepat, kode lebih efisien

Jika Anda seorang pengembang, Anda akan menemukan bahwa Hyva memiliki kurva belajar yang jauh lebih bertahap. Ini karena Anda dapat menggunakan alat pengembangan frontend dan backend Magento yang sudah dikenal. Oleh karena itu, tidak butuh waktu lama untuk memulai dan menjalankan tema dan menjadi Pengembang Magento Hyva.

Dokumentasi resmi adalah sumber yang bagus untuk mempelajari cara menggunakan Hyva, serta memahami struktur tema dan cara membuatnya hanya menggunakan 2 dependensi: AlpineJS dan Tailwind CSS. Setelah Anda memiliki pemahaman yang baik tentang dasar-dasar ini, Anda dapat mulai membuat penyesuaian Anda sendiri ke dalam tema.

Singkatnya, tema Magento Hyva cepat dipelajari dan akan menghemat waktu dan tenaga Anda untuk membuat etalase Magento yang sepenuhnya responsif dan cepat.

Bagaimana Cara Mendaftar Tema Hyva Ke Situs Web Magento?

Untuk Pemilik Toko Magento

Dalam hal pengembangan tema Magento Hyva, semakin banyak penyedia layanan yang dapat dipilih. Jika Anda ingin meningkatkan kinerja situs Anda saat ini atau memulai proyek pengembangan web baru, penting untuk menemukan perusahaan pengembang tema Hyva yang tepercaya dan berpengalaman.

Ada beberapa hal yang perlu diingat ketika memilih perusahaan pengembangan tema Magento 2 Hyva. Pertama, pastikan untuk bertanya tentang pengalaman dan keahlian mereka dengan tema ini. Juga, pastikan untuk menanyakan tentang harga mereka sehingga Anda dapat tetap dalam anggaran Anda.

Setelah Anda menemukan beberapa kandidat potensial, inilah saatnya untuk menghubungi dan mulai mendiskusikan proyek Anda. Anda harus memberikan sedetail mungkin sehingga perusahaan dapat memberikan penawaran yang akurat kepada Anda. Dengan sedikit riset dan uji tuntas, Anda dapat menemukan perusahaan pengembangan tema Magento Hyva yang sempurna untuk kebutuhan Anda.

Tigren adalah layanan pengembangan tema Hyva terkemuka dengan 10+ tahun pengalaman dalam pengembangan situs web Magento. Kami memiliki tim pengembang yang terampil dan berpengalaman yang ahli dalam pengembangan tema Hyva dan dapat membantu Anda mendapatkan hasil maksimal dari investasi Anda. Hubungi kami hari ini untuk mempelajari lebih lanjut tentang layanan kami, dapatkan penawaran gratis, dan bagaimana kami dapat membantu Anda membawa bisnis Anda ke tingkat berikutnya.

Untuk Pengembang Magento

Jika Anda seorang pengembang dan ingin mempelajari cara menggunakan tema Hyva, ada dua sumber daya hebat yang tersedia: kursus pelatihan online Yireo (mulai dari €259/tahun/individu) atau mempelajarinya sendiri berdasarkan dokumentasi resmi Hyva dan temuan sendiri tentang AlpineJS dan TailwindCSS.

Kedua opsi tersebut memiliki keuntungan masing-masing – kursus online nyaman karena mencakup tutorial video serta latihan interaktif, sementara belajar mandiri memungkinkan Anda untuk fokus pada topik tertentu yang paling Anda minati. Ada juga banyak tutorial gratis tentang cara menginstal tema Hyva di situs web Magento 2 yang mungkin berguna bagi Anda.

Tema Hyva vs. Progressive Web App (PWA): Perbandingan Cepat

Ada banyak perdebatan online tentang tema Magento mana yang lebih baik – Hyva atau Magento PWA. Namun, kami percaya keduanya memiliki kelebihan masing-masing dan seperti tangan kiri dan kanan dengan fungsi dan tujuan berbeda yang bermanfaat bagi toko Magento.

Oleh karena itu, tidak masuk akal untuk membandingkan dan mencari tahu apa yang lebih kuat. Dengan kata lain, tidak ada yang lebih baik dari yang lain, tetapi Anda perlu mengetahui perbedaan antara dua jenis tema untuk memilih salah satu yang paling sesuai dengan kebutuhan Anda.

Kesamaan

• Keduanya membantu meningkatkan kecepatan situs web Magento secara signifikan, yang bagus untuk SEO
• Keduanya tidak bekerja secara langsung dengan ekstensi Magento 2 pihak ketiga
• Keduanya hanya untuk Magento 2
• Keduanya sepenuhnya responsif
• Keduanya dapat dengan mudah disesuaikan untuk memenuhi kebutuhan yang berbeda
• Keduanya dapat memakan waktu hanya beberapa hari/minggu hingga bulan untuk berkembang, tergantung pada kompleksitas proyek dan kompetensi pengembang.

Perbedaan

• Tujuan utama Hyva adalah untuk meningkatkan kecepatan situs web dan mengurangi beban kerja pengembang sementara Magento PWA adalah untuk meningkatkan pengalaman pengguna dengan tampilan dan nuansa seperti aplikasi (tidak hanya termasuk kecepatan memuat yang cepat tetapi juga kemampuan untuk menambahkan ke perangkat seluler layar beranda dan mengirim pemberitahuan push).
• Hyva adalah front end terintegrasi di Magento sementara PWA adalah etalase terpisah yang menggantikan front end Magento.
• Tema Hyva disediakan oleh perusahaan Hyva; sementara itu, ada banyak perusahaan pengembang Magento yang menawarkan tema PWA Magento.
• Tema Hyva berharga €1.000 sedangkan biaya tema PWA untuk Magento bervariasi, dari gratis hingga $1.000. Biaya penyesuaian tema tergantung pada mitra pengembangan yang Anda pilih.

Jadi, mana yang akan lebih disukai?

Jika Anda seorang pengembang Magento, Anda mungkin lebih suka tema Hyva karena lebih ramah pengembang. Namun, dari sudut pandang pemilik toko yang mengabaikan faktor upaya pengembang, jawabannya mungkin 50-50.

Bagi mereka yang mencari solusi untuk mengoptimalkan kecepatan halaman web mereka saja, tema Hyva Magento 2 akan menjadi pilihan yang sempurna. Tetapi bagi mereka yang tidak hanya ingin mempercepat situs web mereka, tetapi juga platform yang berfungsi sempurna di desktop dan perangkat seluler dan dapat mengirim pemberitahuan push untuk tujuan pemasaran, tema PWA Magento mungkin lebih cocok.

Pertanyaan yang Sering Diajukan

1. Apa pro dan kontra dari pengembangan tema Hyva?

Kelebihan :

• Kecepatan: Kecepatan situs web Anda dapat menjadi perbedaan antara pelanggan yang menyelesaikan pembelian atau pindah ke situs lain. Dengan Hyva, Anda dapat yakin mengetahui bahwa situs Anda akan dimuat dengan cepat dan efisien. Tema ini sangat cocok untuk pedagang yang ingin memberi pelanggan mereka pengalaman online yang cepat dan mulus.
• Kesederhanaan: Tema Hyva Magento 2 dibuat dengan fokus pada pengurangan tingkat kerumitan. Itu dibangun dengan lebih sedikit dependensi, artinya Anda tidak perlu mengelola perpustakaan dan fungsi yang tidak perlu. Ini juga membuat penyesuaian dan penyesuaian lebih cepat dan lebih mudah. Ini menghasilkan lebih sedikit waktu dan upaya yang diperlukan bagi pengembang untuk menerapkan dan menyesuaikan tema Hyva dalam proyek mereka.
• Komunitas: Dengan dukungan dari komunitas yang kuat dan berkembang, tema Hyva menjadi pilihan yang lebih menarik bagi banyak pedagang. Saat Anda memilih untuk menggunakan tema Hyva, Anda mendapatkan akses ke komunitas Hyva melalui ruang Slack. Saluran Slack Komunitas Hyva adalah tempat yang tepat untuk bertukar ide dan mendapatkan dukungan dari anggota komunitas lainnya. Jika Anda pernah mengalami masalah atau memiliki pertanyaan mendesak, seseorang di komunitas akan ada untuk membantu Anda. Selanjutnya, berkat upaya komunitas, selalu ada ekstensi dan fitur baru yang dikembangkan untuk Hyva.

Kontra:

• Kompatibilitas ekstensi: Jika Anda menggunakan tema berbasis Hyva, Anda mungkin menemukan bahwa beberapa ekstensi pihak ketiga tidak kompatibel. Ini karena Hyva menghapus semua dependensi tambahan, yang dapat menyebabkan masalah ketidakcocokan. Untuk mengatasi masalah ini, tim Hyva telah bermitra dengan beberapa penyedia ekstensi Magento 2 yang populer untuk menawarkan modul kompatibilitas. Hingga saat ini, ada 53 plugin yang kompatibel dengan Hyva.

• Biaya: Jika Anda mencari tema yang cepat dan andal untuk toko Magento Anda, Hyva adalah pilihan yang bagus. Namun, penting untuk diingat bahwa biaya Hyva adalah biaya satu kali sebesar 1.000 euro per lisensi. Ini bisa sedikit mahal untuk usaha kecil, jadi pastikan untuk memasukkannya ke dalam anggaran Anda. Selain itu, biaya pemasangan dan penyesuaian dapat berkisar dari 5.000 hingga 50.000 euro, itulah sebabnya Anda harus mendapatkan penawaran dari beberapa penyedia sebelum membuat keputusan akhir.
• Desain: Jika Anda mencari desain yang sederhana dan bersih untuk toko eCommerce Anda, Hyva bisa menjadi pilihan yang bagus. Tema dibuat untuk memaksimalkan kecepatan, jadi mungkin tidak cocok untuk toko dengan banyak spanduk dan efek.

2. Bisakah tema Hyva diterapkan ke toko Magento 1?

Jika Anda menjalankan situs web Magento 1, Anda harus bermigrasi ke Magento 2 sebelum Anda dapat menginstal dan menggunakan tema Hyva. Meskipun ini mungkin tampak merepotkan, sebenarnya ini adalah peluang bagus untuk meningkatkan keamanan dan kinerja situs web Anda.

Magento 1 tidak lagi didukung, yang berarti bahwa setiap kerentanan keamanan yang ditemukan tidak akan diperbaiki. Ini membuat situs web Anda berisiko diretas atau disusupi.

Memutakhirkan ke Magento 2 juga akan memberi Anda akses ke tema Hyva, yang dirancang untuk kecepatan dan kinerja. Dengan Hyva terinstal, situs web Anda akan memuat lebih cepat dari sebelumnya, memberi pengunjung Anda pengalaman yang lebih baik.

3. Bisakah tema Hyva menyelesaikan semua masalah pemuatan lambat situs web Magento?

Jika Anda memperhatikan bahwa situs web Anda dimuat dengan lambat, ada beberapa hal yang dapat Anda lakukan untuk mempercepatnya. Salah satunya adalah menggunakan tema Hyva, yang akan membantu memuat hasil lebih cepat di desktop dan seluler. Namun, jika Anda masih melihat kinerja yang lambat, kemungkinan karena kueri yang lambat ke database. Ini terutama benar jika basis data Anda telah berkembang secara signifikan karena menjalankan banyak situs web.

Hyva dapat membantu mengurangi beberapa detik dari waktu pemuatan, tetapi untuk kinerja yang optimal, Anda juga ingin melihat operasi backend, mengoptimalkan kueri, dan mengonfigurasi database Anda dengan benar. Selain itu, pertimbangkan untuk bermigrasi ke MySQL dan PHP versi terbaru. Dengan mengambil langkah-langkah ini, Anda dapat memastikan bahwa situs web Anda dimuat dengan cepat dan lancar untuk semua pengguna.

4. Apakah tema Hyva kompatibel dengan Magento Open Source dan Adobe Commerce?

Tema yang dikembangkan oleh Hyva saat ini hanya kompatibel dengan Magento 2 Open Source. Namun, hal yang sama tidak berlaku untuk Adobe Commerce. Adobe Commerce adalah edisi tingkat perusahaan dari Magento yang sebagian besar digunakan oleh bisnis eCommerce yang sudah mapan. Tema Hyva berfokus untuk membuat kerangka kerjanya kompatibel dengan semua fitur Adobe Commerce dan mereka mengharapkan ini selesai dalam beberapa bulan baru.

Hyva berkomitmen untuk memberikan pengalaman terbaik bagi penggunanya, apa pun edisi Magento yang mereka gunakan. Dengan pemikiran ini, Hyva yakin bahwa mereka akan dapat memberikan dukungan penuh untuk Magento Open Source dan Adobe Commerce dalam waktu dekat.

5. Versi Magento mana yang diperlukan untuk pengaturan tema Hyva?

Jika saat ini Anda menjalankan Magento versi lama, Anda harus meningkatkan ke Magento 2.4 atau lebih tinggi untuk menggunakan tema Hyva. Setelah melakukannya, Anda akan dapat memanfaatkan semua fitur dan manfaat hebat yang ditawarkan Hyva!