Добавление кнопки WhatsApp для заказа товара на сайте WordPress с WooCommerce

Введение:

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

Шаги:

1. Создайте функцию «add_whatsapp_button» в файле functions.php вашей темы WordPress. Эта функция будет отвечать за генерацию кнопки WhatsApp и ее размещение на странице товара.
2. Получите ссылку на текущую страницу товара с помощью функции «get_permalink». Это позволит передать ссылку на конкретный товар в сообщении, которое будет отправлено через WhatsApp.
3. Сформируйте сообщение с ссылкой на товар, которое будет отправлено через WhatsApp. В данном примере используется простое сообщение, содержащее ссылку на текущую страницу товара.
4. Сформируйте ссылку для WhatsApp, добавив номер телефона и текст сообщения в URL-адрес. Функция «urlencode» используется для правильного кодирования текста сообщения.
5. Выведите кнопку Заказать через WhatsApp с помощью функции «echo». Задайте ссылку кнопки как значение атрибута «href» и добавьте класс «whatsapp-button» для стилизации кнопки с помощью CSS.
6. Добавьте стили для кнопки WhatsApp в файл стилей вашей темы WordPress. В данном примере используется класс «.whatsapp-button» для определения общих стилей кнопки.

Заключение:

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

Готовый код PHP

function add_whatsapp_button() {
    global $product;
    
    // Получаем ссылку на текущую страницу товара
    $current_url = get_permalink($product->get_id());
    
    // Формируем сообщение с ссылкой на товар
    $message = 'Здравствуйте! Пишу с вашего сайта (ВАШТЕКСТ) Интересует товар: (' . $current_url . ')';
    
    // Формируем ссылку для WhatsApp с передачей сообщения
    $whatsapp_link = 'https://api.whatsapp.com/send?phone=ВАШНОМЕРС7&text=' . urlencode($message);
    
    // Выводим кнопку Заказать через WhatsApp
    echo '<a href="' . $whatsapp_link . '" target="_blank" class="button whatsapp-button">Заказать через WhatsApp</a>';
}

add_action('woocommerce_single_product_summary', 'add_whatsapp_button', 25);

Готовый код CSS

.whatsapp-button {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    text-align: center;
}

.whatsapp-button svg {
    vertical-align: middle;
}

Оптовый интернет-магазин одежды — MOMISS
У нас вы найдете все, что нужно для стильного образа и комфорта: модная одежда, сексуальное нижнее белье и уютный домашний текстиль. Но самое привлекательное — это цены!