Как скрыть цены в WooCommerce (сохранить конфиденциальность цен на товары)

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

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

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

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

Что нужно учесть, прежде чем скрывать цены на товары

Я видел несколько различных ситуаций, когда продажа в ВуКомерс без цен имеет смысл. Например, многие оптовые поставщики скрывают их, чтобы розничные покупатели не видели оптовых скидок.

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

К сожалению, в WooCommerce нет встроенной опции для скрытия стоимости. Но после тестирования различных решений я нашел 3 надежных метода, которые отлично работают.

Метод 1: Скрыть цены на все/конкретные товары и кнопки корзины с помощью кода

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

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

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

Я буду использовать WPCode. Это плагин, который позволяет добавлять код на сайт так же просто, как копировать и вставлять. Я использовал его на многих ресурсах и убедился в его надежности и безопасности.

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

Вариант 1: Скрыть цены и кнопки корзины для определенных товаров (зарегистрированные пользователи)

Самый простой способ скрыть цены — использовать готовый к работе сниппет WPCode. Он удалит прайс и кнопки корзины для определенных товаров, когда пользователи не вошли в систему.

Если уже знакомы с WPCode, то можете просто найти его в библиотеке сниппетов плагина.

Затем нажмите кнопку «Добавить на сайт», чтобы начать работу.

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

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

Затем нажмите кнопку «Развернуть».

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

Здесь просто нажмите «Подтвердить и установить сниппет».

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

Во-первых, нужно поменять идентификаторы товаров. Найдите эту строку кода:

$not_purchasable_products = array( 23, 22 );

Замените эти цифры на собственные идентификаторы товаров.

Например, если хотите скрыть цены для продуктов 63, 64 и 65, вы напишете:

$not_purchasable_products = array( 63, 64, 65 );

Далее можете кастомизировать сообщение, которое будет отображаться вместо цены.

Вот код, который нужно найти:

function wws_hide_price_not_logged_in( $price_html, $product ) {
    if ( is_non_purchasable_products_for_visitors( $product ) ) {
        $price_html = '<div><a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( 'Login with wholesale
account to see prices', 'wws' ) . '</a></div>';
    }
    return $price_html;

Вы можете изменить этот текст: «Войдите в оптовый аккаунт, чтобы увидеть цены» на любой другой, например, «Войдите, чтобы увидеть цены» или «Свяжитесь с нами, чтобы узнать цены».

Вот пример:

function wws_hide_price_not_logged_in( $price_html, $product ) {
if ( is_non_purchasable_products_for_visitors( $product ) ) {
$price_html = '<div><a href="' . get_permalink(
wc_get_page_id( 'myaccount' ) ) . '">' . __( 'Login to see prices',
'wws' ) . '</a></div>';
}
return $price_html;

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

Наконец, переключите тумблер с «Неактивного» на «Активный». Затем нажмите «Обновить».

Вы заметите, что цены и кнопки корзины скрыты и заменены кастомным сообщением.

Вариант 2: Скрыть цены и кнопки корзины для всех пользователей

Если хотите скрыть цены и кнопки корзины для всех, кто посещает магазин WC, нужно будет добавить другой фрагмент кода. Этот метод работает независимо от того, вошли ли пользователи в систему или нет.

Начните с перехода в «Code Snippets» > «+ Add Snippet» на дашборде ВордПресс. Нажмите на «Добавить кастомный код (новый сниппет)», а затем на кнопку «+ Добавить кастомный сниппет».

После этого увидите несколько типов кода на выбор.

Здесь просто выберите «PHP Snippet».

Далее нужно дать сниппету кода название. Это может быть что-то простое, например «Скрыть все цены WooCommerce».

Затем в разделе «Просмотр кода» скопируйте приведенный ниже код и вставьте его туда:

/**
 * Hide Price & Add to Cart for All Users for All Products
 */
 
/**
 * Function to check if products should be non-purchasable.
 * This will always return true to apply to all products.
 */
function is_non_purchasable_products( $product ) {
    // Always return true to make all products non-purchasable for all users
    return true;
}
 
/**
 * Set product as not purchasable
 */
function wws_set_not_purchasable( $is_purchasable, $product ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Set product as not purchasable
        $is_purchasable = false;
    }
    return $is_purchasable;
}
 
/**
 * Replace price with 'Contact us for pricing' message linking to the contact page
 */
function wws_hide_price( $price_html, $product ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Get the URL for the contact page by slug
        $contact_page = get_page_by_path( 'contact' );
        if ( $contact_page ) {
            $contact_url = get_permalink( $contact_page );
        } else {
            // Default to '/contact' if the page is not found
            $contact_url = site_url( '/contact' );
        }
 
        // Set the price HTML to the contact message
        $price_html = '
'; } return $price_html; } /** * Hide the 'Add to Cart' button */ function wws_hide_addcart( $add_to_cart, $product, $args ) { if ( is_non_purchasable_products( $product ) ) { // Remove the 'Add to Cart' button $add_to_cart = ''; } return $add_to_cart; } 
// Add filters to apply the above functions 
add_filter( 'woocommerce_is_purchasable', 'wws_set_not_purchasable', 
10, 2 ); 
add_filter( 'woocommerce_get_price_html', 'wws_hide_price', 10, 2 ); 
add_filter( 'woocommerce_loop_add_to_cart_link', 'wws_hide_addcart', 
10, 3 );

Этот код удалит все цены и кнопки корзины из магазина и заменит их ссылкой «Свяжитесь с нами, чтобы узнать цены», которая приведет посетителей на страницу контактов.

После вставки переключите тумблер с «Неактивный» на «Активный» и нажмите « Сохранить сниппет».

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

Метод 2: Скрыть цены на товары от неоптовых клиентов

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

Он также отлично подходит, если не являетесь поклонником написания кода. Я буду использовать плагины из удобного пакета Wholesale Suite.

Шаг 1: Установите необходимые плагины Wholesale Suite

Чтобы этот метод работал эффективно, нужно установить бесплатный плагин Wholesale Suite. Он выполняет основные функции оптового магазина, включая настройку оптовых цен для товаров.

Также потребуется приобрести премиум-расширения Wholesale Suite. В частности Wholesale Prices и Wholesale Lead Capture.

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

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

После установки плагинов WP перейдите в раздел «Оптовая торговля» > «Лицензия» на дашборде.

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

После ввода информации о разрешении для каждого инструмента не забудьте нажать кнопку «Сохранить изменения». Когда закончите, можете переходить к следующему шагу.

Шаг 2: Создайте тестовый аккаунт оптового клиента

Wholesale Suite создает специальную роль пользователя «Оптовый клиент». Она позволяет управлять ценами для всех оптовых клиентов в одном месте. Когда они войдут в систему, то автоматически увидят свой специальный прайс.

Создать аккаунт оптового покупателя очень просто. Во-первых, перейдите в раздел «Пользователи» «Добавить нового» на дашборде ВордПресс.

Теперь заполните основную информацию, такую как адрес электронной почты и имя. Затем выберите «Оптовый клиент» из выпадающего меню «Роль».

Наконец, нажмите «Добавить нового пользователя», чтобы создать учетную запись.

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

Чтобы изменить это, перейдите в раздел «Оптовая торговля» > «Роли» и найдите «Оптовый клиент». Нажмите на кнопку «Редактировать» под ролью, чтобы кастомизировать ее.

Затем установите флажок «Предотвращать покупку, если условие оптовой продажи не выполнено».

После этого просто нажмите кнопку «Редактировать роль оптового покупателя», чтобы сохранить изменения.

Шаг 3: Скрыть цены и кнопки корзины

Далее нужно будет скрыть цены и кнопки на странице корзины от обычных посетителей интернет-магазина.

Для этого перейдите в раздел «Оптовая торговля» > «Настройки». Убедитесь, что находитесь в «Оптовые цены». Далее перейдите на вкладку «Цена».

Затем прокрутите страницу вниз до настройки «Скрыть цену и кнопку добавления в корзину». Установите флажок рядом с ней.

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

Теперь прокрутите страницу вниз и убедитесь, что параметр «Показывать оптовую цену не оптовым пользователям» отключен.

Наконец, нажмите на кнопку «Сохранить изменения».

Шаг 4: Добавление и скрытие оптовых цен в товарах WooCommerce

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

В какой-то момент процесса нужно будет перейти в раздел «Данные продукта».

Здесь установите «Обычная цена». Это то, что видят обычные покупатели. Затем найдите раздел «Оптовые цены» и выберите тип скидки из выпадающего меню. Можете предложить как процентную скидку, так и фиксированную цену.

Для первой просто выберите тип «Процент» и введите размер дисконта.

Wholesale Suite автоматически рассчитает окончательную цену.

Желаете запускать оптовые предложения с ограниченным сроком действия? Это отлично подходит для проведения сезонных акций и превращения большего числа посетителей WC в покупателей.

Для этого можете нажать на ссылку «Расписание».

После этого введите дату начала и окончания акции по оптовым ценам.

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

Далее установите требования к минимальному заказу в разделе «Минимальное количество оптовых заказов».

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

Далее прокрутите страницу вниз до раздела «Шаг количества оптовых заказов».

Введите «1» в соответствующее поле.

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

Таким образом, люди не смогут злоупотреблять оптовыми привилегиями. Дополнительные сведения об этой настройке см. в документации Wholesale Suite о требованиях к минимальному заказу.

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

Когда все будет готово, просто нажмите «Обновить» или «Опубликовать», чтобы сохранить изменения. Затем можете повторить те же шаги для всех своих оптовых продуктов.

Шаг 5: Настройка регистрационных форм для оптовых продаж

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

Перейдите в раздел «Оптовая торговля» > «Настройки». Затем кликните на вкладку «Захват оптовых клиентов». Откройте меню «Форма регистрации».

Здесь можете прокрутить страницу вниз и найти таблицу, показывающую все доступные поля.

Хотя основные, такие как имя, фамилия, электронная почта и наименование пользователя, включены по умолчанию, некоторые из них могут потребовать активации. Чтобы включить поле, нажмите на значок карандаша «Редактировать» в колонке «Действие».

Все, что нужно, это установить флажок «Включено», чтобы он стал видимым, и отметить поле как «Требуется», если хотите сделать его обязательным.

Не забудьте нажать кнопку «Сохранить пользовательское поле», как только закончите.

Теперь переключитесь на вкладку «Общие», чтобы найти новые страницы входа в систему и регистрации.

Нажмите «Просмотр страницы», чтобы просмотреть их.

Открыв их, возможно добавить ссылки на эти страницы в навигационное меню. Таким образом, пользователи смогут легко находить их при посещении интернет-магазина.

В разделе «Автоматическое одобрение новых заявок» выберите между «Требуется ручное одобрение» и «Автоматическое одобрение».

После того как определитесь с настройками регистрационной формы, можете прокрутить страницу вверх.

Наконец, нажмите на кнопку «Сохранить изменения».

Шаг 6: Создание формы оптового заказа

Последний шаг — создание формы массового заказа, которая упрощает процесс оформления для оптовых клиентов. Она позволяет им легко делать заказы без навигации по нескольким страницам товаров. Это экономит время и вам, и клиентам.

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

Давайте посмотрим, как это работает на практике. Вот как магазин выглядит для обычных посетителей:

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

Посмотрите на результат ниже.

Метод 3: Создайте профессиональный онлайн-каталог без цен

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

Плагин YITH WooCommerce Catalog Mode предлагает простой способ создания каталога без цен.

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

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

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

Кроме того, вам нужно будет приобрести премиум-версию расширения. Бесплатная работает хорошо, но функция скрытия цен доступна только в платном пакете.

Шаг 1: Установка и активация YITH WooCommerce Catalog Mode

После покупки плагина перейдите на сайт YITH и войдите в свой аккаунт YITH. Затем кликните на вкладку «Лицензии и загрузки».

Нажмите на кнопку «Скачать плагин», чтобы загрузить файл плагина из вашей учетной записи YITH. Не забудьте оставить открытой вкладку браузера, так как через некоторое время понадобится лицензионный ключ.

Теперь просто установите плагин на свой сайт WordPress.

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

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

Далее кликните «Перейти в панель управления плагином», чтобы начать настройку параметров режима каталога.

Теперь перейдем к следующему шагу.

Шаг 2: Настройка основных параметров режима каталога

Режим каталога превращает магазин из сайта для покупок в витрину товаров. Это идеальный вариант для компаний, которые хотят показать продукты без возможности немедленной покупки.

Для начала зайдите в раздел YITH «Режим каталога» и перейдите на вкладку «Настройки». Здесь вы настроите параметры для работы WooCommerce без цен.

Во-первых, можете выбрать, включить ли режим каталога для всех пользователей или только для гостевых.

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

Прокручивая страницу вниз, можете включить функцию «Отключить магазин», если хотите удалить раздел корзины, оформления заказа и все кнопки добавления из магазина.

Если выключите опцию «Магазин», появятся дополнительные возможности задать определенные временные диапазоны или дни.

Для более целенаправленного контроля можете пропустить пункт «Отключить магазин» и сосредоточиться на настройках в разделе «Настройки» > «Добавить в корзину» в режиме каталога.

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

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

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

Я рекомендую выбрать «Ничего» для этих опций. Это сохранит пространство чистым. Я добавлю кастомные кнопки в другом разделе позже.

Далее, ниже, вы найдете «Настройки цен в режиме каталога».

Можете выбрать, скрывать ли цены для всех товаров или только для тех, которые находятся в списке исключений.

Когда скрываете прайс, возможно заменить его кастомными кнопками. Плагин включает несколько готовых к работе стилей, например «Образец кнопки 1», который я кастомизирую на следующем этапе.

Не забудьте нажать кнопку «Сохранить параметры», когда закончите выбор.

Шаг 3: Создание новой кнопки вместо кнопки «Корзина»

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

Выберите одну из предварительно разработанных кнопок, предоставленных YITH. Затем нажмите на значок карандаша «Редактировать», чтобы кастомизировать ее.

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

Добавление иконки может сделать кнопку более привлекательной. Для этого в разделе «Иконки» выберите «Выбрать из стандартных иконок».

Можете просмотреть доступные варианты, чтобы найти тот, который соответствует вашему сообщению.

Также можете точно кастомизировать свой значок, изменив его размер, выравнивание и цвета.

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

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

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

Наконец, на вкладке «Параметры» кастомизируйте ссылку для кнопки. Я рекомендую использовать опцию «Пользовательский URL», чтобы направлять посетителей на страницу контактов или входа в систему.

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

После этого нажмите «Обновить».

Шаг 4: Создайте форму запроса товара (необязательно)

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

Чтобы настроить эту функцию, перейдите на вкладку «Форма запроса». Выберите «Видимый во всех товарах» в разделе «Установить форму запроса как». Таким образом, форма будет отображаться на каждой странице товара.

Для опции «Форма для показа» можете использовать форму «По умолчанию». Она поставляется вместе с плагином.

Если уже применяете WPForms или другое расширение для форм, можете выбрать существующие варианты.

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

У вас есть 2 варианта, где будет отображаться форма: на вкладке WooCommerce под изображением товара или в области краткого описания.

Если выберете первый, то можете кастомизировать название, например «Запрос цены» или «Запрос товара».

Не забудьте включить настройку «Включить Permalink продукта».

Это добавит URL-адрес продукта в письма с запросами, что значительно облегчит отслеживание того, о каких товарах спрашивают покупатели.

Вот как это выглядит на практике:

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

Вот так:

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

Чтобы начать, перейдите на вкладку «Список исключений» и нажмите «+ Добавить список исключений». Откроется новое окно. В нем сможете выбрать, для каких типов товаров нужно скрыть цены.

В выпадающем списке «Тип товара» есть 3 варианта: отдельные товары, целые категории или теги продуктов. Такая гибкость позволяет скрывать цены так, как это удобно для малого бизнеса.

Затем введите названия товаров, категорий или тегов в поле «Выбрать товары». Плагин будет предлагать подходящие варианты по мере ввода. Возможно выбрать, показывать ли форму запроса для этих конкретных продуктов.

Вы увидите настройки «Использовать пользовательские опции» для «Добавить в корзину» и «Использовать пользовательские опции для цены». Я рекомендую оставить их неотмеченными, если хотите сохранить параметры, созданные на Шаге 2.

Когда закончите, нажмите «Добавить список исключений», чтобы оставить изменения.

Вот пример того, как может выглядеть страница продукта, когда активируете плагин:

Заключение

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