Влизане чрез социални мрежи за клиентски акаунти

В допълнение към стандартното влизане без парола за клиентски акаунти, можете да свържете акаунтите си в Google и Facebook, за да позволите на клиентите да влизат с техните идентификационни данни за социални мрежи.

Активирането на влизане чрез социални мрежи за клиентски акаунти може да предостави на клиентите по-бързо влизане чрез познати начини за удостоверяване. Можете да активирате множество методи за влизане чрез социални мрежи във Вашия магазин.

Ако сте свързали свой собствен орган за удостоверяване на самоличността към клиентските акаунти и искате да свържете влизане чрез социални мрежи, трябва да се свържете с Вашия външен орган за удостоверяване на самоличността.

Съображения при свързване на влизане чрез социални мрежи към клиентски акаунти

Прегледайте следните съображения при свързване на влизане чрез социални мрежи към клиентските акаунти:

  • Трябва да имате акаунт за разработчици за доставчика, който искате да свържете към клиентските акаунти.
  • Единствената информация за клиента, която се синхронизира със Shopify, когато използвате влизане чрез социални мрежи, е имейл адресът на клиента.

Свързване на Google към клиентски акаунти

За да свържете Google към клиентските акаунти, трябва да изпълните следните задачи поред:

По време на процеса на настройка трябва да превключвате между разделите на браузъра за Вашата Google Cloud Console и Вашия администраторски панел на Shopify. Трябва да имате създаден акаунт в Google Cloud, за да свържете Google към клиентските акаунти. За да научите повече за Google Cloud, вижте помощната документация на Google.

Стъпка 1: Отворете страницата „Влизане с Google“ във Вашия администраторски панел на Shopify

  1. От Вашия администраторски панел на Shopify отидете на Настройки > Клиентски акаунти.

  2. В раздела Удостоверяване щракнете върху Управление.

  3. Щракнете върху Свържи до Google, за да отворите страницата Влизане с Google.

Тази страница съдържа информация, която ще трябва да копирате и поставите при конфигурирането на OAuth клиента на Вашето приложение в Google, така че дръжте тази страница отворена в отделен раздел на браузъра.

Стъпка 2: Създайте приложение във Вашата Google Cloud Console

  1. В друг раздел на браузъра влезте във Вашата Google Cloud Console.
  2. Изберете съществуващ проект или създайте нов. Ще бъдете пренасочени към таблото за управление на проекта.
  3. Щракнете върху Меню, след което щракнете върху API и услуги > Идентификационни данни.
  4. Щракнете върху Конфигуриране на екрана за съгласие > Първи стъпки.
  5. Попълнете подробностите за OAuth конфигурацията на Вашия проект:
    1. Дайте на приложението си име, което клиентът би разпознал, като например името на Вашия онлайн магазин. Предоставете своя имейл за техническа поддръжка, след което щракнете върху Напред.
    2. В раздела Аудитория изберете Външна, след което щракнете върху Напред.
    3. Предоставете имейл за контакт за всички известия, които Google може да има относно проекта, след което щракнете върху Напред.
    4. Приемете Политиката за потребителски данни за API услугите на Google, след което щракнете върху Продължи.
    5. Щракнете върху Създай.
  6. Конфигурирайте информацията за политиката на Вашето приложение, която се показва на клиентите на екрана за съгласие:
    1. Щракнете върху Брандиране.
    2. В раздела Домейн на приложението включете връзка към Вашата начална страница, връзка към Вашата публична декларация за поверителност и връзка към Вашите общи условия. Научете повече за създаването на политики на магазина.

Стъпка 3: Конфигурирайте OAuth клиента на Вашето приложение във Вашата Google Cloud Console

Тази стъпка изисква да копирате данните от раздела Инструкции за настройка на страницата Влизане с Google във Вашия администраторски панел на Shopify и да ги поставите в съответните полета в раздела на Google Cloud Console.

  1. В приложението на Вашия проект в Google Cloud Console щракнете върху Общ преглед.
  2. В раздела Метрики щракнете върху Създаване на OAuth клиент.
  3. Конфигурирайте подробностите за OAuth клиента:
    1. От падащото меню Тип приложение изберете Уеб приложение.
    2. В полето Име въведете име.
  4. Конфигурирайте Оторизираните Javascript източници за Вашето приложение:
  5. В раздела Оторизирани Javascript източници щракнете върху + Добавяне на URI.
  6. На страницата Влизане с Google във Вашия администраторски панел на Shopify копирайте стойността за Оторизирани Javascript източници.
  7. Във Вашата Google Cloud Console поставете стойността в полето URIs 1.
  8. Ако имате повече от един URI в раздела Оторизиран Javascript на Вашия администраторски панел на Shopify, повторете тези стъпки за допълнителните URI полета.
  9. Конфигурирайте Оторизираните URI за пренасочване за Вашето приложение:
  10. Във Вашата Google Cloud Console, в раздела Оторизирани URI за пренасочване щракнете върху + Добавяне на URI.
  11. В раздела на браузъра с Вашия администраторски панел на Shopify копирайте стойността за Оторизиран URI за пренасочване.
  12. Върнете се обратно във Вашата Google Cloud Console, след което поставете стойността в полето URIs 1.
  13. Ако имате повече от един URI в раздела Оторизиран URI за пренасочване на Вашия администраторски панел на Shopify, повторете тези стъпки за допълнителните URI полета.
  14. В Google Cloud Console щракнете върху Create (Създаване).

Оставете отворен показания диалогов прозорец OAuth client created за Стъпка 4: Конфигуриране на идентификационните данни в администраторския панел на Shopify, тъй като ще трябва да копирате и поставите информация от Google Cloud Console във Вашия администраторски панел на Shopify.

Стъпка 4: Конфигуриране на идентификационните данни в администраторския панел на Shopify

  1. От диалоговия прозорец OAuth client created в Google Cloud Console копирайте Client ID.
  2. На страницата Вход с Google във Вашия администраторски панел на Shopify, в раздел Идентификационни данни, поставете Client ID.
  3. От диалоговия прозорец OAuth client created в Google Cloud Console копирайте Client secret.
  4. На страницата Вход с Google във Вашия администраторски панел на Shopify, в раздел Идентификационни данни, поставете Client secret.
  5. На страницата Вход с Google във Вашия администраторски панел на Shopify щракнете върху Запазване.

Стъпка 5: Публикуване на приложението в Google Cloud Console

  1. В приложението на Вашия проект в Google Cloud Console щракнете върху Аудитория.
  2. Щракнете върху Публикуване на приложение.

Свързване на Facebook към клиентски акаунти

За да свържете Facebook към клиентски акаунти, трябва да изпълните следните задачи последователно:

По време на настройката трябва да превключвате между разделите на браузъра за таблото за управление на Meta for Developers и администраторския панел на Shopify. За да свържете Facebook към клиентски акаунти, трябва да имате акаунт на програмист в Meta. Научете как да се регистрирате като програмист в Meta.

Стъпка 1: Отваряне на страницата „Вход с Facebook“ в администраторския панел на Shopify

  1. От Вашия администраторски панел на Shopify отидете на Настройки > Клиентски акаунти.

  2. В раздела Удостоверяване щракнете върху Управление.

  3. Щракнете върху Свързване до Facebook, за да отворите страницата Вход с Facebook.

Стъпка 2: Създаване на приложение в таблото за управление на Meta for Developers

  1. В отделен раздел на браузъра отидете в таблото за управление на Meta for Developers и след това щракнете върху Login, за да влезете. Ако нямате създаден акаунт на програмист в Meta, трябва да създадете нов акаунт от страницата за вход, преди да преминете към следващата стъпка.
  2. Щракнете върху Приложения.
  3. Щракнете върху Създаване на приложение.
  4. Попълнете полетата Име на приложението и Имейл за контакт с приложението, след което щракнете върху Напред.
  5. На страницата Добавяне на случаи на употреба изберете Удостоверяване и заявяване на данни от потребители с вход във Facebook и след това щракнете върху Напред.
  6. На страницата Кое бизнес портфолио искате да свържете с това приложение изберете бизнес портфолио или Все още не искам да свързвам бизнес портфолио., след което щракнете върху Напред.
  7. Прегледайте страницата Изисквания за публикуване и след това щракнете върху Напред.
  8. Прегледайте страницата Общ преглед и след това щракнете върху Към таблото за управление.

Стъпка 3: Конфигуриране на настройките на приложението в Meta

  1. След като създадете приложение, в таблото за управление на Meta for Developers щракнете върху Случаи на употреба.
  2. В случая на употреба Удостоверяване и заявяване на данни от потребители с вход във Facebook щракнете върху Персонализиране.
  3. За да сте сигурни, че информацията за клиентите се записва при вход, в раздел Разрешения и функции до имейл щракнете върху Добавяне.
  4. Щракнете върху Настройки и след това отидете на Client OAuth settings.
  5. От страницата Вход с Facebook във Вашия администраторски панел на Shopify копирайте URL адреса за пренасочване от раздел URL адреси за пренасочване.
  6. На страницата Настройки в таблото за управление на Meta for Developers поставете URL адреса за пренасочване в полето Valid OAuth Redirect URIs.
  7. Ако имате повече от един URL адрес за пренасочване в раздел URL адреси за пренасочване във Вашия администраторски панел на Shopify, повторете тези стъпки за допълнителните URL адреси за пренасочване.
  8. От страницата Вход с Facebook във Вашия администраторски панел на Shopify копирайте URL адреса от раздел URL адрес за отмяна на оторизация.
  9. На страницата Настройки в таблото за управление на Meta for Developers поставете URL адреса в полето Deauthorize callback URL.
  10. На страницата Настройки в таблото за управление на Meta for Developers щракнете върху Запазване на промените.

Стъпка 4: Конфигуриране на идентификационните данни в администраторския панел на Shopify

  1. Щракнете върху иконата Начало, за да се върнете в таблото за управление на Meta for Developers, и след това щракнете върху Настройки на приложението > Основни.
  2. Копирайте App ID от таблото за управление на Meta for Developers.
  3. На страницата Вход с Facebook във Вашия администраторски панел на Shopify поставете идентификатора на приложението в полето App ID в раздел Идентификационни данни.
  4. В таблото за управление на Meta for Developers щракнете върху Показване до App secret и след това копирайте App secret.
  5. На страницата Вход с Facebook във Вашия администраторски панел на Shopify поставете тайния ключ на приложението в полето App secret, след което щракнете върху Запазване.
  6. В администраторския панел на Shopify щракнете върху Запазване на промените.

Стъпка 5: Тестване и активиране на входа с Facebook

  1. На страницата Вход с Facebook във Вашия администраторски панел на Shopify щракнете върху Още действия > Визуализация и след това тествайте процеса на удостоверяване през Facebook, сякаш сте клиент, който влиза във Вашия магазин.
  2. Щракнете върху Включване.

След като включите входа с Facebook, можете да тествате практическата работа на клиентите, като отидете във Вашия онлайн магазин и влезете в клиентския си акаунт чрез Facebook.

Вход със Shop

Ако имате активиран Shop Pay, клиентите Ви могат да влизат със своите идентификационни данни за Shop и запазени ключове за достъп. Клиентите също се вписват автоматично със Shop, след като платят във Вашия магазин чрез Shop Pay.

Влизане чрез Shop се активира автоматично за клиентски акаунти и може да бъде премахнато от магазина Ви, само ако деактивирате Shop Pay.

Научете как да добавите бутон Влизане чрез Shop към магазина си.

Управление на опциите за влизане чрез социални мрежи

Можете да редактирате, изключвате или премахвате метод за влизане чрез социални мрежи, който сте свързали.

След като изключите или премахнете метод за влизане чрез социални мрежи, клиентите остават влезли в акаунтите си, за да се предотврати прекъсване. Сесиите за влизане чрез социални мрежи изтичат естествено или когато клиентите излязат от акаунта си.

Стъпки:

  1. От Вашия администраторски панел на Shopify отидете на Настройки > Клиентски акаунти.

  2. В раздела Удостоверяване щракнете върху Управление.

  3. До метода за влизане, който искате да промените, кликнете върху менюто .

  4. Направете едно от следните неща:

    • За да редактирате опция за влизане, кликнете върху Управление, след което актуализирайте идентификационните данни, които искате да редактирате.
    • За да изключите опция за влизане, без да я премахвате, кликнете върху Изключване.
    • За да премахнете опция за влизане, кликнете върху Премахване, след което отново кликнете върху Премахване в диалоговия прозорец.

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

Ако планирате да промените домейна на клиентските си акаунти на различен URL, трябва да актуализирате настройките си за влизане чрез социални мрежи, преди да направите промяната в Shopify. Това гарантира, че клиентите ще могат да продължат да влизат в акаунтите си без прекъсване.

Тези стъпки са задължителни, когато актуализирате URL адреса на клиентските си акаунти в Shopify от стария формат, като например shopify.com/1234567890/account, към новия формат с поддомейн account.your-store.com, или от съществуващ поддомейн към друг поддомейн, като например актуализиране на account.your-store.com на customers.your-store.com.

Добавяне на новия поддомейн на клиентските акаунти към доставчиците на социални мрежи

Ще добавите новия домейн към настройките на Вашия доставчик на социална мрежа заедно с текущия Ви домейн. След като промените домейна на клиентските акаунти в Shopify и потвърдите, че процесът за влизане и излизане работи, можете да премахнете записите за стария домейн.

Трябва да повторите тези стъпки за всяка опция за влизане чрез социални мрежи, която сте активирали.

Стъпки:

Google
  1. Отидете в Google Cloud Console и отворете APIs & Services > Идентификационни данни.
  2. Изберете OAuth 2.0 клиента, който сте създали за Shopify.
  3. В Оторизирани JavaScript източници добавете нов запис. Например: https://account.your-store.com
  4. В Оторизирани URI адреси за пренасочване добавете нов запис. Например: https://account.your-store.com/authentication/social/google/callback
  5. В URL адрес за обратно извикване при деоторизация добавете нов запис. Например: https://account.your-store.com/authentication/social/google/revoke
  6. Запазете промените си. Засега оставете и старите, и новите URL адреси.
  7. Върнете се в администраторския панел на Shopify и следвайте стъпките за промяна на домейна на Вашите акаунти на URL адреса на новия персонализиран поддомейн в Shopify.
  8. Тествайте както влизането, така и излизането с всяка опция за социални мрежи на Вашата витрина, за да потвърдите, че всичко работи.
  9. По избор: След като потвърдите, че процесът за влизане работи правилно, можете да се върнете в Google и да премахнете записите за стария домейн.
Facebook
  1. Отидете в Meta for Developers и отворете приложението си.
  2. Отидете на Facebook Вход > Настройки.
  3. Във Валидни URI адреси за пренасочване на OAuth добавете нов запис. Например: https://account.your-store.com/authentication/social/facebook/callback
  4. В URL адрес за обратно извикване при деоторизация добавете нов запис. Например: https://account.your-store.com/authentication/social/facebook/revoke
  5. Отидете в Настройки > Основни.
  6. В Домейни на приложението добавете нов запис. Например: account.your-store.com
  7. Запазете промените си. Засега оставете и старите, и новите URL адреси.
  8. Върнете се в администраторския панел на Shopify и следвайте стъпките за промяна на домейна на Вашите акаунти на URL адреса на новия персонализиран поддомейн в Shopify.
  9. Тествайте както влизането, така и излизането с всяка опция за социални мрежи на Вашата витрина, за да потвърдите, че всичко работи.
  10. По избор: След като потвърдите, че процесът за влизане работи правилно, можете да се върнете във Facebook и да премахнете записите за стария домейн.