Как создать шорткод страницы выхода WooCommerce

Опубликовано: 2020-08-22

WooCommerce Создать шорткод страницы выхода Вы хотите создать шорткод страницы выхода из WooCommerce, который можно использовать в любом месте на вашем сайте WooCommerce? Если вы ищете быстрый пример, который действительно работает с шорткодом страницы выхода из WooCommerce , этот пример поможет вам понять, как это сделать.

Использование шорткодов позволяет владельцам магазинов WooCommerce быстро настраивать свои сайты без кодирования или с минимальными навыками кодирования.

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

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

Конечная точка выхода из WooCommerce

По умолчанию WooCommerce предоставляет пользователям конечную точку по умолчанию для выхода из системы, которую можно использовать для создания URL-адресов выхода, и вы можете получить к ней доступ в настройках WooCommerce, как показано на изображении ниже:

Конечная точка выхода из WooCommerce

Вы можете настроить эту конечную точку по своему усмотрению, как описано в этой статье — Настройка конечных точек WooCommerce.

Помимо конечной точки выхода из WooCommerce, есть несколько других конечных точек, которые вы можете использовать для настройки своих URL-адресов WooCommerce, и они включают конечные точки страницы оформления заказа и страницы моей учетной записи:

Конечные точки оформления заказа

Следующие конечные точки используются для функций, связанных с оформлением заказа, и добавляются к URL-адресу страницы /checkout:

Страница оплаты – /order-pay/{ORDER_ID}
Заказ получен (спасибо) – /order-received/
Добавить способ оплаты – /add-payment-method/
Удалить способ оплаты – /delete-payment-method/
Установить способ оплаты по умолчанию – /set-default-payment-method/

Конечные точки учетной записи

Следующие конечные точки используются для функций, связанных с учетной записью, и добавляются к URL-адресу страницы /my-account:

Заказы – /orders/
Посмотреть заказ – /view-order/{ORDER_ID}
Загрузки – /downloads/
Редактировать учетную запись (и изменить пароль) – /edit-account/
Адреса – /edit-address/
Способы оплаты – /payment-methods/
Забыли пароль – /lost-password/
Выход – /customer-logout/

Создать шорткод страницы выхода WooCommerce

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

Конечная точка выхода из WooCommerce — /customer-logout/ , мы добавим URL attribute =true , чтобы создать URL-адрес выхода, который мы будем использовать в кнопке выхода.

Полная структура URL-адреса должна быть следующей site_url/?logout-endpoint=true

Создать шорткод выхода из WooCommerce

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

Давайте теперь шаг за шагом создадим шорткод страницы выхода из WooCommerce:

Шаг 1 : Создайте обработчик действий и функции обратного вызова для шорткода страницы выхода — например, вы можете создать его следующим образом : add_shortcode( 'wc_logout_shortcode', 'njengah_wc_logout_shortcode' ); . Функция обратного вызова также может быть создана следующим образом: function njengah_wc_logout_shortcode(){ }
Шаг 2. Проверьте, вошел ли пользователь в систему, используя код, которым я поделился в этом руководстве — как проверить, вошел ли пользователь в WordPress: if (is_user_logged_in())
Шаг 3. Создайте переменную URL-адреса выхода из системы , и вы сможете выполнить сборку из конечной точки WooCommerce следующим образом: $wc_shortcode_logout_url = site_url() . '/?customer-logout=true'; $wc_shortcode_logout_url = site_url() . '/?customer-logout=true';
Шаг 4: Создайте код кнопки и добавьте класс, чтобы вы могли быстро оформить его в соответствии с цветовой схемой вашей темы WooCommerce. <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">Log Out</a></button>
Шаг 5: Соберите этот код и добавьте код в свою тему через файл functions.php , или вы можете включить код в разработку собственного плагина WooCommerce.
Шаг 6: Проверьте [wc_logout_shortcode] в любом месте на странице, в публикации или даже в виджете WordPress, который поддерживает шорткоды, и вы должны увидеть кнопку выхода из WooCommerce, отображаемую там, где вы добавляете шорткод.

Ниже приведен полный фрагмент кода, который вы можете добавить в functions.php для создания шорткода страницы выхода из WooCommerce:

 /**
 * Добавьте кнопку шорткода на страницу выхода из WooCommerce.
 */

// Хук действия шорткода 

add_shortcode('wc_logout_shortcode', 'njengah_wc_logout_shortcode');

// Перезвони 

функция njengah_wc_logout_shortcode(){
	
    об_старт();
    // Проверяем, авторизован ли пользователь 
    если (is_user_logged_in()){ 
          // Создаем переменную URL 
	   $wc_shortcode_logout_url = site_url() . '/?клиент-выход=истина';?>
	    <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">Выйти</a></button> 
        <?php 
	}

    вернуть ob_get_clean();
}

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

Шорткод страницы выхода из woocommerce

Протестируйте кнопку шорткода выхода из WooCommerce на странице

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

Пример шорткода для выхода из woocommerce

Вывод

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

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

Как создать шорткод страницы выхода WooCommerce

Конечная точка выхода из WooCommerce

Конечные точки оформления заказа

Конечные точки учетной записи

Создать шорткод страницы выхода WooCommerce

Создать шорткод выхода из WooCommerce

Протестируйте кнопку шорткода выхода из WooCommerce на странице

Вывод

Похожие статьи