Пропустить

Как настроить формы регистрации и входа в WooCommerce

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 701.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Вы когда-нибудь задумывались, как изменить страницы входа и регистрации в WooCommerce?

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

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

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

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге 

Тогда вернемся к тому, почему мы здесь.

Зачем настраивать формы входа и регистрации WooCommerce?

Ограниченные варианты полей:

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

Отдельные страницы входа и регистрации

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

Ограничения дизайна

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

Настройте формы входа и регистрации в WooCommerce:

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

Все, что вам нужно сделать, это установить и активировать его.

Регистрация пользователя регистрация входа в систему woocommerce

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

Ура woocommerce

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

1. Добавьте дополнительные поля в свой логин или регистрационную форму WooCommerce.

Плагин регистрации пользователей WordPress дает вам возможность добавить больше полей в вашу регистрационную форму. Прежде всего вам нужно создать новую регистрационную форму, оттуда перейдите в Регистрация Пользователя >> Добавить новый в панели управления WordPress.

Откройте для себя тоже Как добавить фоновое изображение в WordPress

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

При необходимости вы даже можете добавить дополнительные поля с раскрывающимися меню, флажками и переключателями.

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

2. Замените стандартные формы входа и регистрации WooCommerce.

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

Смотрите также наше руководство по Как добавить WooCommerce магазин на Facebook

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Заменить формы по умолчанию регистрация woocommerce

Затем перейдите к Регистрация Пользователя >> Настройки и откройте вкладку WooCommerce. Здесь выберите регистрационную форму, которую хотите интегрировать. Затем отметьте опцию Заменить страницу регистрации и сохраните изменения.

Читайте также нашу статью о Как отобразить меню для ваших WooCommerce условных абонентов

Теперь отобразятся ваша персонализированная форма входа в WooCommerce и форма регистрации.

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

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

[user_registration_my-account redirect_url = "ссылка на страницу аккаунта"]

Заменить формы по умолчанию регистрация woocommerce 1

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

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

Ou

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

Заменить формы по умолчанию регистрация woocommerce 2

3. Показать дополнительные поля на странице аккаунта.

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

Вот 10 плагинов WordPress для добавления калькулятора на ваш сайт

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

Примечание: Внешний вид страницы «Моя учетная запись» может отличаться от темы к теме.

4. Интегрируйте учетную запись WooCommerce на странице оформления заказа.

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

Читайте также нашу статью о 10 плагинов WordPress WooCommerce для использования в своем блоге

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

Авторизация клиентов страница создания учетной записи моя учетная запись

Снова перейдите к Регистрация пользователя >> Настройки, и под вкладкой WooCommerce, вы увидите раздел Синхронизация регистрации на кассеЗдесь достаточно отметьте опцию: отметьте эту опцию, чтобы синхронизировать регистрацию пользователя с регистрацией оформления заказа WooCommerce. Будут отображаться дополнительные поля, недоступные в форме регистрации WooCommerce.

Интеграция со страницей входа и регистрации в woocommerce

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

5. Измените дизайн форм входа и регистрации WooCommerce.

User Registration - отличный плагин для создания форм WordPress, который даже позволяет полностью настраивать формы входа и регистрации WooCommerce.

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

Плагин аддона стиля настройки

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

Теперь вы сможете увидеть панель настройки.

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

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

Откройте для себя тоже  Как защитить паролем ваши формы WordPress

Таким образом, вы сможете увидеть эти изменения, где бы вы ни разместили форму в своем интернет-магазине.

Дополнительная информация:

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

Другие дополнительные премиальные плагины WordPress 

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

1. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises местные, списки поставщиков и т. д. Каталог wordpress плагина Mapsvg

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

Читайте также нашу статью о Как дольше держать посетителей на вашем сайте

скачать| Демонстрация | веб-хостинг

2. Изображение панорамы

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

Плагин Wordpress для увеличения изображения

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

Узнайте также наш 5 шорткоды премиальных плагинов WordPress

скачать | Демонстрация | веб-хостинг

3. Маркетинговая автоматизация

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

Легко создайте свой интернет-магазин

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

Плагины WordPress для автоматизации маркетинга создают сайт с новостной рассылкой

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

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

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

Заключение

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

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

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

... 

Эта статья содержит комментарии 0

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
0 акции
доля
чирикать
Регистрация