Cara Mengintegrasikan Toko Etsy Anda ke Situs Web Divi Anda

Diterbitkan: 2017-08-23

Dalam posting Divi hari ini, kami akan menunjukkan kepada Anda cara mengintegrasikan item yang Anda miliki di Toko Etsy Anda ke situs web Divi Anda. Ini bisa berupa kebutuhan yang Anda miliki untuk situs web Anda sendiri atau permintaan yang Anda terima dari klien. Menambahkan item Etsy Anda ke situs web Anda dapat membantu Anda menghasilkan lebih banyak penjualan. Apalagi jika Anda memiliki website yang memiliki target audiens yang menarik dan jumlah pengunjung yang baik. Dengan mengintegrasikan toko Etsy ke situs web Anda, Anda dapat menjangkau audiens target Anda dengan lebih mudah.

Kami akan mendemonstrasikan cara menambahkan item toko Etsy melalui plugin Etsy Shop, yang akan memberikan hasil berikut di desktop:

Toko Etsy

Kemungkinan-kemungkinan

Tidak semua orang suka menambahkan toko Etsy ke situs web pribadi. Beberapa orang lebih suka menggunakan opsi e-niaga yang memungkinkan orang membeli produk dari situs web secara langsung. Ketika Anda mengintegrasikan toko Etsy ke situs WordPress Anda, itu tidak berarti bahwa pembelian akan benar-benar terjadi di situs web Anda. Plugin hanya membantu Anda menampilkan item Etsy Anda dalam bentuk aslinya. Untuk proses pembelian yang sebenarnya, pengunjung yang tertarik akan diarahkan ke Toko Etsy Anda di situs web Etsy.

Namun, jika Anda ingin menjaga hubungan itu dengan toko Etsy Anda dan audiens yang Anda miliki di sana, Anda memiliki dua cara untuk mendekati situasi tersebut.

Tambahkan Produk Anda Secara Manual ke Situs WordPress Anda

Karena plugin hanya akan membantu mengarahkan pengunjung Anda ke situs web Etsy, Anda juga dapat mengintegrasikan item Etsy Anda secara manual. Meskipun ini terdengar seperti lebih banyak pekerjaan, ada beberapa keuntungan juga. Anda dapat, misalnya, menata item sesuai keinginan Anda. Anda mungkin akan memiliki lebih banyak ruang dan ruang untuk membuat item dengan gaya yang sama seperti situs web Anda. Satu-satunya hal yang Anda perlukan adalah tautan langsung (dan sebaiknya yang unik) ke setiap item.

Meskipun ada banyak kelebihan untuk menambahkan produk Etsy Anda secara manual, ada beberapa kelemahannya juga. Setelah Anda menambahkan item ini secara manual, dan Anda mengubah gayanya, pengunjung Anda tidak akan langsung tahu bahwa mereka akan dialihkan ke situs web Etsy. Anda, dengan demikian, membuat mereka terkejut.

Tambahkan Produk Anda dengan Plugin

Kemungkinan lain yang Anda miliki adalah menggunakan plugin. Ini biasanya cara termudah untuk pergi dan menghemat banyak waktu. Selain itu, tata letak itemnya mirip dengan yang ditampilkan di situs web Etsy. Pengunjung akan lebih mudah mengenali sumber barang tersebut. Ini adalah kemungkinan yang akan kami tunjukkan kepada Anda bagaimana melakukannya di bagian selanjutnya dari posting.

Ada dua plugin yang dapat melakukan pekerjaan itu: plugin Etsy Shop dan Etsy 360. Plugin Etsy Shop bebas digunakan dan kami akan menunjukkan cara mengaturnya sedangkan Etsy 360 berbayar. Sayangnya, Anda hanya dapat menggunakan plugin Etsy Shop jika Anda ingin menampilkan item Etsy Anda di desktop. Plugin tidak responsif. Jadi, jika Anda mencari solusi yang responsif, Anda dapat mencoba Etsy 360.

Cara Mengintegrasikan Toko Etsy Anda ke Situs Web Divi Anda

Berlangganan Saluran Youtube Kami

Mulai Integrasikan Toko Etsy Anda dengan Plugin Toko Etsy

Untuk menambahkan toko Etsy Anda ke situs web Divi Anda, kami memerlukan satu hal sebelumnya; Plugin Toko Etsy gratis, dibuat oleh Frederic Sheedy. Dengan menggunakan plugin ini, Anda tidak perlu berusaha keras untuk menambahkan item toko Etsy favorit Anda di situs web Anda. Di masa lalu, Etsy menawarkan kemungkinan Etsy Mini, tetapi sayangnya, mereka baru-baru ini menahan opsi ini—membuat plugin Etsy Shop saat ini menjadi kemungkinan yang paling menguntungkan di luar sana.

Tanpa jatuh tempo lebih lanjut; mari kita mulai.

Unduh Plugin Toko Etsy

Langkah pertama yang harus Anda ambil adalah mengunduh plugin. Anda dapat mengunduh plugin dengan mengklik tautan berikut.

Toko Etsy

Unggah Plugin Ke Situs Web Anda

Setelah mengunduh plugin, Anda dapat mengunggahnya dengan masuk ke Dasbor WordPress > Plugin > Tambah Baru > Dan mengunggah plugin ke situs web Anda. Pastikan Anda juga mengaktifkan plugin.

Dapatkan Kunci API Toko Etsy Anda

Setelah Anda mengunduh plugin, langkah selanjutnya yang perlu Anda ambil adalah mendapatkan kunci API dari toko Etsy Anda. Mungkin Anda sudah memiliki API seperti itu, tetapi jika Anda belum memilikinya, kami akan menunjukkan cara mendapatkannya segera.

Buat Aplikasi Baru Untuk Akun Etsy Anda

Setelah Anda mengunduh plugin Etsy Shop dan membuka pengaturan, Anda dapat melihat tautan tepat di bawah bidang Kunci API Etsy yang menunjukkan tempat untuk membuat aplikasi Etsy baru. Klik tautan itu. toko etsy

Setelah Anda mulai membuat aplikasi baru, Anda harus mengisi beberapa detail tentang aplikasi yang Anda buat seperti yang ditunjukkan pada gambar di bawah.

Toko EtsyToko Etsy

Setelah Anda mengisi semua info yang dibutuhkan, aplikasi Anda akan dibuat. Pada gambar di bawah, Anda dapat melihat di mana Anda dapat menemukan kunci API setelah membuat aplikasi.

Salin Kunci API Ke Plugin Anda

Hal berikutnya yang perlu Anda lakukan adalah kembali ke pengaturan plugin Anda dan mengisi kunci API.

Pastikan Anda Membuka Toko di Jendela Baru

Dan saat Anda masih dalam pengaturan plugin, Anda disarankan untuk membuat setiap tautan terbuka di jendela baru. Dengan begitu, Anda tidak hanya mengirim pengunjung ke halaman lain, tetapi Anda akan menyimpannya di kedua halaman.

Tambahkan Kode Pendek ke Modul Teks Dalam Divi Builder Anda

Hal berikutnya yang perlu Anda lakukan adalah mengintegrasikan kode pendek ke situs web Anda. Anda dapat melakukannya dengan mudah dengan menambahkannya ke Modul Teks baru di halaman yang Anda inginkan agar item tersebut muncul.

Buka halaman yang ingin Anda tambahkan item dan tambahkan Modul Teks ke baris lebar penuh. Selanjutnya, buka pengaturan baris dan ubah lebar kustom baris menjadi '680px'.

Toko Etsy

Selanjutnya, tambahkan kode pendek ke kotak Konten di tab Konten. Tanpa modifikasi apa pun, kode pendek terlihat seperti ini:

[etsy-shop shop_name="*your-etsy-shop-name*" section_id="*your-etsy-shop-setion-id*"]

Toko Etsy

Sekarang, ganti *nama-toko-etsy-Anda* dan *id-bagian-toko-etsy-Anda* dengan milik Anda. Untuk melakukannya, buka toko Anda (atau toko lain tempat Anda ingin menampilkan produk Etsy) dan pilih bagian di sisi kiri.

Setelah Anda selesai melakukannya, Anda dapat melihat nama toko Etsy dan ID bagian di URL.

Toko Etsy

Nonaktifkan untuk Seluler

Sayangnya, plugin Etsy Shop hanya berfungsi dengan baik di desktop. Ini tidak responsif, jadi, jika Anda mencari solusi gratis yang akan membantu Anda menghasilkan penjualan melalui desktop saja, ini sangat cocok. Jika tidak, Anda mungkin ingin melihat tentang Etsy 360 atau Anda dapat menambahkan elemen yang ingin Anda tampilkan secara manual.

Hasil

Cukup salin dua hal itu dan letakkan di kode pendek Anda. Setelah Anda menyimpan pengaturan, item Etsy Anda akan muncul di situs web Desktop Anda saat Anda mengklik pratinjau memberi Anda hasil berikut:

Toko Etsy

Pikiran Akhir

Dalam posting ini, kami telah menunjukkan kepada Anda cara menambahkan toko Etsy ke situs web Anda. Kami telah memandu Anda melalui proses pemasangan plugin Etsy Shop. Beberapa orang lebih suka menambahkan item Etsy dengan plugin dan membiarkan pengunjung mereka dialihkan ke situs web Esty sementara orang lain lebih suka memilih situs web e-niaga. Jika Anda mencari kemungkinan pertama, posting ini akan membantu Anda. Jika Anda memiliki pertanyaan atau saran, pastikan Anda meninggalkan komentar di bagian komentar di bawah!

Pastikan untuk berlangganan buletin email dan saluran YouTube kami sehingga Anda tidak akan pernah melewatkan pengumuman besar, tip bermanfaat, atau Divi freebie!