Настройки конструктора
Админ-панель → Конструктор → Настройки конструктора
Настройки конструктора
В данном разделе все настройки отвечают за возможность тем или иным способом загрузить изображения в конструктор.
.png)
Социальные сети
Vkontakte (Вконтакте)
Для выгрузки фотографий из социальной сети Вконтакте, необходимо создать соответствующее приложение и внести ключи этого приложения в настройки сайта.
Подробная инструкция по созданию приложения в Вконтакте: Авторизация через соцсети.
После создания приложения, необходимо отметить пункт "Vkontakte" и, в поле "Приложение для Vkontakte", разместить ID приложения.
.png)
Для выгрузки фотографий из социальной сети Facebook, необходимо создать соответствующее приложение и внести ключи этого приложения в настройки сайта.
После создания приложения, необходимо отметить пункт "Facebook" и, в поле "Приложение для Facebook", разместить ID приложения.
.png)
Фотобанк
Отметьте данный пункт, если хотите дать возможность клиенту выбирать изображения из вашего каталога изображений. Фотобанк пополняется и настраивается здесь: Фотобанк
Проверка заполнения проекта
Проверка заполнения проекта предназначена для проверки заполнения компонентов "Изображение" в проекте клиента. При его активации появляется поле ввода, в котором необходимо указать допустимый процент заполнения проекта.
.png)
Если клиент заполнил свой проект меньше чем на 95% от общего числа компонентов "Изображение", то при попытке добавить проект в корзину, выйдет следующее предупреждение:
.png)
Инстаграм (Instagram)
Для выгрузки фотографий из социальной сети Instagram, необходимо создать соответствующее приложение на developers.facebook.com и внести ключи этого приложения в настройки сайта.
Ниже представлена подробная инструкция по созданию приложения и его настройке. Скриншоты к данной инструкции расположены ниже и пронумерованы.
После создания приложения, необходимо отметить пункт "Инстаграм" и сохранить изменения.
Инструкция
Аккаунт разработчика Facebook:
Необходимо иметь аккаунт на facebook.com и использовать его для входа на https://developers.facebook.com/. Если у вас нет аккаунта — создайте его.
Следовать инструкциям https://developers.facebook.com/docs/instagram-basic-display-api/getting-started:
Создать приложение Facebook;
Настройки → Основное → прокрутите до конца страницы и в самом низу нажмите "Добавить платформу" → Веб-сайт → Указать сайт → Сохранить изменения;
Нажмите "Продукты (Товары)" на знак «+», найдите карточку Instagram Basic Display и нажмите на кнопку "Настроить";
Выберите "Базовое представление (Basic Display)" (слева в меню Instagram Basic Display), прокрутите до конца страницы и нажмите "Создать приложение (Create New App)";
Укажите название приложения Facebook, которое вы только что создали (ID приложения введённое ранее);
Теперь на этой странице прокрутите немного ниже и пропишите настройки приложения:
Клиентские настройки OAuth
Действительные URL переадресации для Oauth — адрес вашего сайта + /api/index/instagram (Пример: https://demo.wow2print.com/api/index/instagram);Отменить авторизацию
Деавторизация URL обратного вызова — адрес вашего сайта (https://demo.wow2print.com/);Запросы на удаление данных
URL запроса на удаление данных — адрес вашего сайта (https://demo.wow2print.com/);Сохранить (в правом нижнем углу окна браузера – Сохранить изменения).
Добавьте тестового пользователя Instagram:
Выберите "Роли" (слева) → Роли и прокрутите до раздела "Тестировщики Instagram". Нажмите "Добавить тестировщиков Instagram (Instagram Testers)", введите ваше имя пользователя Instagram и отправьте приглашение;
Откройте новое окно браузера, перейдите на сайт www.instagram.com и войдите в приглашенный аккаунт Instagram. Выберите Значок профиля → "Редактировать профиль" → "Приложения и сайты" (слева 3 пункт) → "Приглашения тестировщиков" и примите приглашение.
Идентификатор приложения и Ключ приложения вводим заполняем в настройках интеграции с Instagram (Админ-панель → Настройки → Интеграции → Instagram
Далее переходим к Подверждению приложения, для этого необходимо составить заявку (после подтверждения вы получите доступ к Профилю/Контенту профиля клиента):
Для этого переходим в приложение instagram → Раздел "Товары" (левое меню) → Раскрываем список Instagram Basic Display → "Basic Display";
Скриншот №1На странице находим блок "Проверка приложения Instagram Basic Display" → Сразу нажимаем на оба варианта "Добавить к заявке";
Появится Блок "Текущая заявка"
Сриншот №2
При нажатии на "Редактировать информацию" в обоих случаях выходит одинаковое окно, заполняем его так же одинаково:
Скриншот №3В блок "Подробно опишите…" необходимо заполнить то, каким образом будет использоваться данное приложение на вашем сайте. Пример текста:
Перейти на сайт https://demo2.wow2print.com;
Выбрать в меню "Продукция" → "Фотопродукция" → "Стандартные фотографии";
Нажать кнопку "Заказать";
В появившемся окне нажать на вкладку Instagram;
В появившемся окне ввести логин/пароль от учетной записи Instagram;
Далее выбрать "Сохранять" или "Не сохранять данные для входа";
Нажать кнопку "Продолжить";
Выбрать фотографии и нажать на кнопку "Вставить";
Разместить фотографию на шаблоне (путем клика или переноса фотографии на шаблон);
Нажать на кнопку "Добавить в корзину";
Нажать на кнопку "Перейти в корзину";
Выбираем способ доставки;
Заполняем данные получателя;
Выбираем способ оплаты;
Нажать на кнопку "Оформить заказ";
Оформленный заказ отправится в печать → в установленные сроки доставки клиент получит напечатанные фотографии из Instagram.
В блок "Загрузки файла" необходимо загрузить Видеоинструкцию с проделанными шагами (описанными выше);
После заполнения всех полей необходимо «Отпарвить» заявку.
Следом необходимо нажать на «Редактировать» напротив Подтверждения приложения:
Скриншот №4Проставить галочку возле «Подтверждаю, что все обязательные шаги выполнены»;
Сохранить.
Так же необходимо просмотреть и выполнить все необходимые действия описанные снизу страницы;
В самом низу страницы «Сохранить изменения»;
Скриншот №5После всех проделанных шагов, необходимо дождаться ответа от facebook (от 1 до 7 дней);
После подтверждения приложения необходимо перейти к подтверждению вашей компании, для этого необходимо нажать на «Перейти к подтверждению» и следовать инструкции.
Скриншот №6
Скриншоты
.png)
.png)
.png)
.png)
.png)
.png)