Wordpress

Cara Membuat Situs WooCommerce Bertenaga Elementor

Tidaklah cukup bahwa platform WordPress sendiri adalah Sistem Manajemen Konten (CMS) paling populer di dunia.  Kami juga memiliki pembuat halaman dan platform e-niaga paling populer di Elementor dan WooCommerce juga.  Dengan demikian, masuk akal untuk menggunakan ketiganya untuk membuat toko online yang tampak bintang dan berkinerja baik.Jika kami memecahnya, WordPress sangat ideal untuk mengatur posting, halaman, dan produk Anda. WooCommerce menawarkan integrasi yang erat dengan platform karena pengembangnya (Automattic).  Terlebih lagi, Elementor menghadirkan pembuatan halaman drag-and-drop yang kuat dan intuitif.  Ini adalah solusi lengkap tanpa kode untuk membangun toko Anda.Dalam bagian ini, kita akan melihat cara membangun toko menggunakan Elementor dan WooCommerce.Sepanjang, kita akan melihat bagaimana keduanya cocok untuk memberikan Anda fleksibilitas terbesar untuk situs Anda.

Mengapa WordPress, Elementor, dan WooCommerce Bekerja Sama Dengan Baik

Sebaiknya lihat lebih dekat bagaimana WordPress, Elementor, dan WooCommerce dapat digabungkan untuk membantu Anda membuat toko online terbaik.

Halaman beranda WordPress.org.

Sebagai permulaan, WordPress adalah CMS yang paling sering digunakan di pasar.  Tentu saja, ini tidak cukup untuk menjamin posisi dominan di antara pengguna.  Sebenarnya, kami telah melihat ini di posting sebelumnya, jadi kami mendorong Anda untuk membaca posting itu lebih lanjut.  Singkatnya, ini adalah platform yang aman, stabil, dan dapat diskalakan, yang dapat Anda bangun di atasnya.Omong-omong, Anda juga memiliki WooCommerce.  Karena Automattic mengembangkan plugin, ia memiliki integrasi yang hebat dengan inti WordPress, tetapi bukan itu saja.

Etalase WooCommerce.

Itu juga yang paling platform eCommerce populer.  Dalam ekosistem WordPress, ia memiliki sekitar 20 persen pangsa, yang berarti sekitar delapan persen semua situs web.  Sebagai perbandingan, Shopify memiliki sekitar lima atau enam persen pangsa pasar.  Sekali lagi, angka penggunaan bukanlah segalanya.WooCommerce mengambil proses pembuatan toko online dan menyederhanakan prosesnya.  Anda dapatberdiri dan berjalan dalam hitungan menit, dan memiliki platform e-niaga yang kuat, kuat, dan dapat diperpanjang yang siap diluncurkan.Untuk merajut ini bersama-sama, Anda memiliki Elementor.  Ini juga memiliki pangsa pasar yang besar dalam bidangnya, dan basis pengguna yang besar.

Halaman utama Elementor.

Ini adalah pembuat halaman seret dan lepas dengan pendekatan unik untuk membantu Anda membangun seluruh situs web Anda dari awal.  Ini adalah solusi yang menggoda untuk digunakan, karena ada banyak fitur dan fungsionalitas canggih yang tidak dimiliki alat lain.  Yang paling relevan di sini adalah yang berdedikasi Pembuat WooCommerce.Singkatnya, Elementor adalah plugin dengan banyak kolom inci di blog Arifie, dan Anda harus memeriksa arsip kami untuk melihat apa yang dapat dilakukannya.

Apa yang Dibutuhkan Situs WooCommerce Dari Pembuat Halaman

Pengambilan implisit dari bagian terakhir adalah bahwa Elementor dapat memberikan perpaduan yang tepat antara fitur dan fungsionalitas yang dibutuhkan WooCommerce untuk membawa situs Anda ke tingkat berikutnya.  Padahal, penting untuk mengasah mengapa ini dan apa yang ditawarkannya.Secara umum, situs WooCommerce membutuhkan yang berikut dari pembuat halaman:

  • Integrasi yang ketat, sehingga tidak ada konflik antara pembuat halaman dan WooCommerce.
  • Banyak pilihan penyesuaian untuk membantu membuat produk dan halaman toko Anda menonjol.
  • Cara untuk mengedit elemen individual yang membentuk halaman produk biasa.
  • Fungsionalitas ekstra untuk membantu ‘menaikkan level’ toko Anda.

Anda harus (tentu saja) memperhatikan kebutuhan pribadi Anda juga.  Misalnya, Anda mungkin menemukanformulir dan pop-up penting untuk strategi toko dan penjualan Anda.  Kabar baiknya adalah bahwa Elementor lebih dari mampu memenuhi kebutuhan Anda.Misalnya, ia memiliki yang bagus Pembuat Popup yang berfungsi sebagai hadiah untuk penjualan, penawaran terbatas waktu, kupon, dan banyak lagi:

Pembuat Popup Elementor.

Anda dapat membuatnya seperti yang Anda lakukan pada templat halaman lainnya, dan Anda dapat menerapkannya dalam sekejap.  Terlebih lagi, Anda dapat menyesuaikannya dengan hampir semua cara yang Anda pilih. Ini sempurna jika Anda memiliki kampanye khusus untuk dipromosikan di situs Anda.

Cara Memilih Tema WooCommerce yang Cocok

Kami tidak akan membahas banyak detail di sini, karena kami membahas ini dalam tutorial kami, dan juga mengumpulkan beberapa tema dalam artikel khusus.Pertimbangan utama yang Anda butuhkan dalam hal ini adalah tema yang kompatibel dengan Elementor dan WooCommerce.  Bahkan melihat sekilas situs pasar premium akan menunjukkan kepada Anda bahwa banyak tema mengiklankan ini, jadi pilihan Anda sangat beragam.Meski begitu, ada beberapa tema menonjol yang bisa kami sebutkan:

  • etalase. Ini kemungkinan akan memiliki kompatibilitas paling sedikit dengan Elementor dimasa mendatang, karena Editor Blok adalah teknologi asli.  Tetap, Halo. Ini adalah tema starter kosong Elementor, dan ideal untuk mengembangkan situs WooCommerce dari awal.  Tentu saja, jika Anda memiliki lebih sedikit waktu, mungkin bijaksana untuk memilih tema lain yang lebih berfitur lengkap.
  • HasilkanTekan. Ini adalah tema teratas dengan infrastruktur yang fleksibel.  Ini berarti terlepas dari apakah Anda menggunakan Editor Blok, Elementor, atau yang lainnya, toko Anda akan terlihat luarbiasa.

Kami mendorong Anda untuk menemukan tema yang tepat sebelum Anda menggali untuk membuat situs Anda. Ingat, hasil terbaik adalah dengan sesuatu yang kompatibel dengan Elementor dan WooCommerce.

Cara Membuat Situs WooCommerce Bertenaga Elementor dalam 3 Langkah

Selama sisa artikel ini, kami akan menunjukkan kepada Anda cara menggunakan Elementor dan WooCommerce bersama-sama untuk membuat situs e-niaga.  Ada tiga langkah yang perlu diperhatikan:Padahal, untuk tutorial ini kita akan berasumsi bahwa Anda sudah menginstal dan mengaktifkan Elementor Pro. Ini adalah sesuatu yang kami bawakan untuk Anda dalam artikel kami tentang cara membuat corong WordPress. Posting itu akan membantu Anda ketika Anda mengalami masalah.

1. Instal WooCommerce dan Siapkan

Ada dua aspek yang perlu dipertimbangkan saat Anda menyiapkan instalasi WooCommerce: plugin itu sendiri, dan pengaturan toko Anda.  Faktanya, menginstal plugin membutuhkan proses yang sama seperti plugin WordPress lainnya.Sedangkan untuk menyiapkan WooCommerce itu sendiri, sementara Anda bisa siap untuk pergi dalam beberapa menit, perlu waktu lebih lama untuk menyelesaikannya. Petunjuk penggunaan.

Wizard Pengaturan WooCommerce.

Ketika sampai pada titik pengaturan ini, kami telah membantu Anda.  Faktanya, kami memiliki postingtutorial WooCommerce lengkap yang membahas detail langkah demi langkah tentang cara memulai dengan WooCommerce dan membuat produk pertama Anda.  Ini adalah pos yang bagus untuk dibuka di tab cadangan saat Anda menjalankan yang ini. Informasi di dalamnya akan berharga untuk rangkaian langkahselanjutnya.

2. Buat Produk WooCommerce Anda

Setelah Anda memiliki instalasi WooCommerce dan goyang, Anda harus melihat ke dalam membuat produk di bagian belakang.  Sekali lagi, tutorial WooCommerce kami mencakup bagaimana melakukan ini secara mendetail, tetapi berikut adalah Catatan Tebing:

  • Pergi ke Produk > Tambah Baru tab dalam WordPress.
  • Isi nama produk dan deskripsi singkat Anda.
  • Gunakan kotak meta WooCommerce untuk mengisi data produk Anda, seperti harga.
  • Tambahkan gambar.
  • Publikasikan produk Anda.

Padahal, di sinilah Elementor menunjukkan kekuatan pertamanya – WooCommerce Builder.  Ini adalah caramenggunakan pembuat halaman untuk membuat desain halaman produk Anda.Untuk memulai, klik Template > Tambah Baru dalam WordPress:

Tautan Tambahkan Baru di dalam WordPress.

Dari sini, pilih Produk Tunggal dari Jenis Templat drop-down, dan masukkan nama opsional:

Membuat template baru di Elementor.

Ini akan membuka Perpustakaan Template untuk menampilkan setiap Blok yang dibuat sebelumnya di dalam:

Pustaka Template Elementor.

Setelah Anda melihat desain yang Anda suka, klik Memasukkan tombol dan Elementor akan mengimpor Blok:

Mengimpor Blok ke halaman.

Ini adalah cara cepat untuk memutar halaman produk khusus.  Anda dapat mengambil awal yang baik ini dan menambahkan lebih banyak juga. Elementor menyertakan sejumlah widget khusus untuk membantu Anda membangun halaman khusus WooCommerce:

Widget Elementor WooCommerce.

Setelah Anda memiliki tata letak halaman yang Anda suka, klik tombol Publikasikan berwarna hijau di bagian bawah layar:

Tombol Publikasikan.

Ini akan memunculkan pop-up untuk membantu Anda mengatur kondisi tertentu untuk menampilkan template:

Pengaturan Sertakan kondisi di Elementor.

Saat Anda siap, klik Simpan & Tutup.  Dari sini, Anda dapat menambahkan lebih banyak produk ke toko Anda, mengerjakan lebih banyak template, atau mulai mengerjakan halaman Toko khusus.

3. Rancang Halaman Toko Khusus AndaMenggunakan Elementor dan WooCommerce

Satu Pengalaman Pengguna (UX) WooCommerce yang praktis adalah bagaimana ia menghasilkan sebagian besar halaman penting yang Anda butuhkan untuk toko Anda.  Halaman Toko tingkat atas adalah yang paling penting, karena ini adalah tenda depan yang menghiasi pintu.Jika Anda menggunakan WordPress dan WooCommerce dengan tema khusus WooCommerce seperti Storefront, tujuan utama Anda untuk menyesuaikan halaman Toko adalah melalui Customizer. Padahal, fokus kami adalah dengan Elementor.  Cara melakukannya dengan pembuat halaman adalah dengan menggunakan a Arsip Produk halaman.Ini memungkinkan Anda menyesuaikan bagaimana produk ditampilkan di situs Anda, tetapi tidak menangani sisa halaman Anda.  Dalam beberapa kasus mungkin sulit untuk mengelola dua set penyesuaian dan pengaturan, tetapi menurut pengalaman kami sejauh ini tidak menjadi masalah. Seperti halnya produk individual, Anda harus menuju ke Template > Tambah Baru dalam WordPress, lalu pilih Arsip Produk dari tarik-turun:

Memilih template Arsip Produk.

Sekali lagi, Anda dapat memilih Blok, mengedit halaman dari awal, atau menggabungkan keduanya untuk membuat sesuatu yang unik.  Juga seperti sebelumnya, Anda dapat menggunakan salah satu widget khusus WooCommerce untuk membantu Anda mendesain halaman sesuai keinginan Anda.Setelah Anda mengklik Menerbitkan tombol lagi dan datang ke dialog Publish Settings, Anda dapat memanggil keajaiban.  Dalam bentuk dasarnya, Anda dapat menyertakan template baru di HalamanToko:

Pengaturan Sertakan Ketentuan untuk halaman Toko.

Padahal, bukan itu saja. Anda dapat menambahkan lebih lanjut Termasuk ketentuan untuk menggunakan template di sejumlah tempat di seluruh situs Anda.  Ini bagus untuk kontinuitas, dan memberi pengunjung alasan untuk mengunjungi toko Anda.

Catatan Singkat Tentang Halaman Hasil LainWooCommerce

Sebelum menutup, kami ingin menyebutkan halaman WooCommerce lain yang dihasilkan.  Kabar buruknya adalah mereka tidak jatuh di bawah tatapan Elementor.  Dengan kata lain, Anda tidak dapat mengedithalaman seperti halaman Checkout atau Terima Kasih tanpa ekstensi WooCommerce tambahan.Ini mengecewakan, tapi bisa dimengerti.  Meski begitu, Anda masih dapat menggunakan Elementor untuk mengembangkan elemen di sekitarnya, lalu memasukkan fungsionalitas halaman tertentu dengan kode pendek.  Padahal, itu tidak ideal.Jika mengedit halaman-halaman ini secara penuh penting bagi Anda, Anda akan ingin melihat ke dalam Editor Bidang Checkout ($49 per tahun), dan Halaman Terima Kasih Kustom perpanjangan (juga $49 per tahun).

Kesimpulannya

Apa yang bisa salah ketika menggunakan tiga alat paling populer untuk menerbitkan toko e-niaga?  Dalamhal ini, tidak banyak.  WordPress, Elementor, dan WooCommerce semuanya menawarkan pengalaman yang luar biasa.  Menggabungkannya dapat memberi Anda hasil terbaik dalam membuat dan menjalankan toko online.Sepanjang posting ini, kita telah melihat bagaimana menggunakan Elementor dan WooCommerce bersama-sama untuk membangun sebuah toko.  Setelah Anda menginstal dan mengaktifkan kedua plugin, tugas pertama Anda adalah membuat produk beserta halaman terkaitnya.  Dari sana, Anda memerlukan halaman Toko khusus – sesuatu yang dapat ditangani oleh Elementor.  Terlebih lagi, fungsionalitas tambahan dari plugin pembuat halaman (seperti pembuat pop-up, dan lainnya), dapat membantu membawa toko Anda ke stratosfer.Apakah Anda ingin membuat kombinasi Elementor dan WooCommerce untuk toko Anda berikutnya, dan jika demikian, apakah artikel ini akan membantu Anda?  Beri tahu kami di bagian komentar di bawah!

Demikanlah tulisan tentang Cara Membuat Situs WooCommerce Bertenaga Elementor. Semoga dapat menjadi manfaat bagi kita semua.

Related Articles

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

Back to top button