Как добавить вход через социальную сеть WordPress в WooCommerce

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

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

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

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

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

Почему вы должны добавить социальный вход в WooCommerce?

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

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

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

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

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

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

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

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

Самый простой способ добавить социальный вход в WooCommerce по умолчанию.

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

ProfilePress — это профессиональный профиль пользователя и плагин для членства, который поставляется с мощными конструкторами форм и расширенными настройками.

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

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

Добавление социального входа в WooCommerce с помощью ProfilePress

Здесь мы покажем вам, как легко добавить социальный вход в WooCommerce с помощью ProfilePress.

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

Шаг №1: Установите и активируйте ProfilePress

Для начала получите плагин ProfilePress и установите его на свой сайт WordPress.

Перейдите в « Плагины» → «Добавить новый » в панели администратора WordPress и нажмите кнопку « Добавить новый ». Теперь загрузите zip-файл и приступайте к установке плагина на свой сайт WooCommerce.

Шаг № 2: Создайте пользовательскую форму входа

Когда плагин ProfilePress готов к работе, вы можете приступить к созданию пользовательской формы входа с добавленными в нее кнопками социальных сетей. Обязательно сначала включите надстройку Social Login , перейдя на экран ProfilePress → Addons .

Как только это будет сделано, перейдите в ProfilePress → Формы и профили и нажмите кнопку « Добавить новый ».

Выберите Drag & Drop Builder и дайте своей пользовательской форме входа новое название. Теперь выберите шаблон, чтобы начать редактирование формы входа. Мы выбрали шаблон Bash для демонстрации.

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

Шаг № 3: Добавьте кнопки входа через социальные сети

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

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

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

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

Когда вы закончите, не забудьте нажать кнопку « Применить изменения », чтобы продолжить.

Шаг № 4: Замените форму входа в WooCommerce по умолчанию

Скопируйте шорткод пользовательской формы входа и перейдите в « Страницы» → «Добавить новую », чтобы создать новую страницу входа через социальную сеть на своем сайте WooCommerce.

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

Чтобы установить страницу, которую мы создали, в качестве страницы входа в WordPress по умолчанию на нашем сайте, перейдите в ProfilePress → Настройки и выберите вновь созданную страницу входа в раскрывающемся списке Страница входа на вкладке Глобальные настройки .

Чтобы настроить фактический процесс входа в социальную сеть, перейдите в ProfilePress → Настройки и щелкните вкладку « Вход в социальную сеть», чтобы установить параметры входа в социальную сеть.

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

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

Когда вы закончите, не забудьте нажать на кнопку Сохранить изменения .

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

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

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

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

Нажатие на кнопки входа через социальные сети перенаправит пользователей на страницу аутентификации входа.

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

Вывод

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

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

Ищете простой способ добавить социальный вход на свой сайт WooCommerce? Получите ProfilePress сегодня!