Полное руководство по короткому коду входа в WooCommerce

Опубликовано: 2025-01-22
Оглавление скрыть
1. Типы страниц входа в WooCommerce
2. Важность настройки страницы входа в WooCommerce.
3. Как создать страницу входа с помощью шорткода входа в WooCommerce?
4. Настройка страницы входа в WooCommerce.
5. Лучшие плагины для улучшения входа в WooCommerce
5.1. Экспресс-вход для WordPress
5.2. Окончательный участник
5.3. Регистрация пользователя
5.4. РегистрацияMagic
6. Заключение

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

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

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

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

Итак, начнем.

Типы страниц входа в WooCommerce

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

Существуют различные типы страниц входа в систему в зависимости от потребностей вашего бизнеса и предпочтений пользователя. Давайте рассмотрим варианты:

  1. Классическая страница входа : это простая страница входа. Пользователям просто требуется ввести свои учетные данные, и — бац — они вошли.
  2. Страница входа в социальную сеть . Этот тип страницы входа позволяет вашим пользователям использовать свои любимые учетные записи в социальных сетях для входа в систему.
  3. Страница входа под собственным брендом . Этот тип страницы входа настраивается в соответствии с индивидуальностью вашего бренда. Для этого вам нужно добавить логотип и цвета вашего бренда, а также добавить приветственные сообщения, чтобы побудить пользователей войти в систему.
  4. Многоэтапная страница входа : этот тип страницы входа идеально подходит для тех, кто хочет добавить дополнительный уровень безопасности на свою страницу входа. Он разбивает весь процесс на управляемые этапы, такие как ввод имени пользователя, пароля и кода подтверждения.
  5. Страница единого входа (SSO) . Наконец, этот тип страницы входа позволяет пользователям использовать одни и те же учетные данные для нескольких приложений.

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

Важность настройки страницы входа в WooCommerce

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

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

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

Настройка страницы входа в WooCommerce — это не просто эстетическое обновление, но и важное улучшение .

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

Как создать страницу входа с помощью шорткода входа в WooCommerce?

Итак, все начинается с шорткода My Account в WooCommerce. Этот простой короткий код для входа в WooCommerce — [woocommerce_my_account] позволяет вам добавить всю область «Моя учетная запись» на любую страницу.

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

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

  • Сначала перейдите в WordPress admin dashboard . Теперь перейдите к Pages чтобы создать новую страницу. Если вы не хотите создавать новую страницу, нажмите на любую существующую страницу, чтобы отредактировать ее.
  • Теперь нажмите значок + , чтобы добавить новый блок на страницу.
  • Среди вариантов найдите Shortcode.
  • Появится окно. Здесь вы можете скопировать и вставить короткий код входа в WooCommerce: [woocommerce_my_account]

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

  • Наконец, нажмите кнопку Publish или Update чтобы разместить страницу на вашем веб-сайте.

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

  • Перейдите в WooCommerce > Settings > Advanced .
  • На My account page выберите указанную выше страницу для параметра «Моя учетная запись».

Наконец, посетите страницу входа и убедитесь, что все работает гладко.

Выполнив эти шаги, вы создали полнофункциональную страницу входа .

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

Настройка страницы входа в WooCommerce

  1. Страница регистрации: добавьте короткий код [sa_woocommerce_registration_form] на свою страницу регистрации после активации первого фрагмента ниже. Если пользователи вошли в систему, появится сообщение «Вы уже зарегистрированы».
    2. /**
 * Шорткод для регистрации пользователей WooCommerce.
 *
 * @author StoreApps
 */
add_shortcode('sa_woocommerce_registration_form', 'storeapps_custom_registration_form');
функция storeapps_custom_registration_form() {
	если ( is_user_logged_in() ) {
		возвращаться '
     Вы уже зарегистрированы.
     ';
	}
	ob_start();
	do_action('woocommerce_before_customer_login_form');
	$html = wc_get_template_html('myaccount/form-login.php');
	$dom = новый DOMDocument();
	$dom->кодирование = 'utf-8';
	$dom->loadHTML(utf8_decode($html));
	$xpath = новый DOMXPath($dom);
	$form = $xpath->query( '//form[contains(@class,"register")]' );
	$form = $form->item(0);
	эхо $dom->saveHTML($form);
	вернуть ob_get_clean();
}
  2. Страница входа: на странице входа используйте короткий код [sa_woocommerce_registration_form] после активации второго фрагмента. Если пользователь вошел в систему, появится сообщение «Вы уже вошли в систему».
    3. /**
 * Шорткод для входа в систему WooCommerce.
 *
 * @author StoreApps
 */
add_shortcode('sa_woocommerce_login_form', 'storeapps_custom_login_form');
функция storeapps_custom_login_form() {
	если ( is_user_logged_in() ) {
		возвращаться '
     Вы уже вошли в систему.
    		


     ';
	}
	ob_start();
	do_action('woocommerce_before_customer_login_form');
	woocommerce_login_form(array('redirect' => wc_get_page_permalink('myaccount') ));
	вернуть ob_get_clean();
}
  3. Страница «Моя учетная запись». Сохраните шорткод [woocommerce_my_account] на странице «Моя учетная запись», чтобы отобразить все данные учетной записи пользователя.
  4. Перенаправление после регистрации. Вы также можете добавить перенаправление после регистрации, чтобы клиенты перенаправлялись на страницу «Моя учетная запись» после регистрации (форма входа уже обрабатывает это по умолчанию).
  5. Перенаправление вошедших в систему пользователей. Чтобы предотвратить ошибки при доступе вошедших в систему пользователей к страницам входа или регистрации, используйте приведенный ниже фрагмент. Это автоматически перенаправит их на страницу «Моя учетная запись».
    6. /**
 * Перенаправить вход/регистрацию на мою учетную запись
 *
 * @author StoreApps
 */
add_action( 'template_redirect', 'storeapps_redirect_to_myaccount_after_logged_in');
функция storeapps_redirect_to_myaccount_after_logged_in() {
	if ( is_page() && is_user_logged_in() && ( has_shortcode( get_the_content(), 'sa_woocommerce_login_form' ) || has_shortcode( get_the_content(), 'sa_woocommerce_registration_form' ) ) ) {
		wp_safe_redirect( wc_get_page_permalink('myaccount'));
		Выход;
	}
}

Примечание. Чтобы это заработало, вам нужно добавить фрагменты в пользовательский раздел PHP в файле function.php и пользовательский CSS в файл style.css вашей основной темы.

Лучшие плагины для улучшения входа в WooCommerce

Вот несколько лучших плагинов WooCommerce, которые помогут вам настроить страницу входа без использования коротких кодов входа в WooCommerce :

Экспресс-вход для WordPress

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

Традиционные страницы входа полезны, но как насчет обеспечения еще более быстрого доступа для заказчиков, клиентов или временных сотрудников ? Именно здесь на помощь приходит экспресс-вход для WordPress от StoreApps.

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

Экспресс-вход в панель управления WordPress

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

Благодаря Express Login для WordPress не позволяйте вашим пользователям ломать голову над именами пользователей и паролями.

Попрощайтесь с трудностями при входе в систему и поприветствуйте удобство и безопасность.

Попробуйте экспресс-вход для WordPress прямо сейчас

Окончательный участник

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

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

  • Пользовательские формы: создавайте настраиваемые формы входа, регистрации и профиля пользователя.
  • Доступ на основе ролей: назначайте различные роли пользователей с индивидуальными разрешениями.
  • Конструктор с возможностью перетаскивания: создавайте формы без особых усилий.
  • Условная логика: отображение полей формы на основе пользовательского ввода.

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

Регистрация пользователя

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

  • Предварительно разработанные шаблоны. Ускорьте работу с помощью готовых дизайнов форм.
  • Условная логика: отображение полей на основе введенных пользователем данных.
  • Сторонние интеграции: легко подключайтесь к инструментам электронного маркетинга и CRM.
  • Многошаговые формы. Разделите длинные формы на несколько этапов для удобства пользователей.

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

РегистрацияMagic

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

  • Интеграция платежей: принимайте платежи напрямую через регистрационные формы.
  • Назначение ролей пользователей: автоматическое назначение ролей пользователям на основе отправки форм.
  • Подробная аналитика: отслеживайте производительность с помощью углубленного анализа данных.
  • Шорткоды: встраивайте формы в любое место вашего сайта.

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

Заключение

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

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

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

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