Как создать интернет-магазин в Facebook с помощью Shop-Script

Для Shop-Script можно создать витрину интернет-магазина в «Фейсбуке». Витрина получится с таким же оформлением, что и стандартные страницы «Фейсбука», чтобы посетители воспринимали ее как часть социальной сети.

Кратко о том, что нужно сделать:

1. Создать в Shop-Script отдельную витрину с оформлением в стиле «Фейсбука».
2. Создать приложение в аккаунте соцсети.

1. Cоздание специальной витрины в Shop-Script

Для подключения интернет-магазина к «Фейсбуку» обязательно нужен SSL-сертификат для доменного имени, на котором работает витрина интернет-магазина.

в облаке Webasyst или установите фреймворк Webasyst и Shop-Script по инструкции.
1. Войдите в бекенд Webasyst и в приложении «Инсталлер» установите тему дизайна «Фейсбук».
2. В приложении «Сайт» перейдите в раздел «Структура» и добавьте новое правило для приложения «Магазин». Для этого правила впишите адрес facebook/* и выберите тему дизайна «Фейсбук». Это правило создаст отдельную витрину по указанному адресу.

Для проверки откройте в браузере адрес созданной витрины в браузере. Её оформление должно соответствовать оформлению соцсети.

2. Настройка приложения в «Фейсбуке»

Войдите в «Фейсбук». Если у вас нет аккаунта в этой соцсети, зарегистрируйтесь.

Откройте страницу создания приложения. Расширьте статус своего аккаунта до статуса разработчика.

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

Перейдите к созданию страницы. Выберите тип страницы «Компания или бренд» и нажмите «Начать».

Введите название для страницы и выберите категорию. Введите адрес компании и номер телефона.

Дальше следуйте подсказкам интерфейса. После создания страница вашего магазина может выглядеть примерно так:

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

Чтобы создать вкладку на странице магазина, у страницы должно быть больше 2000 подписчиков. Это требование соцсети.

1. Перейдите в раздел управления приложениями для разработчиков.
2. Щёлкните по кнопке «Добавьте новое приложение».
3. Напишите любое название приложения — например, своего название интернет-магазина. Выберите категорию приложения, например, «Покупки». Щелкните по кнопке «Создайте ID приложения».

В поле «URL-адрес политики безопасности» вставьте адрес страницы с политикой безопасности для пользователей «Фейсбука». Это обязательное требование соцсети, чтобы опубликовать приложение для всех пользователей.

Щелкните по кнопке «Добавить платформу».

В поле «URL веб-игр на Facebook (https)» вставьте URL Фейсбук-витрины, созданной в бекенде Webasyst, — с указанием протокола https://.

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

1. На странице настроек приложения в разделе «Настройки → Основное» щелкните внизу «Добавить платформу».
2. Выберите вариант «Вкладка Страницы».

Заполните значения: — Безопасный URL-адрес вкладки Страницы: скопируйте сюда URL специальной витрины с указанием HTTPS-протокола.— Название вкладки Страницы: любой текстовый заголовок, который должен отображаться на вкладке, например: «Магазин». Покупатели будут щелкать по этой вкладке на странице магазина, чтобы открыть онлайн-витрину и перейти к покупкам.

Вместо APP_ID и SECURE_PAGE_TAB_URL вставьте в него такие значения:

— APP_ID: числовой идентификатор вашего приложения— SECURE_PAGE_TAB_URL: URL специальной витрины с указанием HTTPS-протокола

Вот так может выглядеть вкладка приложения:

В бекенде Shop-Script откройте раздел «Витрина → Оформление» и выберите тему дизайна «Фейсбук».

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

Вернитесь на страницу с настройками приложения, откройте раздел «Настройки → Основное» и вставьте URL страницы с условиями политики конфиденциальности в поле «URL-адрес политики конфиденциальности». Содержимое этой страницы на своём сайте можно составить по образцу в этой статье. Сохраните настройки приложения.

Перейдите в раздел «Проверка приложения».

Переведите переключатель публичной доступности в положение «Да».

Выберите категорию для своего приложения — например, «Покупки».

Подтвердите свой выбор кнопкой.

Дождитесь проверки приложения модераторами соцсети.

Вы создали свой интернет-магазин в «Фейсбуке» с помощью Shop-Script. Витрина с товарами доступна на странице магазина в виде отдельной вкладки, и на ней можно принимать заказы от посетителей социальной сети.

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

Интеграция других приложений Вебасиста

Темы дизайна, адаптированные для «Фейсбука», доступны и для других приложений: «Сайт», «Блог», «Фото». Благодаря этому можно добавить на специальную витрину магазина дополнительные вкладки: «О компании», «Наш блог», «Фотоальбом» и т. п.

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

В редакторе дизайна в шаблоне index.html этой темы дизайна сформируйте список вкладок по примеру:

В элементах url пишите адреса поселений, созданных в приложении «Сайт», без символа * в конце. Для элементов name пишите любые нужные вам заголовки.

Вот так выглядит Фейсбук-витрина со вкладками, добавленными в этом примере:

Настоящая политика обработки персональных данных (далее «Политика») устанавливает правила обработки персональной информации, которая может быть получена от пользователя (далее «Пользователь») данного приложения (далее «Приложение»). Приложение предоставляется [НАЗВАНИЕ КОМПАНИИ] (далее «Автор»). Интернет-сайт Автора — www.domain.ru. Использование или любой иной доступ к Приложению означают согласие Пользователя с положениями Политики.

Приложение предназначено для получения заказов Автором от Пользователя и обработки их Автором. Формирование заказа Пользователем включает в себя обязательную передачу персональных данных Пользователя Автору, которые необходимы для нормальной работы Приложения. Эти персональные данные именуются «Базовыми персональными данными».

Помимо этого, функциональность Приложения допускает возможность добровольной передачи Пользователем Автору по собственной инициативе других своих персональных данных (далее «Дополнительные персональные данные»). Политика распространяется только на Базовые персональные данные и не распространяется на Дополнительные персональные данные. Далее в тексте Политики подразумеваются только Базовые персональные данные, если явно не указано иное.

Автор получает от Пользователя следующие персональные данные:

• полное или неполное имя получателя заказа,
• адрес доставки заказа,
• [адрес лица, оплачивающего заказ],
• [перечислите другие поля контактной информации, которые запрашиваются при оформлении заказа в вашем интернет-магазине].

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

Автор обязуется тщательно охранять и не передавать персональные данные Пользователя третьим лицам за исключением следующих случаев:

• Передача или публикация персональных данных по требованию законодательства [НАЗВАНИЕ СТРАНЫ].
• Передача персональных данных другому юридическому лицу в случае прекращения деловой деятельности Автора, связанной с поддержанием работоспособности Приложения.
• Передача персональных данных после получения предварительного согласия на это от Пользователя по электронной почте или через личный кабинет Пользователя на интернет-сайте Автора www.domain.ru.

Разногласия между Пользователем и Автором, связанные с обработкой Автором персональных данных Пользователя при использовании Приложения, регулируются положениями Политики и законодательством [НАЗВАНИЕ СТРАНЫ].

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

Автор может вносить изменения в Политику в любое время без предварительного уведомления Пользователя. В случае внесения изменений в Политику Автор обязуется уведомить Пользователя о внесенных изменениях путем публикации информации об этом на своем интернет-сайте www.domain.ru или путем отправки email-уведомления Пользователю. Действия Автора и Пользователя регулируются измененным текстом Политики начиная с момента публикации или отправки уведомления Пользователю Автором о внесенных изменениях.

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

Добрый день! Все-таки не понятно как после всего этого процесса встроить магазин в страницу?

"После создания основной Facebook-страницы разместите на ней вкладку (tab), которая позволит открыть витрину магазина внутри соцсети в виде Facebook-приложения."

Как эту вкладку tab разместить?

И еще, если нет сертификата SSL, то это все сделать невозможно? У меня страница открывается в браузере, но с ошибками. На ней нет этой вкладки "магазин", которую я создавала.