WooCommerce pada CSS-Tricks

Penuh dengan pencapaian! Terutama apabila saya menyelesaikan sesuatu dan merasa "ia sangat santai!", Saya lebih teruja. Walaupun saya suka menggigit dengan teknik, saya menikmati kemudahan alat yang lebih cekap. Itulah sebabnya saya masih bersemangat tentang WordPress - ia membolehkan saya melakukan perkara -perkara besar dengan cekap tanpa menghabiskan banyak masa dan usaha.

Bulan lalu, saya merasakan perasaan ini lagi apabila saya membina WooCommerce pada trik CSS lagi.

Biarkan saya menunjukkan kaedah persediaan saya, yang saya percaya ramai orang boleh lakukan, dan juga memanfaatkannya daripada saya!

Sistem Keahlian Woocommerce

Katakan anda ingin membuat laman web keahlian. Mungkin anda mempunyai laman web kecergasan yang membuat video kecergasan dan menubuhkan dinding keahlian berbayar untuk halaman yang mempamerkan video dan rancangan latihan ini. Atau anda mempunyai laman web memasak di mana ahli berbayar boleh mengakses ciri -ciri lain seperti senarai membeli -belah yang disimpan.

Mewujudkan sistem keahlian yang dibayar adalah asas untuk membuat wang dalam talian, dan biasanya tidak mudah. Nasib baik, WooCommerce menjadikannya mudah. Sebagai tambahan kepada plugin Woocommerce (percuma), anda juga memerlukan plugin keahlian ($ 199) Woocommerce.

Sekiranya anda mengikuti beberapa plugin berbayar WooCommerce, tandakan 28 Julai pada kalendar anda. Itulah Hari Woocommerce , dan akan ada promosi besar pada masa itu.

Sebaik sahaja pemasangan selesai, anda akan melihat tab keahlian di kawasan WooCommerce dari Backend Pengurusan WordPress. Terdapat kawasan pelan keahlian di mana anda boleh menyediakan rancangan anda. Kami mempunyai persediaan pelan tunggal yang sangat mudah: Keahlian CSS-Tricks .

Jika anda suka, anda boleh membuat pelbagai rancangan (mis. Gangsa, perak, emas).

Rancangan ini sendiri tidak boleh melakukan apa -apa pada masa ini -mereka hanya peranan pengguna, dan ciri kawalan akses akan muncul kemudian. Anda boleh menetapkan rancangan ini untuk hanya pentadbir boleh menambah orang, sesiapa sahaja boleh mendaftar secara percuma, atau perlu membeli produk untuk bergabung. Yang terakhir sangat berguna untuk persediaan e-dagang!

Dengan cara ini, anda mungkin perlu mengehadkan tarikh tamat tempoh keahlian anda. Anda boleh menetapkannya selama -lamanya, tetapi lebih baik untuk memulakan dengan keahlian yang menetapkan tempoh yang sah supaya anda tidak berkomitmen untuk perkhidmatan sepanjang hayat.

Kerana keahlian jualan saya, saya menyambungkan program keahlian kepada jualan produk: penyokong MVP.

Cara untuk mendapatkan program keahlian ini adalah untuk membeli produk ini. Anda juga boleh menambah orang secara manual ke rancangan itu sebagai pentadbir.

Produk ini boleh menjadi yuran sekali, yang menyokong idea keahlian yang tidak terbatas, tetapi seperti kebanyakan keahlian di dunia, saya ingin menetapkannya sebagai produk pengebilan biasa. Ini bermakna kita memerlukan beberapa tetapan tambahan.

Langganan Keahlian

Saya dapati ini sedikit mengelirukan. Anda mungkin berfikir bahawa plugin keahlian akan menyokong idea pengebilan biasa untuk ahli, tetapi ia tidak menawarkan ini keluar dari kotak. Kami memerlukan plugin kedua untuk mencapai ini: langganan WooCommerce.

Plugin langganan juga $ 199, jadi jumlah kos persediaan ini hanya di bawah $ 400. Walau bagaimanapun, ini adalah kos pendahuluan - anda hanya perlu memperbaharui lesen anda tahun depan jika anda memerlukan sokongan dan kemas kini (saya akan). Saya fikir ini sangat munasabah untuk sistem yang cekap, tetapi anda perlu melakukan pengiraan perniagaan anda sendiri.

Selepas memasang plugin ini, sebarang produk yang anda buat mungkin menjadi produk langganan.

Di sini di CSS-Tricks, kami mengenakan yuran keahlian sebanyak $ 20 setahun. Apabila seseorang mendaftar, mereka akan membayar $ 20 lagi pada tahun depan. Ini konsisten dengan panjang program keahlian, yang merupakan langkah penting. Tidak ada yang memaksa anda untuk melakukan ini, tetapi ia adalah pelik jika tarikh caj berbeza dari tarikh pembaharuan sebenar.

Artikel hanya untuk akses ahli

Kami telah menyelesaikan dua bahagian yang paling penting dalam persediaan:

1. Buat rancangan keahlian
2. Buat produk yang boleh dibeli oleh orang ramai dan melanggan program

Sekarang adalah bahagian yang benar -benar memberi manfaat kepada ahli! Saya merancang untuk menjual akses kepada "buku" yang dihoskan di laman web ini. Buku ini benar -benar hanya koleksi artikel. Mereka adalah jenis artikel tersuai yang kami tetapkan, yang dipanggil "Bab". Dalam Editor Bab, akan ada kawasan keahlian di bawah kandungan yang boleh anda gunakan untuk mengunci bab ke pelan keahlian:

Sekali lagi, contoh ini menggunakan jenis pos tersuai, tetapi ia boleh menjadi mana -mana halaman atau jenis pos! Hanya tekan suis dan letakkan kandungan di belakang dinding ahli.

Artikel dengan batasan kandungan mempunyai dua "muka":

1. Apa yang dilihat oleh ahli : kandungan
2. Kandungan yang dilihat oleh bukan ahli : Cara Mengekstrak dan Membuka Kandungan Kandungan

Saya fikir ini adalah sistem yang baik. Ia menunjukkan orang -orang dengan tepat apa yang mereka boleh baca jika mereka adalah ahli dan menunjukkan kepada mereka dengan tepat bagaimana menjadi ahli.

Sekarang terdapat beberapa CSS tersuai di sini, tetapi tidak banyak! Saya hanya menggunakan fungsi lalai untuk melihat apa yang dikeluarkan ke halaman, dan selalu ada nama kelas yang munasabah untuk digunakan untuk gaya-ini adalah tepat bagaimana ia harus berfungsi.

Melaksanakan tindakan secara programatik untuk ahli

Dalam kes kami, manfaat utama menjadi ahli mungkin mendapat akses kepada buku, tetapi itu tidak berhenti di sana. Saya fikir ia biasanya merupakan idea yang baik untuk menyediakan sebanyak mungkin perkhidmatan untuk ahli berbayar. Oleh kerana pengiklanan adalah model perniagaan utama untuk laman web ini, nampaknya adil untuk memadamkan iklan ini jika anda telah membayar keahlian penyokong.

Plugin ini mempunyai pelbagai API untuk menyambung kepada apa sahaja yang anda perlukan, tetapi saya suka menyimpannya semudah mungkin. Sebagai contoh, dalam mana -mana templat, saya boleh menyemak sama ada anda adalah ahli.

 <code><?php if ( !wc_memberships_is_user_active_member() ) { ??><div>

  </div></code>
 php} ??>

Saya juga melakukan ini sebelum menjalankan javascript lain di laman web supaya saya dapat mengetahui di JavaScript jika pengguna adalah ahli.

 <code><?php if ( wc_memberships_is_user_active_member() ) { ??> window.activeMember = true; <?php } ??></code>

Sesetengah iklan di laman web ini adalah didorong oleh JavaScript, jadi saya boleh membungkus panggilan mereka di Window. Activemember Logic supaya mereka tidak diminta sama sekali.

Cetak dan pemenuhan atas permintaan

Keahlian dan langganan hanya dua perkara yang saya lakukan dengan WooCommerce. Satu lagi perkara yang menjual produk fizikal, sesuatu yang saya cuba selama bertahun -tahun. Malah, kami digunakan secara manual melengkapkan setiap pesanan dengan menghantar produk ke pejabat pos! Kami juga telah bekerja dengan syarikat pemenuhan pada masa lalu, tetapi kami masih perlu mencetak inventori besar lebih awal dari masa ke masa.

Perkara telah banyak berubah sejak itu, dan terdapat banyak syarikat yang menawarkan cetakan atas permintaan! Salah satu syarikat (saya tidak mempunyai hubungan dengan mereka) adalah mencetak. Mereka menjual semua jenis perkara, termasuk apa yang anda harapkan dari syarikat percetakan: T-shirt, hoodies, cawan ... bahagian yang terbaik untuk saya ialah ia boleh dihubungkan terus ke WooCommerce.

Setakat ini, kami telah menyediakan poster untuk kedai! Dalam Printify, saya memilih produk, memuat naik karya seni, dan memilih beberapa pilihan, itu sahaja!

Langkah terakhir dalam proses ini ialah "menerbitkan produk ke kedai WooCommerce anda" , yang telah bekerja dengan baik untuk saya setakat ini. Saya percaya ia berfungsi kerana ia perlu mewujudkan hubungan antara Printify dan WooCommerce supaya Printify menerima pesanan dan memenuhi perintah apabila pesanan tiba.

Dari sana, produk muncul di laman web saya dan saya boleh mengedit atau menyesuaikannya dari WordPress jika diperlukan (seperti salinan, dll):

Saya boleh menyemak pesanan pada bila -bila masa dan memerhatikan bagaimana pesanan diperintahkan, dihasilkan, disediakan dan dihantar:

Saya pasti mengarahkan beberapa poster sendiri supaya saya dapat mencubanya sebelum meletakkannya di hadapan orang lain. Poster ini ditempatkan di dalam tiub segitiga yang indah dan diletakkan utuh pada kertas putih terang yang tebal. Saya menggantungnya di sebelah komputer pejabat saya:

Aplikasi mudah alih

Jika anda seperti saya, teruja untuk melihat bagaimana kedai anda beroperasi dan mendapatkan pemberitahuan jualan, anda boleh menggunakan aplikasi mudah alih.

Saya tidak perlu mengemas kini status pesanan atau menguruskan komen dan lain -lain, tetapi ini semua berada di dalamnya.

Terdapat banyak teknik di tempat kerja di sini!

Tetapi saya sebenarnya melabur sedikit masa. Saya telah menulis jawatan ini lebih lama daripada menubuhkan semua kandungan e-dagang ini. Saya hanya penyepadu. Saya tidak mencipta apa -apa - hanya memanfaatkan beberapa perisian terkemuka untuk melaksanakan idea saya.

Atas ialah kandungan terperinci WooCommerce pada CSS-Tricks. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!