7 praktik terbaik untuk memperbarui situs eCommerce

Sebagai desainer lepas atau agensi, memperbarui situs WordPress bisa sangat menyenangkan. Anda mungkin dapat melakukan eksplorasi merek secara menyeluruh, memodernisasi situs web, atau menjelajahi fungsionalitas baru yang pasti akan membuat klien Anda "wow".

Tapi seperti yang mungkin Anda ketahui, ketika pembaruan untuk situs eCommerce, ada beberapa hal yang perlu dipertimbangkan sebelum benar-benar mengubah apa pun.

Untuk membantu Anda mengatasi pembaruan situs ini sambil menyebabkan waktu henti yang minimal atau kehilangan penjualan, saya telah membuat panduan ini yang terinspirasi oleh saran dari Insinyur Kebahagiaan Roda Gila dan anggota Program Mitra Agensi kami.

Panduan ini akan mencakup:

1. 5 tanda sudah waktunya untuk mendesain ulang eCommerce (atau setidaknya pembaruan yang signifikan)
2. Mengapa Anda harus berhati-hati saat memperbarui situs eCommerce
3. Praktik terbaik yang harus diikuti untuk menghindari waktu henti atau kehilangan pendapatan

5 tanda sudah waktunya untuk mendesain ulang eCommerce (atau setidaknya pembaruan yang signifikan)

Kita semua tahu bahwa hanya karena klien meminta desain ulang situs lengkap, itu tidak selalu merupakan solusi terbaik bagi mereka. Khususnya ketika datang ke situs eCommerce, jika Anda tidak perlu mendesain ulang, terkadang yang terbaik adalah mencoba dan bertahan dengan pembaruan yang lebih kecil (untuk menghindari beberapa masalah yang akan kita bicarakan di bagian selanjutnya).

Namun, itu tidak berarti desain ulang tidak boleh dilakukan. Faktanya, ada beberapa skenario hebat yang mungkin merupakan panggilan yang tepat:

1. Tingkat konversi situs rendah.
2. Tingkat bouncing situs tinggi.
3. Klien Anda menerima keluhan pelanggan tentang fungsionalitas situs.
4. Tema atau plugin utama yang digunakan untuk membuat situs tidak lagi didukung oleh pengembang.
5. Anda sedang membaca artikel ini.

1. Tingkat konversi situs rendah

Jika klien Anda memiliki jumlah lalu lintas yang baik tetapi rasio konversi rendah, itu mungkin pertanda bahwa ada beberapa masalah UX yang terjadi di situs. Tarik URL dan mulailah mengeklik. Anda mungkin akan dapat melihat apa masalahnya cukup cepat.

Beberapa pertanyaan yang dapat Anda tanyakan pada diri sendiri:

• Apakah navigasinya mudah diikuti?
• Apakah halaman produk jelas dan mudah dibeli?
• Apakah situs dan alur pembayaran berfungsi di perangkat seluler?
• Apakah pop-up dan widget ditampilkan dengan benar?
• Apakah mudah untuk melihat gerobak?
• Apakah Anda merasa aman untuk memasukkan informasi kartu kredit?

Meskipun desain ulang situs bukanlah satu-satunya cara untuk memperbaiki beberapa masalah ini (dan tentu saja bukan satu-satunya cara untuk meningkatkan tingkat konversi), ini adalah salah satu cara untuk mengatasi beberapa masalah mendasar, terutama jika Anda mengalami lebih dari satu.

2. Rasio pentalan situs tinggi

Seperti rasio konversi, rasio pentalan yang tinggi dapat menandakan bahwa ada sesuatu tentang desain situs saat ini yang tidak sesuai dengan pembeli. Salah satu pelanggar terbesar: Waktu muat lambat.

Menurut sebuah studi tahun 2017 oleh Google , seiring waktu buka halaman dari 1 detik menjadi 5 detik, kemungkinan bouncing meningkat 90%.

Untuk situs eCommerce, rasio pentalan yang tinggi secara langsung berarti hilangnya pendapatan. Jika itu sesuatu yang dapat Anda perbaiki untuk klien Anda, Anda akan memberi mereka banyak nilai (dan lebih banyak uang di rekening bank mereka).

Sekali lagi, sementara mendesain ulang bukan satu-satunya cara untuk mempercepat situs WordPress, itu mungkin diperlukan jika pelakunya tampaknya adalah beberapa teknologi yang digunakan situs tersebut. Jika sekarang sepertinya waktu yang tepat untuk beralih ke WooCommerce atau meningkatkan ke solusi eCommerce all-in-one, mungkin masuk akal untuk menggabungkan semua perubahan ini menjadi satu pembaruan besar alih-alih meluncurkannya secara perlahan.

3. Klien Anda menerima keluhan pelanggan tentang fungsionalitas situs

Jika benar-benar rusak… itu alasan yang cukup bagus untuk mendesain ulang. Pengalaman pengguna sangat penting untuk situs eCommerce, karena Anda membutuhkan pelanggan akhir untuk merasa percaya diri dalam melakukan hal-hal seperti memasukkan informasi kartu kredit, menambahkan alamat pengiriman, atau memberikan data pribadi lainnya ke situs klien Anda.

Jika Anda atau klien Anda tidak secara teratur menguji situs mereka, masalah fungsional mungkin tidak diperhatikan untuk sementara waktu. Mudah-mudahan, klien Anda memiliki pelanggan yang tidak takut untuk memberikan umpan balik, dan yang akan mengirim email atau mengirimkan tiket dukungan jika elemen situs rusak atau membingungkan.

Jika klien Anda menyebutkan menerima keluhan di sana-sini, itu mungkin bukan masalah besar (atau setidaknya dapat diselesaikan dengan perbaikan bug satu kali). Jika klien Anda menyebutkan banyak keluhan ini, atau tampaknya ada pola, itu pertanda baik mungkin ada masalah yang lebih besar, dan desain ulang mungkin diperlukan.

4. Tema atau plugin kunci di situs tidak lagi didukung oleh pengembang

Ini mungkin alasan paling jelas untuk mendesain ulang pada daftar ini, dan sebenarnya dapat menyebabkan konversi yang rendah, rasio pentalan yang tinggi, dan fungsionalitas yang rusak. Jika situs klien Anda bergantung pada perangkat lunak yang tidak didukung lagi, hanya masalah waktu hingga desain ulang diperlukan.

Namun, sebelum Anda mengambil kesimpulan tentang tema atau plugin yang dihentikan, ada baiknya Anda melakukan riset untuk melihat apa yang terjadi. Mungkin pembuat plugin atau tema merilis pembaruan penting yang terlewatkan oleh klien Anda, atau mungkin mereka telah diakuisisi oleh perusahaan lain dan ada proses dukungan yang berbeda.

Pada akhirnya, Anda mungkin masih memutuskan untuk mendesain ulang dengan tema atau plugin baru yang diperlukan, tetapi sangat membantu untuk menetapkan konteks ini sebelum membuat perubahan, jadi tidak ada kejutan di kemudian hari.

5. Anda sedang membaca artikel ini

Jika Anda di sini, saya menduga sesuatu di dalam hati Anda memberi tahu Anda bahwa pembaruan signifikan sebenarnya diperlukan untuk situs eCommerce klien Anda agar dapat berkembang.

Dengarkan insting Anda.

Meskipun Anda harus menunjukkan dengan tepat tujuan desain ulang, jika Anda dan klien Anda selaras pada skala perubahan yang diperlukan, itu adalah alasan yang cukup baik untuk memprioritaskannya daripada mencoba untuk lolos dengan tambalan kecil.

Desain ulang akan membutuhkan banyak pekerjaan, tetapi ingatlah bahwa jumlah pekerjaan (dan potensi masalah) hanya akan terus meningkat semakin lama Anda menunda menyelesaikan masalah mendasar.

Jadi untuk rekap: Meskipun pembaruan besar bukan satu-satunya cara untuk memperbaiki masalah untuk situs eCommerce, terkadang itu diperlukan, terutama jika fungsionalitas situs atau pengalaman pengguna terganggu. Jika Anda berada dalam posisi ini dengan situs klien, ada beberapa hal yang ingin Anda pikirkan sebelum melakukan pembaruan apa pun.

Mengapa Anda harus berhati-hati saat memperbarui situs eCommerce

Untuk lebih jelasnya, "hati-hati" dalam pengertian ini tidak berarti "jangan lakukan itu." Desainer web memperbarui situs eCommerce setiap hari tanpa masalah, dan Anda juga bisa!

Ketika saya mengatakan "hati-hati", maksud saya ada beberapa hal tambahan untuk dipikirkan saat memperbarui situs eCommerce, dan Anda akan menghemat banyak sakit kepala jika Anda memikirkannya sebelum Anda mendorong apa pun ke produksi.

Downtime berarti kehilangan penjualan dan penurunan kredibilitas

Waktu henti adalah sesuatu yang mungkin Anda coba hindari dengan semua situs klien Anda, tetapi untuk toko eCommerce, waktu aktif sangat penting . Jika pengunjung situs tidak dapat mengakses toko klien Anda, secara harfiah tidak ada peluang bagi mereka untuk menjadi pelanggan dan ini meningkatkan peluang mereka membawa bisnis mereka ke tempat lain.

Situs yang rusak bahkan dapat membuat beberapa pengunjung pergi secara permanen, menyebabkan mereka berpikir bahwa toko tersebut telah diretas atau gulung tikar.

Bukan untuk memberi tekanan, tetapi taruhannya sedikit lebih tinggi ketika bekerja dengan situs eCommerce. Karenanya mengapa yang terbaik adalah bersiap sebelum Anda membuat pembaruan apa pun.

Menimpa database berisiko kehilangan pesanan di situs langsung

Katakanlah Anda membuat perubahan di lingkungan pementasan saat situs langsung aktif dan berjalan seperti biasa. Anda memperbarui kode, menguji perubahan, dan mendorong ke produksi empat jam kemudian.

Jika Anda menimpa basis data, pesanan yang terjadi di situs langsung dalam jangka waktu empat jam itu dapat dihapus…mengakibatkan pelanggan yang bingung dan masalah inventaris untuk klien Anda.

Jika situs mereka belum menerima terlalu banyak lalu lintas, Anda mungkin bisa lolos dengan menimpa database tanpa cedera, tetapi karena toko klien Anda menjadi lebih sukses (dan frekuensi pesanan mulai meningkat), risikonya meningkat. Ini berarti alur kerja Anda untuk melakukan pembaruan situs sangat penting untuk memastikan Anda tidak menimpa apa pun yang tidak Anda maksudkan.

Perubahan besar-besaran dapat membahayakan pengalaman pengguna

Dengan situs eCommerce, tindakan pengguna yang penting terus-menerus terjadi secara real-time, seperti menambahkan produk ke keranjang, memasukkan informasi penagihan, mengirimkan pembayaran, dll. Bayangkan Anda akan membeli sesuatu ketika seluruh desain situs Anda pada perubahan. Apakah Anda akan mempercayainya?

Mungkin tidak. Anda akan menekan refresh, menjadi bingung, dan bahkan mungkin membuka situs web pesaing.

Di bagian berikutnya, saya akan memeriksa cara Anda dapat mencegah ketidakpastian ini dari pembaruan (terutama pada skala desain ulang). Namun, dengan pembaruan apa pun pada situs eCommerce, ada baiknya untuk memikirkan bagaimana perubahan akan dirasakan oleh pengguna saat ini di situs pada saat pembaruan, untuk memastikan Anda tidak melakukan sesuatu yang terlalu drastis (terutama untuk alur pembayaran).

Sekarang setelah Anda mengetahui beberapa hal yang perlu diingat saat memperbarui situs eCommerce, mari kita bahas hal-hal yang baik!

Praktik terbaik yang harus diikuti untuk menghindari waktu henti atau kehilangan pendapatan

Bergantung pada skala pembaruan Anda, mungkin perlu atau tidak perlu mengikuti semua langkah ini. Tujuan saya adalah Anda dapat memadukan dan mencocokkan praktik terbaik ini untuk menemukan alur kerja yang paling sesuai untuk Anda dan klien Anda!

1. Pastikan WordPress, tema, dan plugin utama diperbarui

Akankah langkah ini menyelesaikan semua masalah pembaruan Anda? Tidak.

Namun, ini akan memastikan bahwa Anda tidak membuat perubahan besar pada situs hanya untuk mengetahui bahwa ada sesuatu yang akan rusak atau dapat diperbaiki dengan terlebih dahulu memperbarui plugin.

Selain itu, mendesain ulang selalu merupakan waktu yang tepat untuk pembenahan situs, jadi rangkullah Marie Kondo dalam diri Anda dan aturlah. Lakukan pembaruan WordPress, tema, dan plugin, arsipkan pesanan lama, bersihkan database, dan mungkin bahkan hapus instalan beberapa tema atau plugin yang tidak digunakan lagi oleh situs.

(Kita semua tahu seberapa cepat mereka dapat bertambah, terutama jika klien Anda mengelola situs mereka sendiri sebelum datang kepada Anda!)

Setelah semuanya berjalan pada versi terbaru, Anda akan tahu persis apa yang sedang Anda kerjakan saat mendesain ulang ini. Dan siapa tahu, mungkin Anda bahkan akan mempersingkat daftar tugas Anda dengan memperbaiki masalah fungsionalitas hanya dengan memperbarui sesuatu!

2. Pertimbangkan untuk memberi tahu pengguna tentang pemeliharaan situs, sehingga mereka tahu kapan harus tidak berbelanja

Ini mungkin tidak terasa tepat untuk semua situs eCommerce, tetapi jika klien Anda memiliki komunitas pembeli yang kecil, transparansi pemberitahuan tentang pembaruan situs mungkin sangat dihargai. Bagian terbaiknya adalah tidak menambahkan terlalu banyak pekerjaan ekstra di pihak Anda; Anda hanya perlu mengomunikasikan jadwal secara jelas dengan klien Anda, sehingga semua orang tahu persis kapan perubahan akan terjadi.

Jika klien Anda memiliki banyak pelanggan tetap, Anda dapat menyarankan mereka mengirim ledakan email yang memberi tahu pengguna tentang jendela pemeliharaan. Jika klien Anda menjual ke banyak pengunjung baru bersih, mungkin ada baiknya menjelajahi pop-up atau header lengket dengan pesan tentang kapan pembaruan akan dilakukan.

Dan berbicara tentang "ketika pembaruan terjadi", jika Anda atau klien Anda mengkhawatirkannya, langkah lain yang dapat Anda ambil adalah membuat perubahan selama jam kerja "nonaktif" (seperti larut malam jika sebagian besar penjualan mereka terjadi dari jam 9 malam). -5).

Meskipun teknik ini tidak dapat menjamin orang tidak akan berbelanja selama jendela pembaruan, teknik ini dapat membantu mengurangi beberapa risiko aktivitas yang terjadi di situs saat Anda mendorong perubahan ke produksi.

3. Pasang halaman pemeliharaan saat Anda mendorong pembaruan secara langsung

Jika memperbarui situs eCommerce saat pengunjung aktif bukanlah risiko yang ingin Anda ambil, cara yang terbukti lengkap untuk menghentikan belanja adalah dengan menempatkan situs dalam mode pemeliharaan.

Halaman pemeliharaan atau halaman “Segera hadir” pada dasarnya menyembunyikan semua konten situs Anda, biasanya dengan pesan seperti, “Pembaruan akan datang; segera periksa kembali!”

Manfaat dari teknik ini adalah terlihat jauh lebih profesional daripada situs yang rusak. Alih-alih melihat desain ulang Anda sedang berlangsung (dan berpotensi dalam keadaan rusak), pengunjung akan melihat halaman arahan sederhana dengan konteks tentang apa yang terjadi.

Kelemahannya adalah pengunjung tidak akan dapat berbelanja saat Anda memiliki situs dalam mode pemeliharaan, jadi sebaiknya aktifkan ini saat Anda siap untuk membuat pembaruan, lalu matikan segera setelah Anda selesai. sehingga klien Anda dapat kembali menghasilkan penjualan.

Plugin ini dapat membantu Anda menempatkan situs dalam mode pemeliharaan:

• Mode Pemeliharaan WP
• Fancy Segera Hadir & Mode Pemeliharaan
• Mode Pemeliharaan Cerdas

Dan lagi, membuat pembaruan di luar jam kerja dapat membantu mengurangi pendapatan yang hilang dari desain ulang.

4. Lakukan perubahan di situs lokal atau pementasan terlebih dahulu, lalu perbarui situs langsung

Anda mungkin pernah mendengar bahwa Anda tidak boleh membuat perubahan di situs langsung, dan sebaiknya menggunakan lingkungan staging atau lingkungan lokal untuk menguji pembaruan Anda sebelum mendorong ke produksi.

Ini masih merupakan ide yang baik untuk menguji pembaruan Anda di lingkungan pengembangan terlebih dahulu, tetapi Anda harus berhati-hati untuk mendorong perubahan secara otomatis ke produksi, jika proses itu menimpa basis data situs langsung. (Seperti yang saya sebutkan sebelumnya, ini dapat menyebabkan pesanan hilang, dan itu bukan sakit kepala yang ingin Anda tangani.)

Apa yang dilakukan banyak desainer web malah membuat pembaruan di situs langsung secara manual, setelah mereka menguji kode di lingkungan pengembangan yang cocok. Ini bukan alur kerja yang paling mulus, tetapi memastikan database Anda tetap tidak berubah dan masih memberi Anda kesempatan untuk menguji berbagai hal sebelum Anda mengedit toko.

Jika Anda belum pernah menggunakan situs pementasan sebelumnya, lihat apakah itu yang disediakan oleh host WordPress Anda. (Flywheel dan WP Engine menyertakan situs pementasan dengan setiap paket!) Jika belum disertakan dalam paket hosting Anda, Anda mungkin perlu mempertimbangkan untuk meningkatkan paket Anda untuk membuka fungsi tersebut.

Untuk lingkungan lokal, Lokal adalah platform pengembangan lokal gratis yang dapat Anda mulai dalam waktu kurang dari lima menit. Anda juga dapat menghubungkan situs Flywheel atau WP Engine, membuatnya sangat mudah untuk menarik salinan situs eCommerce, sehingga Anda mengetahui lingkungan dan database yang cocok.

5. Pemeriksaan kualitas sebelum dan sesudah mendorong perubahan secara langsung

Pengujian sangat penting saat mendesain ulang situs eCommerce, dan saya sarankan melakukannya sebelum dan sesudah Anda menerapkan perubahan secara langsung.

Situs pementasan Flywheel dan WP Engine, bersama dengan Lokal, memungkinkan Anda untuk mengerjakan salinan situs langsung (sehingga Anda dapat cukup yakin bahwa jika semuanya berfungsi di sana, mereka akan bekerja pada produksi), tetapi masih pintar untuk mengonfirmasi semuanya berfungsi sebagaimana dimaksud setelah perubahan Anda ditayangkan.

Lagi pula, Anda tidak pernah ingin mengambil risiko mendorong perubahan pada produksi, berjalan pergi, dan kemudian mendapat panggilan telepon yang marah dari klien Anda karena ada sesuatu yang rusak dan Anda tidak menyadarinya.

Anda tentu ingin menguji apa pun yang Anda perbarui, tentu saja, dan meninjau halaman mana pun dengan perubahan desain yang signifikan, tetapi elemen lain dari situs eCommerce yang ingin Anda periksa adalah kemampuan untuk melakukan pembelian.

Sumber daya ini dapat membantu saat Anda menguji alur pembayaran:

• Menguji Pembayaran WooCommerce: Dokumen bantuan WooCommerce
• Daftar Periksa Pengujian Inti WooCommerce: Daftar periksa WooCommerce di GitHub
• Ghost Inspector: Aplikasi untuk menguji pembaruan situs web
• Usetrace: Sistem pengujian yang tidak memerlukan kode
• Cypress: Kerangka kerja pengujian JavaScript end-to-end
• Dalang: Pustaka Node untuk mengontrol Chrome melalui Protokol DevTools

6. Rangkullah pengujian berulang (bila Anda bisa)

Jika Anda merasa kewalahan dengan banyaknya perubahan yang perlu Anda lakukan pada situs eCommerce, pada titik tertentu mungkin ada baiknya Anda bertanya pada diri sendiri: Apakah perubahan tersebut perlu terjadi sekaligus, atau dapatkah mereka dipecah menjadi beberapa pembaruan yang lebih kecil?

Jika Anda sedang mengerjakan desain ulang merek penuh dan perombakan fungsionalitas, mungkin lebih baik untuk memasang mode pemeliharaan dan mencoba menghentikan semuanya sekaligus. Namun, jika Anda membuat perubahan yang lebih kecil, atau dapat memikirkan fase alami untuk meluncurkan pembaruan, praktik yang baik adalah menerima perubahan berulang dari waktu ke waktu.

Ini memiliki beberapa manfaat:

1. Jika ada yang rusak, akan lebih mudah untuk melacak apa yang salah (karena Anda akan memiliki lebih sedikit baris kode untuk disortir).
2. Pengalaman pengguna cenderung tidak terganggu, karena Anda akan memperbarui satu bagian situs pada satu waktu (berlawanan dengan semuanya).
3. Jika Anda mengukur dampak pembaruan situs (pada kecepatan situs atau rasio konversi, misalnya), Anda akan dapat menunjukkan dengan tepat perubahan apa yang menyebabkan hasil tersebut.

Jika ini menginspirasi Anda untuk membuat banyak perubahan kecil alih-alih mendesain ulang penuh, mungkin ada baiknya menggunakan sistem versi seperti GitHub. Ini akan membantu Anda melacak kapan/bagaimana kode diubah, dan juga membantu Anda dengan mudah mengembalikan pembaruan jika ada sesuatu yang didorong sebelum siap.

7. Miliki rencana dukungan, jika terjadi kesalahan.

Mudah-mudahan, setidaknya, Anda telah menguji perubahan di situs pementasan terlebih dahulu atau membuat cadangan situs langsung sebelum mendorong baris kode baru. Langkah-langkah seperti ini akan memastikan Anda dapat memutar kembali ke tempat Anda memulai, jika ada sesuatu yang benar-benar rusak.

Namun, dalam skenario terburuk, mungkin ada saatnya Anda perlu menelepon teman untuk meminta bantuan, dan sebaiknya siapkan rencana itu sebelum Anda melihat halaman web yang rusak.

Pikirkan tentang sumber daya Anda. Jika Anda memiliki teman dalam bisnis yang sering Anda tanyakan, beri tahu mereka ketika Anda akan melakukan desain ulang besar-besaran, dan lihat apakah mereka tersedia selama jangka waktu yang sama, jika ada pertanyaan yang muncul.

Jika Anda aktif di komunitas Facebook atau Slack untuk desainer web, pertimbangkan untuk melakukan hal yang sama atau bahkan meminta saran sebelum Anda memulai pembaruan.

Terakhir, pastikan Anda mengetahui cara menghubungi tim dukungan host WordPress Anda dan tema atau plugin utama apa pun yang mendukung situs, terutama jika Anda mengaktifkan yang baru untuk pertama kalinya. Pelanggan Flywheel dan WP Engine, memiliki akses 24/7 ke pakar WordPress yang selalu siaga jika masalah server muncul.

Klik di sini untuk mempelajari lebih lanjut tentang dukungan Flywheel, dukungan WP Engine, atau klik di sini untuk mengakses dukungan melalui dasbor Flywheel.

Memperbarui situs eCommerce bisa lebih sulit daripada situs web tradisional Anda, tetapi dengan kiat-kiat ini, saya harap Anda merasa diberdayakan untuk membuat situs Anda berubah dengan risiko waktu henti yang minimal atau kehilangan pendapatan! Dengan mengikuti beberapa praktik terbaik sederhana, Anda dapat secara dramatis mengurangi kemungkinan kerusakan apa pun, sementara juga secara dramatis meningkatkan nilai yang diberikan layanan Anda kepada klien Anda.

Meskipun ini adalah daftar panjang, itu tidak berarti lengkap. Apa lagi yang Anda lakukan untuk memperbarui situs eCommerce dengan aman? Beri tahu saya di komentar di bawah!

Perbarui situs eCommerce WordPress lebih mudah dengan Flywheel

Roda gila memudahkan pengelolaan situs klien Anda, berkat fitur seperti situs pementasan gratis, pencadangan otomatis gratis, alat kolaborasi gratis, dan dukungan 24/7 dari pakar WordPress. Itu semua di atas infrastruktur hosting awan kami yang mengesankan, yang memberikan situs mereka kecepatan super cepat dan keamanan terkunci.

Temukan perbedaan mitra hosting (bukan penyedia) hari ini!