Как создать и использовать шорткод для входа в WooCommerce

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

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

Необходимость создания шорткода для входа в WooCommerce

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

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

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

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

Конструктор профилей Pro

Создание полностью настраиваемых страниц входа, регистрации и других важных страниц в вашем магазине WooCommerce очень просто с помощью Profile Builder.

Получить плагин

Или скачать БЕСПЛАТНУЮ версию

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

Создать шорткод формы входа в WooCommerce с помощью Profile Builder очень просто. Вам просто нужно выполнить несколько простых шагов, чтобы создать полностью настраиваемую форму входа, а затем разместить ее в любом месте вашего магазина WooCommerce.

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

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

Так что вперед и купить его здесь. Затем войдите в свою учетную запись Cozmoslabs и загрузите файл плагина для Profile Builder Pro, как показано на изображении ниже.

Теперь нажмите на другую опцию, Addons Download . Вы обнаружите, что первый вариант — это Pb Add On WooCommerce , который вам нужно загрузить для своего магазина WooCommerce.

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

Наконец, нажмите кнопку « Установить сейчас », а после установки — кнопку « Активировать ». Теперь Profile Builder Pro установлен и работает на вашем сайте.

Повторите тот же процесс, чтобы установить надстройку WooCommerce Sync.

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

Шорткод для входа в WooCommerce — [wppb-login] . Вы можете использовать этот шорткод для создания страницы входа на свой сайт WooCommerce в любом месте. Страница будет выглядеть примерно так:

Создание других важных шорткодов и страниц WooCommerce

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

Шорткод регистрации WooCommerce

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

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

Конечно, Profile Builder также легко позволяет вам создать страницу регистрации, а шорткод регистрации WooCommerce — [wppb-register] .

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

Настройка страницы регистрации WooCommerce

Вы также можете легко настроить страницу регистрации WooCommerce с помощью Profile Builder. Нажмите на опцию « Поля формы» в разделе « Конструктор профилей », и вы найдете все поля, используемые в вашей форме входа.

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

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

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

Шорткод для восстановления пароля WooCommerce

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

Чтобы создать страницу восстановления пароля в магазине WooCommerce, все, что вам нужно сделать, это вставить [wppb-recover-password] , чтобы добавить форму восстановления пароля внешнего интерфейса на пустую страницу.

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

[wppb-login lostpassword_url="/recover-password"]

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

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

[wppb-login register_url="/registration" lostpassword_url="/recover-password"]

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

WooCommerce Социальный вход

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

Profile Builder Pro также поставляется с функциями, которые помогут вам реализовать вход через социальные сети в ваш магазин WooCommerce. Затем пользователи могут войти в свою учетную запись, используя только один из своих профилей в социальных сетях, включая Facebook, Google, Twitter и LinkedIn.

Вам необходимо загрузить и активировать надстройку Social Connect , как и WooCommerce Sync. Вы можете найти все шаги, которые вам нужно выполнить, в нашем посте о входе в социальную сеть WooCommerce.

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

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

Шорткод выхода из WooCommerce

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

Шорткод выхода из WooCommerce — [wppb-logout] . После того, как вы создадите страницу с помощью этого шорткода, пользователи, вошедшие в систему на вашем сайте WooCommerce, увидят ссылку для выхода из внешнего интерфейса.

Другие важные страницы

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

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

Перенаправить пользователей после входа в систему

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

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

И Profile Builder также предлагает эту функциональность. Вам необходимо активировать надстройку Custom Redirects pro из меню Profile Builder на панели инструментов WordPress.

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

Перенаправление пользователей на нужные страницы поможет вам получить максимальную отдачу от реализации функций входа в систему на вашем сайте с помощью шорткода входа WooCommerce в Profile Builder.

Создайте шорткод для входа в WooCommerce сегодня

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

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

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

Конструктор профилей Pro

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

Получить плагин

Или скачать БЕСПЛАТНУЮ версию

У вас все еще есть вопросы о создании шорткода для входа в WooCommerce и использовании его в вашем магазине? Спросите нас в комментариях!