Сайт за вечер 2.0 – апгрейд для лендинга

Сайт за вечер 2.0 представляет из себя «админку», предоставляющую следующие полезные возможности:

• Редактирование метатегов и микроразметки OpenGraph
• Простая установка счетчиков/пикселей аналитики Яндекс.Метрика, Google Analytics, Mail.Ru, Google Tag Manager, Facebook, Vk, Google Optimize
• Включение редиректа определенных типов устройств на отдельные URL. Мобильники — на мобильный лендинг, десктопы — на полную версию
• Вставка произвольного кода на страницы сайта (например код онлайн-консультанта) без необходимости ковыряться во внутренностях лендинга
• Виджеты. Включение и настройка виджетов для увеличения конверсии. Все виджеты адаптивны, отлично выглядят как на компьютерах/ноутбуках, так и на смартфонах/планшетах
  — Стадный инстинкт (фейковые заказы)
  — Уведомление о быстрой доставке в город посетителя
  — Панель с информацией о количестве посетителей сайта и заказов за день
  — Подстановка города посетителя в отзыв для большей персонализации
  — Попап с акцией при попытке покинуть страницу
• Апселлы. Вы можете добавить апселлы на странице спасибо. Настраивается название апселла, описание, цена и фотография. Если ни одного апселла не включено, на странице будет отображаться простое сообщение о том, что заказ принят. Количество апселлов не ограничено
• Интеграции. Помимо стандартной отправки лидов на email, с помощью гибко настраиваемых вебхуков можно отправлять заказы в любую CRM, ПП или другие сервисы (готовы е инструкции по настройке интеграции с неготорыми сервисами есть в конце статьи)
• Визуальный редактор. Используется система управления статическим сайтом Textolite. Вы можетередактировать лендинг прямо в браузере

Установка

Доступ к панели администратора станет доступна по адресу ваш_сайт/meldonium на любом сайте Спецкурса сайт за вечер 2.0

Настройка интеграций

Используя механизм вебхуков, вы можете настроить передачу лидов по API практически куда угодно. Вот несколько готовых рецептов:

RetailCRM

Добавьте следующие поля с данными:

• Название: RetailCRM (или любое другое как вам удобно)
• Событие: Заявка
• Метод: POST
• URL: https://domain.retailcrm.ru/api/v5/orders/create (вместо domainподставьте ваш домен в CRM)
• Ответ на email: включите, если вы хотите получать результат работы вебхука на email
• Тип данных: x-www-form-urlencoded

• apiKey: ваш ключ API, который можно получить в настройках CRM
• site: moy-site.ru (внешний код магазина в CRM)
• order: 

{   
  "firstName": "{% Имя %}",   
  "phone": "{% Телефон %}"  
}

Кроме имени и телефона покупателя можно настроить передачу UTM-меток, заказанного товара и любый других данных. Документация по API RetailCRM доступна по адресу https://help.retailcrm.ru/Developers/Index

E-AutoPay

• Событие: Заявка
• Метод: POST
• URL: https://api.e-autopay.com/v01/API_KEY/orders (вместо API_KEY вставьте свой ключ API)
• Тип данных: json
• JSON:

{
  "customer_api_key": "API_KEY",
  "order": {
    "customer": {
      "given_name": "{% Имя %}",
      "phone": "{% Телефон %}"
    },
    "credentials": {
      "created": "2014-01-01 00:00:00",
      "currency": "руб."
    },
    "basket": {
      "good_id": ID_ТОВАРА,
      "cost": ЦЕНА_ТОВАРА (например, 1990.00),
      "quantity": КОЛИЧЕСТВО_ТОВАРА (напрмер, 1)
    }
  }
}

Документация по API e-AutoPay — http://support.e-autopay.info/wiki/

M1-Shop

• Событие: Заявка
• Метод: POST
• URL: https://m1-shop.ru/send_order/
• Тип данных: x-www-form-urlencoded

Добавьте поля с данными:

• ref: ВАШ_WEBMASTER_ID
• api_key: ВАШ_КЛЮЧ_API
• product_id: ID_ОФФЕРА
• phone: {% Телефон %}
• name: {% Имя %}
• ip: {% _ip %}

Документацию по API M1-Shop найдете в личном кабинете партнерки

SMS (через smsc.ru)

• Событие: Заявка
• Метод: POST
• URL: https://smsc.ru/sys/send.php
• Тип данных: x-www-form-urlencoded

Добавьте поля:

• login: ЛОГИН_В_SMSC
• psw: ПАРОЛЬ_ОТ_API_SMSC
• phones: телефон для уведомлений
• charset: utf-8
• mes: {% _domain %}: {% Имя %} — {% Телефон %}

Документация по API smsc — https://smsc.ru/api/

Telegram

Сначала вам потребуется создать своего бота. Для этого:

1. Найдите в телеграме контакт @BotFather и начните с ним диалог
2. Создайте нового бота командой /newbot
3. Придумайте ему имя, напрмер Заявкер
4. Придумайте username. Обязательно с bot на конце. Например zayavker_bot
5. @BotFather создаст бота и выдаст его token (скопируйте его)
6. Откройте чат с вашим новым ботом и напишите ему «/hi», либо создайте группу, приглачите в неё бота и нипиите свой «/hi» в группу (тогда сообщения о лидах могут получать сразу все участники группы)
7. Откройте в браузере URL https://api.telegram.org/botYOUR_TOKEN/getUpdates, подставив вместо YOUR_TOKEN токен вашего бота
8. На открывшейся странице найдите id чата, скопируйте его

Теперь, имея токен и id чата, можно перейти к настройке вебхука:

• Событие: Заявка
• Метод: POST
• URL: https://api.telegram.org/botYOUR_TOKEN/sendMessage (вместо YOUR_TOKEN подставьте токен бота)
• Тип данных: x-www-form-urlencoded

Добавьте поля:

• chat_id: ВАШ chat_id
• text: 

Заявка с сайта {% _domain %}
Имя: {% Имя %}
Телефон: {% Телефон %}
IP: {% _ip %}
URL: {% _url %}

Документация по API telegram ботов — https://core.telegram.org/bots/api

Zapier

Помимо прямого взаимодействия с API нужных систем, можно воспользоваться сервисом https://zapier.com/ и передавать информацию через вебхуки в него, а в самом Zapier настроить дальнейшую отправку лидов куда нужно (например в пару кликов можно настроить сохранение всех лидов в таблицу Google Sheets.

Данная админ-панель «Сайт за вечер 2.0» реализована во всех сайтах https://superacademy.ru/special-site