Laman » E-Commerce » Cara Cipta Katalog Dengan Permintaan Harga Menggunakan WooCommerce

    Cara Cipta Katalog Dengan Permintaan Harga Menggunakan WooCommerce

    WooCommerce menawarkan cara yang baik untuk menyenaraikan produk anda dan membuatnya mudah untuk pelanggan anda untuk membeli dan untuk anda menguruskan pesanan anda. Kadang-kadang, anda mungkin tidak mahu benar-benar menjual barang-barang anda tetapi hanya mempamerkannya.

    Dalam artikel ini saya akan menunjukkan kepada anda bagaimana dengan mudah membuat katalog hebat dan menyediakan pilihan permintaan harga dengan hanya menggunakan pilihan WooCommerce yang sedia ada dan beberapa asas yang cukup mendasar coretan penyesuaian.

    Mengapa membuat katalog?

    Mewujudkan katalog produk dan bukannya webshop klasik boleh bermanfaat untuk banyak sebab.

    Ia mungkin berguna jika anda:

    • Tidak mahu menjual secara dalam talian. Anda hanya perlu menunjukkan katalog anda dalam talian dan orang akan masuk ke kedai fizikal anda di suatu tempat dan mendapatkan pembelian yang sibuk.
    • Mungkin mahu menyediakan perkhidmatan anda pada harga tersuai untuk pelanggan anda atau jika anda tidak boleh menamakan harganya sehingga anda memperoleh komponen khas (yang anda tidak tahu harga perolehan).
    • Tidak mampu membayar plugin yang akan menyesuaikan harga berdasarkan jumlah dalam kereta atau lokasi penghantaran, kaedah dan / atau produk yang disasarkan atau beberapa nilai tersuai yang lain.
    • Tidak mahu pesaing anda mengetahui kos anda.
    • Tidak mahu menjual atau mempamerkan produk anda kepada mana-mana pembeli sahaja.

    Kenapa menggunakan WooCommerce untuk ini?

    WooCommerce datang dengan banyak pilihan di luar kotak, menjadikan katalog anda lebih mudah untuk digunakan dan digunakan. Secara lalai, anda boleh tambah sekumpulan atribut dan data lain untuk produk anda, buat kategori dan letakkan tag pada barangan anda. Ia juga lebih mudah untuk memisahkan katalog anda dari blog atau tapak anda.

    Anda juga boleh mencadangkan barang yang berkaitan untuk setiap produk atau mempunyai WooCommerce secara automatik mencadangkannya untuk anda. Selain itu, pelawat anda akan dapat menapis dan / atau menyusun barangan anda seperti yang mereka suka, untuk memudahkan mereka mencari item yang mereka cari.

    Juga, mewujudkan katalog WooCommerce membolehkan anda menyediakan pilihan permintaan harga mudah untuk pelanggan berpotensi anda. Dengan membenarkan mereka meletakkan produk ke dalam troli, mereka akan dapat membuat senarai harapan dan meminta harga item dalam senarai. Anda juga akan mendapat alamat dan / atau alamat e-mel mereka jika anda mahu dan permintaan harga anda akan disimpan sebagai Perintah.

    Panduan langkah demi langkah

    Sebelum kita mula, anda perlu membuat keputusan sama ada anda atau tidak mahu untuk memberikan pilihan permintaan harga bagi produk yang anda sampaikan.

    Langkah 1: Menetapkan (atau tidak Menetapkan) Harga

    (I) Tanpa permintaan harga

    Jika anda tidak mahu apa-apa permintaan harga, biarkan medan harga kosong. Dalam hal ini WooComece tidak akan menunjukkan medan bentuk yang berkaitan dengan toko, sehingga Anda tidak akan melihat jumlah medan, harga atau menambah ke tombol cart.

    Berita baik ialah jika anda memilih kaedah pengkatalogan ini, anda sudah selesai. Hanya tambah barangan untuk katalog jenama baru anda dan anda baik untuk pergi!

    (II) Dengan permintaan harga

    Sekiranya anda ingin membenarkan pelanggan meminta harga, anda bermula dengan membuat produk anda bebas. Tetapkan harga kepada 0.

    Dengan cara ini, apabila kami selesai, pelawat anda akan dapat meletakkan produk katalog anda pada senarai hajat tanpa perlu menghabiskan sepeser pun.

    Langkah 2: Pilihan kedai

    Langkah ini akan menjadi lebih mudah kerana tiada kod diperlukan untuknya. Anda ingin memastikan perkara berikut di kawasan admin anda:

    • Ubah nama asal anda Keranjang dan Checkout halaman untuk 'Wishlist' dan 'Meminta harga', masing-masing (Halaman-halaman)
    • Tidak membenarkan penggunaan kupon untuk mengelakkan notis diskaun pada halaman yang berkaitan dengan pelbagai kedai (WooCommerce> Tetapan> tab Checkout)
    • Lumpuhkan setiap kaedah pembayaran untuk memastikan tiada sesiapa yang menunjukkan pada halaman pembayaran anda (WooCommerce> Tetapan> tab Checkout)
    • Lumpuhkan perkapalan sama sekali, atau jika anda mahu pelawat memutuskan sama ada untuk meminta harga penghantaran, membolehkan dan melelanjangkan dua kaedah perkapalan yang berbeza dan tetapkan kedua-duanya menjadi PERCUMA
    • Lumpuhkan pendaftaran pada checkout dan halaman akaun saya dan matikan memaparkan peringatan log masuk melainkan jika anda mahu mengendalikan pengguna di laman katalog anda juga (WooCommerce> Tetapan> Akaun tab)
    • Lumpuhkan setiap e-mel pelanggan tunggal, atau jika anda mahu menghantar e-mel pengesahan tentang permintaan kepada pelanggan, cuma tolak e-mel pesanan yang lengkap untuk mengelakkan pendua dan invois yang tidak perlu mengenai pesanan percuma (yang hampir tidak ada)WooCommerce> Tetapan> E-mel tab)

    Langkah 3: Menambah semula

    Dalam langkah ini, kami akan memastikan bahawa laman web anda tidak kelihatan seperti anda memberikan barangan secara percuma. Atas sebab ini kita akan menulis semula butang anda dan menyembunyikan notis percuma.

    Hanya tambah kod di bawah untuk fungsi.php tema anda atau kepada plugin anda sendiri.

    3.1: Tiada label 'Bebas'

    Subst pertama dan paling utama adalah menyembunyikan notis dan label penghantaran percuma pada halaman produk tunggal dan gelung produk misalnya. kedai dan halaman kategori produk.

    add_filter ('woocommerce_free_price_html', 'hide_free_price_notice'); add_filter ('woocommerce_variable_free_price_html', hide_free_price_notice '); add_filter ('woocommerce_variation_free_price_html', 'hide_free_price_notice'); fungsi hide_free_price_notice ($ price) return ";

    3.2: Label butang

    Semasa mencipta katalog kami, kami secara beransur-ansur mengubah kereta anda menjadi senarai harapan dan halaman checkout anda ke dalam bentuk permintaan harga. Pertama, kita perlu melancarkan semula butang.

    add_filter ('woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text'); fungsi woo_custom_cart_button_text () return __ ('Tambah ke Wishlist', 'woocommerce');  add_filter ('woocommerce_product_add_to_cart_text', 'woo_custom_cart_button_text'); fungsi woocommerce_button_proceed_to_checkout () $ checkout_url = WC () -> cart-> get_checkout_url (); "> ?> add_filter ('woocommerce_order_button_text', create_function (", 'return" Send me a offer ";'));

    3.3: Sembunyikan harga percuma anda di mana-mana

    WooCommerce menunjukkan harga $ 0 anda di dalam troli anda (atau, dalam kes ini, Wishlist itu) jadi kami mesti mengalih keluar lajur tersebut. Anda mempunyai dua pilihan untuk itu.

    Satu, anda boleh menggunakan CSS dengan menambahkannya ke style.css tema anak anda.

    .cart_totals h2, .cart_totals .shop_table, .cart-subtotal, .order-total, .woocommerce-shipping-fields, .product-total display: none; 

    Dua, anda boleh memadamkan lajur yang tidak diingini sama sekali. Untuk melakukan ini, kami akan menulis ganti fail templat keranjang seperti berikut:

    1. Buat folder woocommerce dengan subfolder kereta dalam folder tema kanak-kanak anda sehingga anda akan berakhir dengan sesuatu seperti ini: wp-content / themes / mytheme / woocommerce / cart /
    2. Muat turun dan buka carto womokommerce asal dengan editor teks; fail tersebut sepatutnya di sini: wp-content / plugins / woocommerce / templates / cart /
    3. Padamkan baris ini: dan bahagian yang bermula dengan dan berakhir di dan bahagian yang bermula dengan dan berakhir di
    4. Muat turun dan buka asal woocommerce cart-totals.php dengan editor teks; fail di mana anda dapati cart.php
    5. Padamkan baris ini:

      dan seluruh jadual, bermula dengan dan berakhir dengan
    6. Muat naik kedua-dua fail yang baru anda edit ke dalam woocommerce / cart folder dalam direktori tema anda

    Sekiranya anda membenarkan pengguna apa-apa pilihan penghantaran di Langkah 2 di atas, kami perlu melumpuhkan notis penghantaran percuma juga, seperti:

    add_filter ('woocommerce_cart_shipping_method_full_label', 'remove_free_label', 10, 2); fungsi remove_free_label ($ full_label, $ method) $ full_label = str_replace ("(Free)", "", $ full_label); kembali $ full_label; 

    Langkah 4: Tetapan teks e-mel

    Kami semakin hampir dengan memiliki katalog WooCommerce kami sendiri dengan pilihan permintaan harga. Malah, jika dalam Langkah 2, anda melumpuhkan setiap e-mel pelanggan sama sekali, anda boleh terus ke Langkah 5.

    Jika anda ingin menghantar pengesahan pelanggan (kerana ia sangat elegan), kami hanya perlu memastikan bahawa kami mempunyai mata pelajaran e-mel kami dengan betul dan kami tidak menghantar sebarang harga $ 0, dan juga mungkin menulis semula teks e-mel kami sedikit.

    4.1. Subjek e-mel dan tajuk

    Di kawasan admin, WooCommerce> Tetapan> E-mel tab, anda perlu menulis semula Pesanan pemprosesan, kerana permintaan baru akan dalam status pemprosesan kerana pelanggan tidak dapat membayar dengan serta-merta. Untuk kejelasan, yang terbaik adalah untuk menulis semula e-mel pemberitahuan admin anda sendiri (Pesanan baru).

    4.2. Alih harga dari e-mel

    Secara lalai, harga dihantar dengan pengesahan pesanan, jadi kita perlu menulis ganti templat e-mel yang asal.

    1. Muat turun dan buka woocommerce asal-pesanan-item.php dengan penyunting teks; fail tersebut sepatutnya di sini: wp-content / plugins / woocommerce / templates / e-mel / plain
    2. Padamkan baris ini:echo "\ n". sprintf (__ ('Kos:% s', 'woocommerce'), $ order-> get_formatted_line_subtotal ($ item));
    3. Muat turun dan buka woocommerce email-order-detailss.php asal dengan editor teks; fail tersebut sepatutnya di sini: wp-content / plugins / woocommerce / templates / e-mel / plain
    4. Padamkan baris ini:
      jika $ total = $ order-> get_order_item_totals ()) foreach ($ total sebagai $ total) echo $ total ['label']. "\ t". $ total ['value']. "\ n"; 
    5. Muat naik kedua-dua fail yang baru diedit ke dalam woocommerce / e-mel / folder biasa dalam direktori tema anda

    4.3. Rewrite text taste

    Secara lalai, WooCommerce akan memperkenalkan e-mel anda dengan yang berikut: "Pesanan anda telah diterima dan sedang diproses. Butiran pesanan anda ditunjukkan di bawah untuk rujukan anda".

    Sekiranya anda ingin menimpa ini, anda perlu mengikuti 3 langkah berikut:

    1. memuat turun dan buka woocommerce pelanggan-pemprosesan-order.php yang asal dengan editor teks; fail tersebut sepatutnya di sini: wp-content / plugins / woocommerce / templates / emails /
    2. menulis semula baris yang bertanggungjawab untuk teks di atas seperti yang anda mahu:echo __ ("pesanan anda telah diterima dan sedang diproses. Butiran pesanan anda ditunjukkan di bawah untuk rujukan anda:", 'woocommerce'). "\ n \ n";
    3. muat naik fail yang baru anda edit ke dalam woocommerce / e-mel folder dalam direktori tema anda

    Langkah 5: Nikmati

    Sekarang bahawa anda mempunyai katalog berkuasa WooCommerce anda sendiri, anda boleh duduk dan menikmati apa yang telah anda buat. Apabila sesiapa membuat senarai hajat dan menghantar permintaan harga, anda akan menerima e-mel mengenainya, dan permintaan mereka akan muncul di kawasan admin anda di bawah WooCommerce> Pesanan.

    Setiap pesanan akan mengandungi alamat e-mel pelanggan anda, supaya anda boleh menghantar tawaran harga secara manual atau mungkin menghubungi mereka di telefon.

    Nota editor: Ini ditulis oleh Marton Fekete untuk Hongkiat.com. Marton adalah pemaju laman web Hungary yang baru-baru ini ketinggalan di WordPress. Beliau adalah penggemar reka bentuk semula dan penulis kandungan bebas yang suka bermain RPG dalam masa lapangnya.

    © Savtec
    Maklumat berguna dan tips pembangunan web. Pengaturcaraan, reka bentuk web, CSS, HTML, JAVASCRIPT. Konfigurasi dan pasang semula WINDOWS. Penciptaan tapak dan aplikasi dari awal.