Как изменить сообщение WooCommerce «Добавить в корзину»

Опубликовано: 2021-11-06

Ищете способы изменить сообщения, когда ваши покупатели добавляют товары в свои корзины в вашем интернет-магазине? Мы вас прикрыли. В этом руководстве мы покажем вам различные способы изменения сообщения WooCommerce о добавлении в корзину .

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

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

Что такое сообщение «Добавлено в корзину»?

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

По умолчанию в корзину добавлено сообщение « (product_name) добавлено в вашу корзину ». Здесь product_name — это название товара, который пользователь добавил в корзину. Например, если это «Наушники», сообщение о добавлении в корзину будет «Наушники добавлены в вашу корзину».

добавить в корзину сообщение изменить woocommerce добавить в корзину сообщение

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

Зачем редактировать сообщение «Добавить в корзину»?

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

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

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

Как изменить WooCommerce сообщение «Добавить в корзину»

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

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

ПРИМЕЧАНИЕ . Поскольку мы будем редактировать некоторые основные файлы, мы рекомендуем сделать резервную копию вашего веб-сайта и создать дочернюю тему перед запуском. Если вам нужна помощь с этим, вы можете использовать один из лучших плагинов для дочерних тем.

Теперь без лишних слов давайте посмотрим, как отредактировать сообщение о добавлении в корзину в WooCommcerce.

Куда добавить фрагменты кода?

В следующем разделе мы рассмотрим различные фрагменты кода, которые мы добавим в файл functions.php дочерней темы. Мы добавим их с помощью редактора тем, поэтому на панели управления WordPress вам нужно перейти в раздел « Внешний вид» > «Редактор тем» и открыть вкладку functions.php .

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

ПРИМЕЧАНИЕ. Поскольку мы будем вносить все изменения с помощью кода, рекомендуется, чтобы у вас были базовые знания в области программирования. Если нет, то вам может понадобиться помощь кого-то, кто знаком с программированием и кодом.

1. Изменить пользовательское сообщение WooCommerce «Добавить в корзину»

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

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

1.1. Простое сообщение

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

 add_filter('wc_add_to_cart_message_html', 'quadlayers_custom_add_to_cart_message');
функция quadlayers_custom_add_to_cart_message() {
   $message = 'Ваш товар добавлен в корзину. Спасибо за покупку!' ;
   вернуть $сообщение;
}

1.2. Простое сообщение о продукте:

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

 add_filter('wc_add_to_cart_message', 'quadlayers_custom_wc_add_to_cart_message', 10, 2); 
 
функция quadlayers_custom_wc_add_to_cart_message($message, $product_id) { 
    $message = sprintf(esc_html__('%s добавлен в вашу корзину. Спасибо за покупку!','tm-organik'), get_the_title( $product_id ) ); 
    вернуть $сообщение; 
}

Как только покупатель добавляет товар в корзину, он увидит следующее сообщение с названием товара:

пользовательское сообщение изменить woocommerce добавить в корзину сообщение

2. Пользовательское сообщение «Добавить в корзину» со ссылкой на корзину

В приведенных выше фрагментах мы только добавили текст к сообщению. Но что, если мы хотим что-то добавить? Например, вы можете отображать кнопку « Просмотреть корзину », чтобы покупатели могли просмотреть, что они покупают.

В этом случае вам нужно изменить сообщение о добавлении в корзину WooCommerce на собственное сообщение и добавить ссылку на корзину.

 /**
 * Измените сообщение WooCommerce «Добавить в корзину» со ссылкой на корзину.
 */
функция quadlayers_add_to_cart_message_html ($ сообщение, $ продукты) {

$количество = 0;
$титры = массив();
foreach ($products as $product_id => $qty) {
$titles[] = ($qty > 1 ? absint( $qty ) . '× ' : '' ) . sprintf( _x( '“%s”', 'Название товара в кавычках', 'woocommerce'), strip_tags(get_the_title($product_id)) );
$счетчик += $кол-во;
}

$titles = array_filter($titles);
$added_text = спринтf( _n(
'%s добавлен в вашу корзину. Спасибо за покупку!», // Singular
'%s добавлены в вашу корзину. Спасибо за покупку!», // Множественное число
$count, // Количество добавленных продуктов
'woocommerce' // Текстовый домен
), wc_format_list_of_items($titles));
$message = sprintf( '<a href="%s" class="button wc-forward">%s</a> %s', esc_url(wc_get_page_permalink('cart')), esc_html__('Просмотр корзины', 'woocommerce'), esc_html($added_text));

вернуть $сообщение;
}
add_filter('wc_add_to_cart_message_html', 'quadlayers_add_to_cart_message_html', 10, 2);

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

просмотреть корзину изменить woocommerce добавить в корзину сообщение

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

3. Пользовательское сообщение о добавлении в корзину продукта со ссылкой для оформления заказа

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

В этом случае мы добавим ссылку на оформление заказа с надписью «Перейти к оформлению».

 /**
 * Измените сообщение WooCommerce «Добавить в корзину» со ссылкой для оформления заказа.
 */
функция quadlayers_add_to_cart_message_html ($ сообщение, $ продукты) {

$количество = 0;
$титры = массив();
foreach ($products as $product_id => $qty) {
$titles[] = ($qty > 1 ? absint( $qty ) . '&times; ' : '' ) . sprintf( _x( '&ldquo;%s&rdquo;', 'Название товара в кавычках', 'woocommerce'), strip_tags(get_the_title($product_id)) );
$счетчик += $кол-во;
}

$titles = array_filter($titles);
$added_text = спринтf( _n(
'%s добавлен в вашу корзину. Спасибо за покупку!», // Singular
'%s добавлены в вашу корзину. Спасибо за покупку!», // Множественное число
$count, // Количество добавленных продуктов
'woocommerce' // Текстовый домен
), wc_format_list_of_items($titles));
$message = sprintf( '<a href="%s" class="button wc-forward">%s</a> %s', esc_url( wc_get_checkout_url() ), esc_html__( 'Перейти к оформлению заказа', 'woocommerce '), esc_html($added_text));
вернуть $сообщение;
}
add_filter('wc_add_to_cart_message_html', 'quadlayers_add_to_cart_message_html', 10, 2);

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

перейти к оформлению заказа изменить woocommerce добавить в корзину сообщение

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

4. Удалите сообщение «Добавить в корзину».

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

 add_filter('wc_add_to_cart_message_html', '__return_null');

Бонус: настройте кнопку «Добавить в корзину» в WooCommerce.

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

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

1. Измените текст кнопки «Добавить в корзину».

Подобно сообщению «Добавить в корзину», вы можете изменить текст кнопки «Добавить в корзину». Просто перейдите в « Внешний вид» > «Редактор тем», откройте файл functions.php и добавьте следующий фрагмент кода.

 add_filter('woocommerce_product_single_add_to_cart_text','QL_customize_add_to_cart_button_woocommerce');
функция QL_customize_add_to_cart_button_woocommerce(){
return __('Купить этот товар', 'woocommerce');
}

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

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

добавить в корзину текст кнопки изменить woocommerce добавить в корзину сообщение

2. Перенаправление на страницу корзины с кнопки «Добавить в корзину».

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

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

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

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

Вывод

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

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

Фрагменты кода, которые мы использовали, просты. Не стесняйтесь брать их за основу и настраивать, чтобы применить на своем сайте. Вы можете просто изменить текст сообщений, добавить ссылки на разные части вашего сайта или даже полностью удалить сообщения о добавлении в корзину. Кроме того, мы видели несколько примеров настройки кнопки «Добавить в корзину» на вашем сайте.

Мы надеемся, что это руководство было полезным. Если вам понравилось, поделитесь этим постом с друзьями и помогите им улучшить свои интернет-магазины!

Вот еще несколько статей, которые могут быть вам интересны:

  • Как скрыть и удалить кнопку «Добавить в корзину» в WooCommerce
  • Как настроить страницу корзины WooCommerce
  • Кнопка добавления в корзину WooCommerce не работает? Как это исправить!
  • Как добавить кнопку «Добавить в корзину» на страницах магазина Divi

Настроили ли вы сообщения о добавлении в корзину в своих магазинах? Что ты сделал? Дайте нам знать в комментариях ниже!