Домашняя » Электронная коммерция » Как создать каталог с «запросом цены» с помощью WooCommerce

    Как создать каталог с «запросом цены» с помощью WooCommerce

    WooCommerce предлагает отличный способ перечислить ваши продукты и делает это довольно легко для ваших клиентов, чтобы купить а также для вас, чтобы управлять своими заказами. Однако иногда вы можете не захотеть продавать свои вещи, а просто демонстрировать их.

    В этой статье я покажу вам, как легко создать потрясающий каталог и предоставить опцию запроса цены используя только присущие опции WooCommerce и несколько довольно простых фрагменты настройки.

    Зачем создавать каталог?

    Создание каталога товаров вместо классического интернет-магазина может быть полезным по многим причинам.

    Это может пригодиться, если вы:

    • Не хочу продавать онлайн. Вам просто нужно показать свой каталог в Интернете, и люди зайдут в ваш физический магазин и будут заняты покупкой.
    • Возможно, вы захотите предоставлять свои услуги по индивидуальной цене для своих клиентов или если вы не можете назвать цену, пока не приобретете специальный компонент (о котором вы не знаете цену приобретения).
    • Невозможно позволить себе плагин, который бы настраивал цену в зависимости от количества в корзине или целевых мест доставки, методов и / или размеров продукта или некоторых других пользовательских значений..
    • Не хотите, чтобы ваши конкуренты знали ваши расходы.
    • Не хотите продавать или демонстрировать свою продукцию какому-либо покупателю.

    Зачем использовать WooCommerce для этого?

    WooCommerce поставляется с большим количеством опций из коробки, что делает ваш каталог намного проще в управлении и использовании. По умолчанию вы можете добавить кучу атрибутов и других данных к вашим продуктам, создавать категории и ставить теги на ваши вещи. Также легче отделить ваш каталог от вашего блога или сайта.

    Вы также можете предложить соответствующие товары для каждого продукта или WooCommerce автоматически предложит их вам. Кроме того, ваши посетители смогут фильтровать и / или сортировать ваши материалы по своему усмотрению, чтобы им было легче найти искомый предмет..

    Кроме того, создание каталога WooCommerce позволяет вам предоставить возможность выбора цены для ваших потенциальных клиентов. Позволив им поместить товары в корзину, они смогут создать список пожеланий и запросить цену товаров в списке. Вы также получите их адрес и / или адрес электронной почты, если хотите, и ваши ценовые запросы будут храниться как заказы..

    Пошаговое руководство

    Прежде чем мы начнем, вы должны решить, действительно ли вы хочу предоставить опцию запроса цены на товары, которые вы представляете.

    Шаг 1: Установка (или не установка) цен

    (Я) Без запроса цены

    Если вы не хотите никаких ценовых запросов, оставьте поле цены пустым. В этом случае WooCommece не будет отображать поля формы, связанные с магазином, поэтому вы не увидите никаких полей количества, цен или кнопок добавления в корзину..

    Хорошей новостью является то, что если вы выберете этот метод каталогизации, вы уже закончили. Просто добавьте материал в новый каталог, и все готово!

    (II), С запросом цены

    Если вы хотите, чтобы ваши клиенты запрашивали цену, вы начинаете с того, что делаете свои продукты бесплатными. Установить цены на 0.

    Таким образом, когда мы закончим, ваши посетители смогут разместить ваш каталог товаров в списке желаний, не тратя ни копейки.

    Шаг 2: Варианты магазина

    Этот шаг будет еще проще, так как для этого не требуется никакого кода. Вы хотите убедиться, что установили следующее в своей админке:

    • Переименуй свой оригинал телега а также Проверять, выписываться страницы для «Список желаний» а также 'Запросить цены', соответственно (страницы)
    • Запретить использование купонов, чтобы избежать уведомлений о скидках на различных страницах, связанных с магазином (WooCommerce> Настройки> Закладка)
    • Отключите все способы оплаты, чтобы ни один из них не отображался на странице оформления заказа (WooCommerce> Настройки> Закладка)
    • Отключите доставку полностью, или если вы хотите, чтобы посетители сами решали, запрашивать ли стоимость доставки, включите и поменяйте местами два разных способа доставки и настройте их как БЕСПЛАТНЫЕ
    • Отключите регистрацию на странице оформления заказа и на странице моей учетной записи и отключите отображение напоминаний в журнале, если только вы не хотите обрабатывать пользователей на сайте каталога (WooCommerce> Настройки> вкладка Аккаунты)
    • Отключите каждое электронное письмо от клиента или, если вы хотите отправить электронное письмо с подтверждением о запросах, просто отключите электронные письма с завершенными заказами, чтобы избежать ненужных дубликатов и счетов-фактур о бесплатных заказах (которых практически не существует) (WooCommerce> Настройки> вкладка Электронная почта)

    Шаг 3: Перемаркировка

    На этом этапе мы позаботимся о том, чтобы ваш сайт не выглядел так, как будто вы раздаете вещи бесплатно. По этой причине мы будем переписать свои кнопки и скрыть бесплатные уведомления.

    Просто добавьте приведенный ниже код в файл functions.php вашей темы или в свой собственный плагин..

    3.1: нет ярлыка «бесплатно»

    Первый и главный шаг состоит в том, чтобы скрыть уведомления о бесплатной доставке и ярлыки на странице отдельного продукта и, например, петли продукта. страницы категорий товаров и товаров.

    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'); function hide_free_price_notice ($ price) return ";

    3.2: Ярлыки кнопок

    При создании вашего каталога мы постепенно превращаем вашу корзину в список желаний, а страницу оформления заказа - в форму запроса цен. Для начала нам нужно поменять кнопки.

    add_filter ('woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text'); function woo_custom_cart_button_text () return __ ('Добавить в список желаний', 'woocommerce');  add_filter ('woocommerce_product_add_to_cart_text', 'woo_custom_cart_button_text'); function woocommerce_button_proceed_to_checkout () $ checkout_url = WC () -> cart-> get_checkout_url (); «> ?> add_filter ('woocommerce_order_button_text', create_function (", 'return" Отправить мне предложение ";'));

    3.3: Скрыть ваши бесплатные цены везде

    WooCommerce показывает ваши цены в $ 0 в вашей корзине (или, в данном случае, в Списке желаний), поэтому мы должны удалить эти столбцы. У вас есть два варианта для этого.

    Один, Вы можете использовать CSS, добавив это в style.css вашей дочерней темы.

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

    Два, Вы можете удалить ненужные столбцы в целом. Для этого мы перезапишем файлы шаблона корзины следующим образом:

    1. Создайте папку woocommerce с подпапкой корзины в папке вашей (дочерней) темы, чтобы в итоге получилось что-то вроде этого: WP-содержание / темы / MyTheme / WooCommerce / корзина /
    2. Загрузите и откройте оригинальный woocommerce cart.php с помощью текстового редактора; файл должен быть здесь: WP-содержание / плагины / WooCommerce / шаблоны / корзина /
    3. Удалить эти строки: и раздел, начинающийся с и заканчивается в и раздел, начинающийся с и заканчивается в
    4. Скачайте и откройте оригинал woocommerce cart-totals.php с текстовым редактором; файл там, где ты нашел cart.php
    5. Удалить эти строки:

      и вся таблица, начиная с и заканчивая
    6. Загрузите оба файла, которые вы только что отредактировали, в WooCommerce / корзина папка в каталоге вашей темы

    Если вы разрешили пользователям любые варианты доставки на шаге 2 выше, нам также необходимо отключить уведомление о бесплатной доставке, например:

    add_filter ('woocommerce_cart_shipping_method_full_label', 'remove_free_label', 10, 2); function remove_free_label ($ full_label, $ method) $ full_label = str_replace ("(Free)", "", $ full_label); вернуть $ full_label; 

    Шаг 4: Настройки текста электронной почты

    Мы очень близки к тому, чтобы иметь наш собственный каталог WooCommerce с опцией запроса цены. Фактически, если на шаге 2 вы отключили все электронные письма клиента, вы можете просто перейти к шагу 5..

    Если вы хотите отправить подтверждение клиента (это очень элегантно), нам просто нужно убедиться, что мы правильно указали темы электронной почты и что мы не отправляем цены в $ 0, а также, возможно, немного переписать текст нашей электронной почты..

    4.1. Тема письма и заголовок

    В админке, WooCommerce> Настройки> Электронная почта вкладку нужно переписать Обработка заказа, потому что новые запросы будут в состоянии обработки, так как клиенты не могут мгновенно заплатить за них. Для наглядности лучше переписать собственное письмо с уведомлением администратора (Новый порядок).

    4.2. Удалить цену из писем

    По умолчанию цены отправляются с подтверждением заказа, поэтому нам нужно перезаписать исходные шаблоны электронной почты.

    1. Загрузите и откройте оригинальный woocommerce email-order-items.php с помощью текстового редактора; файл должен быть здесь: WP-содержание / плагины / WooCommerce / шаблоны / письмо / обычный
    2. Удалить эту строку:эхо "\ n". sprintf (__ ('Стоимость:% s', 'woocommerce'), $ order-> get_formatted_line_subtotal ($ item));
    3. Скачайте и откройте оригинальный woocommerce email-order-details.php с помощью текстового редактора; файл должен быть здесь: WP-содержание / плагины / WooCommerce / шаблоны / письмо / обычный
    4. Удалить эти строки:
      if ($ totals = $ order-> get_order_item_totals ()) foreach ($ total как $ total) echo $ total ['label']. "\ т". $ total ['value']. "\ П"; 
    5. Загрузите оба файла, которые вы только что отредактировали, в woocommerce / emails / обычная папка в вашей директории темы

    4,3. Перепишите тексты ароматов

    По умолчанию WooCommerce представит ваши электронные письма следующим образом: «Ваш заказ был получен и в настоящее время обрабатывается. Детали вашего заказа показаны ниже для справки».

    Если вы хотите перезаписать это, вам нужно выполнить следующие 3 шага:

    1. скачать и открыть оригинальный woocommerce customer-processing-order.php с помощью текстового редактора; файл должен быть здесь: WP-содержание / плагины / WooCommerce / шаблоны / письма /
    2. перепишите строку, отвечающую за текст выше, как вы хотите:echo __ («Ваш заказ был получен и в настоящее время обрабатывается. Детали вашего заказа показаны ниже для справки:», «woocommerce»). "\ П \ п";
    3. загрузить только что отредактированный файл в WooCommerce / электронная почта папка в каталоге вашей темы

    Шаг 5: наслаждайтесь

    Теперь, когда у вас есть свой собственный каталог на основе WooCommerce, вы можете бездельничать и наслаждаться тем, что вы создали. Когда кто-либо создает список пожеланий и отправляет вам запрос на цену, вы получите электронное письмо об этом, и его запрос будет отображаться в вашей административной области под WooCommerce> Заказы.

    Каждый заказ будет содержать адрес электронной почты вашего будущего клиента, так что вы можете вручную отправить им свое ценовое предложение или даже связаться с ним по телефону..

    Примечание редактора: Это написано Мартон Фекете для Hongkiat.com. Мартон - венгерский разработчик сайтов, недавно подключившийся к WordPress. Он энтузиаст редизайна и независимый автор контента, который любит играть в ролевые игры в свое свободное время.

    © Savtec
    Полезная информация и советы по веб-разработке. Программирование, веб-дизайн, CSS, HTML, JAVASCRIPT. Настройка и переустановка WINDOWS. Создание сайтов и приложений с нуля.