Почему это важно сейчас

• Скорость рынка. Каналы и поведение пользователей меняются за недели. Выигрывает тот, кто быстрее проверяет гипотезы.
• Снижение порога входа. ИИ-ассистенты и IDE с подсказками снимают страх перед «настоящим» кодом.
• Экономия ресурсов. MVP за дни, а не месяцы: меньше риск, дешевле тест, понятнее метрики.
• Больше фокуса на бизнесе. Вайб-кодер думает задачами, а не технологиями ради технологий.

Короткое определение

Вайб-кодинг — это:

1. быстрое проектирование решения в терминах пользователя (язык ЦА, бизнес-цель, ограничения),
2. использование ИИ как напарника в коде и логике,
3. сборка интеграций (боты, формы, CRM, платежи, таблицы),
4. запуск MVP → замер метрик → итерации.

Формула: быстрое проектирование + ИИ-помощь в коде + интеграции → рабочий продукт, решающий конкретную задачу.

Принципы вайб-кодинга

• Скорость > перфекционизм. Сначала MVP, потом красота.
• Говорим на языке ЦА. Бриф и тексты из реальных диалогов, а не из головы.
• Правило 80/20. Закройте сначала 10–15 самых частых вопросов/сценариев.
• Метрики вместо мнений. Время ответа, конверсия шага, стоимость диалога/лида.
• ИИ — партнёр, а не «магия». Чёткая постановка → черновик кода/логики → ревью → тест.

Где это применяется

• Чат-боты: сервисные (поддержка), учебные (ассистенты), внутренние (для сотрудников).
• Автоматизация процессов: заявки, напоминания, отчёты, синхронизация данных.
• Мини-сервисы на API: калькуляторы, бриф-формы, внутренние панели, уведомления.
• Ассистенты «поверх данных» (RAG): ответы из ваших документов/таблиц/баз знаний.
• Интеграции в воронке продаж: квалификация, оповещения, задачи менеджерам.

Роль вайб-кодера и кто это такой

• Переводчик между задачей и реализацией. Слушает бизнес, формулирует проблему и успех.
• Дизайнер сценариев. Разбивает процесс на шаги/ветки, держит тон-оф-войс и UX.
• Оркестратор инструментов. Склеивает ИИ, ботов, таблицы, CRM, платежи, календари.
• Хранитель качества. Ставит метрики, смотрит логи, учит бота/систему на ошибках.

Базовый процесс

1. Понять задачу и аудиторию. Что считаем успехом? Какие ограничения?
2. Собрать материал. 10–15 FAQ, оффер, 3–5 вопросов для квалификации, примеры диалогов.
3. Спроектировать потоки. Входы (каналы), логика/ветки, выходы (таблицы/CRM/уведомления).
4. Сгенерировать каркас с ИИ. Промпты → черновик кода/сценариев → ревью.
5. Подключить интеграции. Таблицы/CRM/оплата/календарь/вебхуки.
6. Запустить MVP. Пустить немного трафика, собрать метрики.
7. Итерации каждую неделю. A/B формулировок, пороги скоринга, новые ответы.

Мини-пример: как звучит постановка для ИИ

«Нужен Telegram-бот, который отвечает на 15 частых вопросов о продукте, собирает имя, телефон и отвечает 24/7. Спросить три вещи для оценки “тёплоты”: бюджет (число), срок (дата), роль (владелец/менеджер/фрилансер). Сохранять всё в Google Sheets. Если бюджет ≥ 50 000 и срок ≤ 14 дней — писать в CRM тег “HOT” и слать уведомление менеджеру.»

Дальше ИИ помогает:
— предложить структуру БЗ/FAQ,
— наметить логику веток,
— подготовить подключение к таблицам/CRM,
— подсказать проверки и фоллбеки.

Инструменты

• ИИ-ассистенты/IDE: ChatGPT/Claude, редакторы с подсказками кода (Cursor и др.).
• Платформы для ботов/агентов: решения класса Savvy/конструкторы чат-каналов.
• Интеграции: n8n/Make/Zapier, webhook/API, Google Sheets/Excel, CRM (amo/Битрикс/HubSpot).
• Деплой мини-сервисов: VPS/серверлесс, простые фреймворки/SDK.

Выбирайте по принципу: минимум настроек → максимум пользы для вашей задачи.

Качество и риски

• Границы компетенции. В инструкциях явно прописывайте: «не выдумывать факты», «эскалировать человеку».
• Данные важнее «креатива». Чем чище FAQ/документы, тем точнее ответы и дешевле диалоги.
• Логи и обратная связь. Размечайте «хорошо/плохо», улучшайте формулировки, пополняйте базу знаний.
• Безопасность. Аккуратно с доступами и персональными данными; тестовая среда прежде боевой.
• Ожидания. Вайб-кодинг ускоряет, но не отменяет инженерное мышление и ревью.

Как измерять успех продукта

• Время первого ответа (цель — секунды/минуты).
• Доля закрытых ботом запросов (без эскалации).
• CR по шагам (диалог → лид → оплата/бронь).
• Стоимость диалога/лида (если считаете расходы на ИИ/каналы).
• CSAT/NPS для контроля качества коммуникаций.

С чего начать сегодня

1. Выберите одну нишу/сценарий.

1. Выпишите 10–15 FAQ и один чёткий оффер (1–2 предложения).
2. Определите 3–5 вопросов для квалификации (что важно, чтобы «не тратить время»).
3. Соберите MVP на удобной платформе (бот + таблица/CRM).
4. Запустите на небольшом трафике и через неделю сделайте первую итерацию.

FAQ

Это только про ботов?
Нет. Боты — популярный кейс, но вайб-кодинг охватывает любые «быстрые» мини-сервисы и автоматизации.

Нужно уметь программировать?
Базовые навыки полезны, но не обязательны на старте. Важнее — грамотно формулировать задачу и держать метрики.

Сколько стоит начать?
Часто достаточно символического бюджета на ИИ-ответы и подключение каналов. Начните с Telegram + таблицы — почти бесплатно.

Что делать, если ИИ ошибается?
Уточнить системную инструкцию, добавить/переписать FAQ, ввести фоллбеки и эскалацию, смотреть логи и учиться на примерах.

2. Открываем бота @WantToPayBot в Telegram. Нажимаем «Войти», чтобы запустить мини-приложение. В списке выбираем карту OpenAI. Указываем сумму $10 (минимально необходимая сумма для работы API). Оплачиваем 1540 RUB (курс может варьироваться). Дожидаемся создания карты и сохраняем её данные.

3. В личном кабинете OpenAI переходим в Billing → Payment methods. Нажимаем «Add payment method». Вводим данные купленной карты (номер, срок действия, CVV). Подтверждаем оплату, если потребуется.

4. В разделе Billing → Add funds вносим $5 или $10 на баланс. Дожидаемся зачисления средств (обычно мгновенно). Если OpenAI отклонил платеж, пробуем переподключить VPN.

5. Переходим обратно в API Keys. Нажимаем «Create new secret key». Копируем и сохраняем ключ (его нельзя будет просмотреть повторно!)

6. Используем полученный API-ключ, вставляем его в n8n и нажимаем saved. Готово! Теперь твой шаблон подключен к нейросети.

Канал @million_on_freelance

• Проблема
• Решение
• Результат
• Расчет

Представьте: ваш клиент больше не забывает записать прием пищи, не ленится высчитывать БЖУ и всегда знает свою дневную норму калорий. Звучит как мечта каждого специалиста по питанию? Это реальный кейс нашего клиента – нутрициолога Анны.

Проблема:

Анна столкнулась с типичными трудностями:

• Клиенты нерегулярно вели дневник питания
• Большинство ошибались в расчетах калорий
• Постоянные вопросы по поводу БЖУ отнимали до 3 часов ежедневно
• Низкая конверсия из бесплатных консультаций в платные программы

Решение:

Мы создали интеллектуального чат-бота с функцией анализа фото блюд. Вот что он умеет:

• Распознает продукты на фотографии с точностью 95%
• Автоматически считает калории и БЖУ
• Формирует персональные рекомендации по питанию
• Отправляет напоминания о приемах пищи
• Выводит показатели в приложение дневника внутри бота
• Собирает контакты заинтересованных клиентов
• Принимает оплату

Как это работает:

1. Клиент делает фото своего блюда
2. ИИ анализирует состав и рассчитывает калорийность
3. Бот отправляет детальный отчет по БЖУ
4. При необходимости предлагает замену продуктов
5. Формирует еженедельную статистику и рекомендации

🔥 Почему этот кейс важен для вашего бизнеса?

Такой бот можно создать для любой ниши:

• Фитнес-тренеры могут автоматизировать учет тренировок
• Онлайн-школы – организовать проверку домашних заданий
• Коучи – собирать обратную связь от клиентов
• Предприниматели – оптимизировать обработку заявок

💡 Хотите узнать, сколько времени и денег вы сможете сэкономить с помощью чат-бота? 👉 Получите бесплатный аудит вашего бизнеса и расчет ROI от внедрения бота

Получить расчет

Создание эффективного чат-бота – это не сложно, когда знаешь все тонкости. За 4 года практики мы выработали пошаговую методику, которая позволяет запустить работающего бота всего за 7 дней

Почему важно уметь организовывать своё время?

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

Для этого следует придерживаться определенных принципов:

1. Не начинать утро сразу с работы.
2. Делать перерывы для отдыха и перезарядки, переключаясь на другие занятия, чтобы разгрузить мозг и поддержать продуктивность
3. Заранее запрашивать техническое задание (ТЗ), чтобы четко понимать задачи и сроки их выполнения.
4. Обозначать время, когда вы доступны для связи с коллегами и заказчиками.
5. Поддерживать порядок в своих данных и сервисах, чтобы быстро находить необходимую информацию и избегать ошибок.

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

УДАЛИЛИ БАЗУ КЛИЕНТОВ или СЛОМАЛИ ПРОЦЕССЫ

Все потому что, после приема проекта, ты не менял ничего...

Что стоит учесть:

1. Провести созвон с уходящим тех.спецом, чтобы он рассказал важные процессы и где что находится на платформах
2. Отдельно попросить прислать ссылки на действующие важные воронки (сайты, процессы, вебинары), за которыми вам нужно будет следить
3. Уточните расшифровки тегов, меток, групп, которые вам не понятны, составьте список и сверьтесь, что вы все верно поняли и сможете потом разобраться
4. Проверьте, какие боты, есть в проекте, узнайте кто их создавал, чтобы передал право владения на вас, если вы надолго пришли или на ник руководителя
5. Уточните какие повторяющиеся задачи выполнял тех.спец, чтобы вы могли их изучить и продолжить в том же темпе
6. Как только бывший тех.теспец отрабатывает последний день: изменить все пароли сервисов (особенно платежных систем) с разрешения руководителя в целях безопастности
7. Желательно зайти с рабочей почты школы на gmail на Диск и во всех важных файлах, папках, проверить доступы, удалить почты уволенных сотрудников из доступа
8. Если есть файлы созданные бывшим тех.спецом, но в них содержится важная инфа школы, то попросить передать право владельца на почту школы
9. Проверить поставленные на рассылку письма, сообщения в мессенджерах, чтобы среди них не было странных несогласованных писем
10. В сервисах пройтись по всем сотрудникам и проверить их с руководителем на актуальность, удалить незнакомые почты
11. Попросить руководителя проверить все чаты, каналы на админов, удалить не действующих сотрудников их доступа

Лучше перестраховаться, чем узнать, что неадекватный мстительный тех.спец похерил базу школы, сделав спам-рассылку в день ухода, или удалил рабочие сайты, или заблочил доступы к ботам.

Люди разные бывают, профессия тех.спеца не делает человека святым

Чаще всего на обучении для поиска заказов предлагают два варианта:

1. Рассылка сообщений по всем тематическим чатам.
   
   То есть нужно отправлять во все телеграм-чаты сообщение о себе и своих услугах с хештегом #помогу.
   
   Только вот больше 70% новичков просто копируют шаблоны сообщений, подставляя свои данные и рассылают одно и то же. По итогу создавая засранные спам-сообщениями телеграм-чаты.
   
   Но заказчикам не хочется получать 100500 уведомлений из чатов и читать похожие друг на друга сообщения
2. Откликаться на вакансии.
   
   Данный способ похож на предыдущий, но более действенный.
   
   Если в предыдущем варианте тех.специалист сидит и спамит в чатах, предлагает свои услуги. То в этом - заказчики сами заинтересованы в поиске и смотрят уже через конкретную анкету или приглашают в личку.
   
   Как и с рассылками, при откликах требуется время.
   
   Недостаточно делать по 3 отклика в день, чтобы найти проект. Особенно, когда ты начинающий специалист. Для результата нужно делать минимум 10-15 откликов каждый день, включая выходные.
   
   Чтобы отличаться от других кандидатов нужно уметь продавать свои услуги.
   
   Обладать харизмой, стрессоустойчивостью и уверенностью.

Будьте к этому готовы 👆🏼

Есть еще два других варианта:

1. Бесплатные услуги знакомым.
   
   У каждого в окружении есть знакомые эксперты в чем-либо. В социальных сетях, в телефонной книжке, в посещаемых нами местах.
   
   Суть в том, что нужно найти знакомого и посмотреть, что можно ему предложить.
   
   Если есть знакомый специалист по маникюру, то технический специалист может:
   - собрать чат-бот для записи на маникюр
   - собрать сайт с каталогом, прайс-листом, формой для записи
   
   Если есть знакомый психолог со стажем и опытом, то можно предложить:
   - запустить свой мини-курс для самопомощи
   - собрать воронку для прогрева аудитории перед записью на сеанс
   
   То есть предлагаем полезные услуги взамен за отзыв или бартер по услугам. Так тех.спец может собрать для себя целый кейс и использовать его в портфолио. Что повысит привлекательность портфолио. А также получает опыт, который придает больше уверенности в своих умениях, знаниях.
   
   Если все сложится удачно, можно договориться о продолжении сотрудничества на платной основе.
   
   Однако здесь также есть свои минусы...
   
   Услуга оказывается бесплатно. Стараешься превзойти ожидания, чтобы получить хороший отзыв и может быть платную работу. Вкладываешься временем, знаниями, но не все дадут объемную обратную связь и стоящий отзыв.
   
   Искать там, где они есть
   
   Заказчики тоже где-то собираются. Они также увлекаются курсами, вебинарами, марафонами, клубами.
   
   Можно будет снова применить первый способ - сообщение в чат.
   
   Хорошим вариантом будет - вступление в платное сообщество продюсеров. Там точно мало подрядчиков, хотя они есть.
   
   Но успею разочаровать, в клубы и сообщества для продюсеров вступают тех.спецы уровня Профи для своего развития и продвижения. А значит придется конкурировать с профи.
   
   Платные чаты продюсеров и экспертов строго модерируются админами чатов, что спамить там точно нельзя. Нужно писать в рамках правил чата.
2. Вести свой блог.
   
   А это уже создание своего личного бренда, над которым нужно работать и работать.
   
   Ведение социальных сетей, блогов, каналов - кажется легким. Пишешь посты, сравниваешь сервисы, рерайтишь чужие статьи, повторяешь за кем-то....
   
   В перспективе блог приносит стабильный поток заказчиков. Нужно лишь продолжать его вести, показывая остальным свои умения и экспертность.
   
   Только так ли это просто?
   
   Поиск клиентов через свой блог - это полноценная отдельная работа, требующая адекватного вовлечения постоянно. Нужно придумывать интересные посты, показывать свою экспертность, кейсы, отзывы, уметь продавать. И делать это длительное время. Результат может прийти совсем не скоро.
   
   Не говоря уже о привлечении самих потенциальных клиентов в блог...

Все способы поиска заказчиков по своему эффективные.

Можно комбинировать несколько вариантов, когда совсем нет проектов. Если появляется проект или разовые задачи, то дальше выбирайте менее время-затратные способы.

Если упростить формулу:

Только такое комбо не всем доступно, не у всех получится реализовать.

Если самый первый шаг во всем этом не продуман, то любой способ не работает

Если ты не принимаешь во внимание этот шаг, то можешь долго сидеть без заказов.

О каком шаге речь:

Ты отправляешь сообщения-отклики на вакансии?

Сообщения часто игнорируют. Некоторые заказчики отвечают на твои сообщения, но их ответы отрицательные. Такое отношение со временем давит, разочаровывает. И это будет продолжаться.

Как говорят многие тех.спецы:

"Меня постоянно игнорируют. Мне не отвечают. А если отвечают, то отказывают. Потому что я без опыта. Всем нужны с опытом".

Кажется, что вполне себе неплохие тексты для откликов.

Однако, все они абсолютно не интересные, одинаковые, шаблонные.

Через тексты можно увидеть, кто перед вами. Я вижу новичков, которые не понимают, как правильно написать заказчику, как его заинтересовать, как выделиться.

А когда мы не знаем как нужно, что мы делаем?

Верно - копируем у других. Поэтому в телеграм-чатах получается свалка из #ищу и #помогу.

Как следствие: чем ты индивидуальнее, тем больше привлекаешь внимание заказчиков

И завладеть вниманием сможет тот тех.спец, кто поработает над своими шагами.

Как будут выглядеть все шаги:

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

Как ускорить этот процесс, если результаты нужны как можно скорее?

Давайте рассмотрим несколько вариантов сообщений, которые вы можете взять себе в работу.

Но для начала определим правила отклика:

Нам нужно показать, что с нами можно иметь дело, у нас достаточно опыта. В тексте не нужно скидывать с себя ответственность, в надежде что итак возьмут.

• никогда не пишем "Я новичок, я стажер, я учусь, я почти заканчиваю"
  Заказчики занятые люди, им нужен специалист, который сможет решить их вопросы.
• не скидываем в личку все свои умения, знания, навыки, сертификаты, ссылки
  Чем проще коммуникация с вами, чем комфортнее с вами познакомиться, тем лучше.
• не нужно сопроводительный текст оформлять в документ ворд и кидать отдельно файлом
  Не все заказчики знают абсолютно все сервисы и не все соответственно могут оценить ваше сообщение со списком из 150 названий сервисов.
• достаточно указать основные 2-3 сервиса и 2-3 умения
  Диалог должен вести к продолжению разговора. Нет смысла тупо скидывать всем заготовки сообщений, заканчивая своим телефоном или ссылками.
• любое сообщение должно заканчиваться открытым вопросом
  Заказчики ищут людей, с кем им комфортно будет работать. И изучение внешности, тона сообщений, социальных сетей, фотографий - это часть тех пунктов, которые тоже могут влиять на подбор кандидата.
• пишем с аккаунта, в котором есть ваше реальное Фото, Имя и в уважительном тоне без ошибок, разделяем текст на абзацы, ставим смайлики
  Тех.специалист работает в проектах в рассылках, собирает сайты, проверяем письма. Поэтому важно, чтобы кандидат был грамотный

Посмотрим на примеры текстов для откликов:

Вариант 1. Когда пишете в личку по вакансии, найденной в чате.

Вариант 2. Когда нет условий и описаний, указана только личка заказчика.

То есть тексты не сильно замысловатые, не перегруженные, не агрессивные.

ВСЕ ТРИ ПРИМЕРА ДАВАЛИ ПОЛОЖИТЕЛЬНЫЙ РЕЗУЛЬТАТ

А когда на тебя обращают внимание, то процесс поиска проекта и заказчиков начинает идти намного быстрее. Чем больше реакций на сообщения-отклики, тем больше шансов попасть на собеседования.

И самое интересное: если найти оптимальный грамотный текст для откликов - им можно пользоваться постоянно.

Сайт-портфолио - твое лицо

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

Только 35% собирают сайты, подходят серьезно к упаковке для откликов.
Все что собрано на гугл-диске, вк-страницы, телеграм-канал, canva - это не продает вас, не показывает ваши умения.

А если нет сайта-портфолио, то ...

....как заказчику оценить умения без "доказательного" портфолио? Как посмотреть кейсы, сертификаты, отзывы? На словах верить?

Окей, будем собирать портфолио.

Что нужно учесть при создании?

Основные правила для портфолио:

1. Никаких ссылок на гугл-диски, закрытые каналы, документ ворд
   Портфолио из свалки сркиншотов в разных папках в облачном хранилище - ни один заказчик не будет сидеть рассматривать картинки в попытке понять, что вы умеете делать.
   
   Только ссылки на сайт. Можно без своего домена. Хотя с ним - солиднее, профессиональнее.
   
   Когда у тех.спеца есть свой сайт с портфолио, можно сразу увидеть его умение собирать сайт, его навыки дизайна, прочесть описания услуг и прайс-лист. С такими людьми комфортно вести диалог.
2. Никаких рассказов на две страницы о себе, об истории становления админом
   Ищут технического специалиста, который может решить определенные задачи. А значит покажите ему блок о своих умениях, блок с перечислением сервисов, которые вы знаете. Покажите скрины ваших работ. Расскажите, какие курсы вы прошли: что это вам дало, какие результаты получили.
   
   В блоке "Обо мне" кратко написать конкретные факты и регалии:
   
   - 5 лет опыта работы с онлайн-школами
   - Настроил и запустил 50 вебинаров
   - Работал с 20 и более проектами
   - Изучил и применил на практике знания с 10 курсов по запускам
   - Успешно запустил с нуля 4 онлайн-школы с прибылью от 300 тыс.рублей
   
   Чем конкретнее факты, тем проще они воспринимаются.
3. Человеку нужен человек
   Покажите себя на фотографии. Расположите хотя бы 1 фотографию, где вы смотрите вперед на смотрящего. Не куда то вдаль, не спиной, не половина лица, не цветочки, не роботозированные фотки.
4. Составьте блок с описанием основных ваших умений
   
   Заголовок - Настройка вебинаров и автовебинаров
   Описание - Помогу с настройкой веб.комнаты, эфира, модерацией чата. Настрою сценарий автовеба в течение 4-х часов после проведения эфира.
   
   И таких умений можно разместить не менее 6 штук. Чем больше и конкретнее, тем лучше.
5. Составьте прайс-лист и пакеты услуг
   Нет оригинальной стоимости, есть примерные расценки, которые каждый подстраивает под свою ценность и "наглость".
   
   Выделю основные способы определить цену:
   
   - Отталкиваться от цен геткурса по их услугам
   - Изучить цены спецов ГК от геткурса
   - Посмотреть, какие цены ставят в телеграм-чатах и в вакансиях на head hunter
   - Подсмотреть у тех.коллег
   - Поставить свой собственный ценник, как вы чувствуете
   
   Все придумывают.
   
   Однако, все же если провести анализ всех вариантов ценников, то можно увидеть среднюю стоимость 1 часа работы тех.админа по категориям:
   - новичок - 500 руб.
   - опытный - 800 руб.
   - профи - от 1 000 руб.
   
   Поэтому вы можете либо взять за основу какой-либо способ из списка выше и установить свой ценник, либо составить для себя прайс-лист тех.услуг по ставке, соответствующей вашему опыту.
6. Делайте полноценные скриншоты ваших работ
   Скрин работы - это полноценная картинка конечного продукта. Скрин всего лендинга, который можно увеличить по клику. Скрин всего процесса со всеми стрелками и блоками. Скрин всей схемы чат-бота изнутри. Это показывает умения и опыт.
7. Добавьте блоки, раскрывающие вас как опытного
   Что можно добавить на сайт:

• Обо мне (четкие конкретные краткие факты)
• Мои навыки и умения (не менее 6 штук)
• Для кого мои услуги (Продюсеры, Эксперты, Проджекты, Тех.директоры)
• Этапы работы со мной (что ждет заказчика)
• Портфолио (категории умений, скрины работ)
• Кейсы (короткие кейсы, описания, результаты)
• Мои сертификаты, мои знания (сертификаты, результаты обучений)
• Отзывы заказчиков
• Выгоды работы со мной (гарантии, юр.оформление, способы оплаты)
• Прайс-лист услуг, пакеты услуг (описания, цены)
• Контакты для связи (кнопка, контакты)

🧐 Для чего необходимо правильно организовывать свое пространство в SaleBot?

👀 Особенности проектов внутри платформы SaleBot.

📄 Листы. Учимся работать с листами правильно.

🧑‍💻 Настраиваем роли в проекте.

🗄️ Как списки и метки все упрощают?

📝 Оптимизация карточки клиента в проекте.

✏️ Подписывайте каждый блок!

🎬 Как все использовать на практике?

🤔 Для чего необходимо правильно организовывать свое пространство в SaleBot?

Работать с платформой нужно правильно.

Чтобы всем все было понятно, и новым сотрудникам в том числе - необходимо поддерживать "гигиену" проекта, расставлять все по полочкам, избегать мусора в проекте.

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

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

👀 Особенности проектов внутри платформы SaleBot

Большинство специалистов создают проект для клиента, делают там все под себя, не подписывают блоки и оставляют тонну мусора.

Никакой организации нет. А потом приходит другой сотрудник и несколько дней ломает голову, какой блок за что отвечает.

Это реальные кейсы моих учеников.

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

При этом, таким "спецам" аукается весь этот беспорядок: когда клиент запрашивает цифры или идет внедрение новой цепочки бота в проект, все начинает ломаться.

Потому что изначально не было четкой системы организации рабочего пространства.

В итоге страдают все участники процесса:

• Клиент получает сломанного бота или цепочку, которая просто отвалилась. Все работает и держится буквально "на соплях". Большая вероятность, что высокие нагрузки просто сломают всё;
• Специалист, который собирал всю структуру для клиента начинает теряться в собственных дербях стрелок и блоков, ведь в проект добавляются новые цепочки. А проектов несколько, потом начинает путаться, делать все не в том проекте или не в том боте и все как снежный ком наслаивается друг на друга;
• Следующий сотрудник получает "в наследство" не понятно что, и не понятно как оно вообще работает. Чтобы что-то добавить или поправить нужно часами искать нужный блок или вообще постоянно спрашивать у прошлого сотрудника, где те или иные тексты в боте используются;

Никому не выгодно, если в проекте будет мусор и отсутствие вменяемой организации.

Платформа SaleBot дает нам все инструменты, чтобы мы правильно и с умом подходили к этой проблеме. Вопрос лишь в том, воспользуетесь ли вы данными инструментами и облегчите себе жизнь на этапе создания проекта, когда можно было в зародыше предотвратить все проблемы?

Давайте приступим к инструментам, которые предлагает нам SaleBot!

📄 Листы в SaleBot

- это отдельные рабочие области для создания блоков и стрелок. Когда только добавили листы в SaleBot, я не понимал для чего они нужны. Мало кто в принципе это понимал. Ведь у нас неограниченная рабочая область, где мы можем сделать хоть 100 разных цепочек и все в одном месте. Ну, вроде удобно же?

Оказалось, с листами все еще проще. Как я рекомендую настраивать листы в вашем проекте:

1. Основной лист (используется в крайних случаях, только для основных настроек: отписка, tg_request и т.д.)
2. Рассылки (создавайте этот лист и используйте его исключительно для создания рассылок-блоков)

Это обязательные 2 листа, которые должны быть в каждом проекте. Все. Дальше нам нужно ориентироваться на вводные данные по клиенту.

Есть вероятность, что будет 3-5 ботов в Телеграме? Тогда создавайте свой лист под каждый бот и делайте в нем необходимые цепочки. Так вы легко будете по листу понимать, с каким ботом и какой воронкой взаимодействуете.

Будет всего 1-2 основных бота? Тогда уже листы помогут вам сортировать цепочки и воронки. Например, проведение целого запуска со своей цепочкой регистрации, рассылками и вебинаром проще сделать на отдельном листе. Или отдельный лист для большой автоворонки - тоже отличное решение.

Что я хочу донести - используйте листы для сортировки рабочей области. Либо по ботам, либо по активностям проекта - запуски, автоворонки, вебинары и т.д.

Листы можно удалять. Вам будет проще удалить лист с давнишним вебинаром, чем искать нужные блоки, выделять их и удалять, переживая, что заденете что-то важное.

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

Идем дальше!

🧑‍💻 Настройка ролей в проекте

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

Чтобы избежать подобных инцидентов, важно создать разнообразные роли с различными уровнями доступа. Например, можно предоставить таргетологу доступ только к аналитической информации и спискам/меткам, а специалисту по работе с клиентами - полный доступ ко всем функциям crm системы.

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

🗄️ Как списки и метки все упрощают?

Я обожаю списки и метки в salebot. Простые в создании, функциональные и наглядные. Ну что может быть лучше?

Мое правило: списки для аналитики, метки для событий. И обязательно все по папкам.

Что я имею ввиду?

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

Метки настраивать на события - например, отписку от бота, заполнение важной анкеты и т.д.

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

По меткам удобно пробежать по диалогу и выцепить свое внимание на отдельных клиентах. Это мастхев для менеджеров, отдела продаж и т.д.

И обязательно создавайте папки для меток и списков. Когда такой годный инструмент у вас в проекте просто захламляется в разделе "без папки" это очень грустно - и не понятно. Поэтому, создавайте папки для своих списков и меток.

Папки отлично систематизируют нужные списки. Их быстрее и удобнее найти в общей куче разделов.

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

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

А главное, клиенту тоже просто все смотреть. Зайти в приложение, открыть списки, открыть нужную папку и там уже наблюдать цифры.

Теперь приступим к карточке пользователя и ее настройкам.

📝 Оптимизация карточки клиента в проекте.

Когда мы работаем с разделом "клиенты" и в проекте много разных переменных, то в карточке пользователя становится прям очень некомфортно - много лишнего "мусора".

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

Достаточно нажать на "звездочку" рядом с нужной переменной.

Вот как было:

Список из переменных который вниз только крутить и крутить. Моментально выцепить для себя нужные значения крайне сложно и медленно.
А вот так стало:

У нас даже не появляется полоска прокрутки. Представляете, насколько теперь удобно работать с карточкой клиента? Хотя казалось бы, такая простая вещь.

Не забывайте про нее, когда работаете с этим разделом. Добавляйте нужные переменные в избранное, чтобы они всегда были под рукой у всех, кто работает с проектом.

✏️ Простейшее правило, которым многие пренебрегают, - подписывайте каждый блок!

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

Вот так было:

Чтобы отправить человека в нужный блок, нужно либо искать id блока в конструкторе, либо вчитываться в текст. Если в блоке только калькулятор, то приходится выбирать из нескольких вариантов, что еще поделать :)

Стало:

Подписывайте свои блоки - это поможет ориентироваться, исправлять ошибки, отправлять людей в нужные блоки и делать там рассылки.

🎬 Как все использовать на практике?

Все просто! Перечитывайте статью и делайте все при создании проекта. Это поможет оптимизировать рабочее пространство. Необходимо использовать все в комплексе, чтобы избежать неразберихи.

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

• Можно настроить автоматическое распределение лидов сразу после их создания между менеджерами.
• Можно установить время ожидания оплаты для платных заказов в 60 минут, с последующим распределением на менеджеров при неоплате.
• Можно настроить отложенное распределение платных заказов по одному продукту через сутки неоплаты, а по остальным продуктам через 15 минут.
• Можно установить разные отделы продаж для разных продуктов.
• Можно настроить распределение заявок, созданных после 19:00 текущего дня, на менеджеров следующего дня.
• Можно оставить пользователю самый приоритетный заказ за последние N дней, отменяя или завершая все остальные (сначала бесплатные, затем платные).
• Можно автоматически завершать процессы обработки лида и избегать накопления лишних задач, если появляется более приоритетный заказ у пользователя.

Процесс «Сегментация и распределение лидов» в CRM GetCourse помогает организовать работу с потенциальными клиентами и распределить их между менеджерами для дальнейшей обработки.

Этот процесс включает в себя:

1. Классификацию заказов.
2. Подготовку заказов к передаче менеджерам.
3. Непосредственно передачу заказов соответствующим менеджерам.

Без этого процесса менеджеры не могут обрабатывать заказы, созданные клиентами, поскольку для них ещё не созданы задачи.

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

Таким образом, процесс «Сегментация и распределение лидов» является главным перед всеми остальными процессами.

// Меняем id скрытых полей с метками

window.addEventListener('DOMContentLoaded', () => {
    const UTMS = [
        ['utm_source', '#field-input-1448850'],
        ['utm_medium', '#field-input-1448851'],
        ['utm_campaign', '#field-input-1448852'],
        ['utm_content', '#field-input-1448853'],
        ['utm_term', '#field-input-1448850'],
    ];

    const getUTM = (name, inputSelector) => {
        const inputs = document.querySelectorAll(inputSelector);

        if (inputs.length === 0) return;
        
        const searchParams = decodeURIComponent(window.location.href);

        const result = searchParams.match(new RegExp(name + '=([^&=#]+)'));

        if (result && result !== null) {
            inputs.forEach(input => {
                input.value = decodeURI(result[1]);
            });
        }
    };

    const setOrderSettings = () => {
        setInterval(() => {
            UTMS.forEach(([utm, fieldId]) => getUTM(utm, fieldId));
        }, 500);
    };
    setOrderSettings();
});

Инструкция:

Для этого сначала добавляем дополнительные поля пользователям. И заодно в заказы.

Добавляем элемент «Строка» и называем поле utm_source. Добавляем новое поле «строка» и называем поле utm_medium. Таким же образом добавляем utm_campaign, utm_content, utm_term.

Настройка формы на сайте

После этого добавляем данные поля в обработчик формы. Выбираем поле пользователя. Из списка выбираем добавленные ранее дополнительные поля. В итоге в обработчике формы получится такая картина:

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

Позже нам нужно будет скрыть эти поля. Но мы сделаем это позже после теста.

Итак. Теперь наша форма содержит нужные нам поля и они добавлены в обработчик формы.

После этого нам нужно установить javascript. Добавляем блок JS

Теперь нам нужно найти код элемента на странице. Для этого открываем консоль браузера. Например нажать F12 или нажать правой кнопкой на странице и выбрать "Просмотреть код элемента". После этого вы увидите такое изображение:

Выбираем левый элемент обозначенный стрелкой, наводим мышку на наше дополнительное поле и получаем код элемента. В моем случае элемент называется "field-input-539755". Запоминаем данные цифры и меняем их в Js в поле с названием метки. У нас должна получиться строка:

['utm_source', '#field-input-1448850']

Настраиваем таким же образом другие поля. Смотрим код элемента и вставляем данные в ваш Js код.

На этом настройка практически завершена. Сохраняем наш JS код. Проверяем все ли работает корректно. Для этого заходим на страницу с параметрами ютм метки. Для этого можно сгенерировать utm метки на этом сайте

Например наша ссылка будет выглядеть так:

https://ВАШСАЙТ/adres?utm_source=test_utm_sourse1&utm_medium=test_utm_medium2

Переходим на ваш сайт и вы увидите в дополнительных полях ваши параметры:

Поздравляю. Все получилось! Теперь нам нужно скрыть данные поля, чтобы их не видели посетители страницы. Для этого присваиваем CSS класс элементу. Например is-hidden-block

Добавляем на нашу страницу CSS код. Где пишем: .is-hidden-block {display:none;}
Теперь наш блок будет скрыт.

Готово. Оформите тестовый заказ на нового пользователя и проверьте записались ли ютме метки в дополнительное поле пользователя.

После этого вы сможете создавать дашборды по заказам и пользователям, чтобы считать по каким меткам пришли оплаты заказов.

Например: Заказы - значение поля - utm_sourse - test_utm_sourse1

Используя раздел настройки можно выбрать сколько денег принес пользователь и оплатил заказов.

Похожим способом настраивается аналитика по заказам

Что он дает и как его использовать рассказал в видео

Скрипт для копирования:

<script>
$(function(){
  window.isMobile = /Mobile|webOS|BlackBerry|IEMobile|MeeGo|mini|Fennec|Windows Phone|Android|iP(ad|od|hone)/i.test(navigator.userAgent);
  var nint = setInterval(function() {
    if($('#whatsapp_button').length == 0) {
      if($(".user-phone-widget").length) {
        var phone = $('.user-phone span[data-reactid=".0.1.1.0.0.1.4.2"]').text().replace(/\D+/g,'');
        if(phone[0] == 3 && phone.length == 10) phone = "39"+phone;
        if(phone[0] == 9 && phone.length == 10) phone = "7"+phone;
        if(phone[0] == 8 && phone.length == 11) phone = "7"+phone.slice(1);
        $(".user-phone-widget").after(`
          <span><a href="${(window.isMobile ? 'viber://add?number=' : 'viber://chat?number=') + "+" + phone}" target="_blank">
            <button id="viber_button" class="btn btn-sm btn-default" style="
              margin: 0 0 3px;
              background-color: #59267c;
              color: white;
              padding: 4px 5px;
              border: none;
              border-radius: 30px;
              height: 22px;
            "><svg style="width: 12px; margin-top: 1px;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="viber" class="svg-inline--fa fa-viber fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M444 49.9C431.3 38.2 379.9.9 265.3.4c0 0-135.1-8.1-200.9 52.3C27.8 89.3 14.9 143 13.5 209.5c-1.4 66.5-3.1 191.1 117 224.9h.1l-.1 51.6s-.8 20.9 13 25.1c16.6 5.2 26.4-10.7 42.3-27.8 8.7-9.4 20.7-23.2 29.8-33.7 82.2 6.9 145.3-8.9 152.5-11.2 16.6-5.4 110.5-17.4 125.7-142 15.8-128.6-7.6-209.8-49.8-246.5zM457.9 287c-12.9 104-89 110.6-103 115.1-6 1.9-61.5 15.7-131.2 11.2 0 0-52 62.7-68.2 79-5.3 5.3-11.1 4.8-11-5.7 0-6.9.4-85.7.4-85.7-.1 0-.1 0 0 0-101.8-28.2-95.8-134.3-94.7-189.8 1.1-55.5 11.6-101 42.6-131.6 55.7-50.5 170.4-43 170.4-43 96.9.4 143.3 29.6 154.1 39.4 35.7 30.6 53.9 103.8 40.6 211.1zm-139-80.8c.4 8.6-12.5 9.2-12.9.6-1.1-22-11.4-32.7-32.6-33.9-8.6-.5-7.8-13.4.7-12.9 27.9 1.5 43.4 17.5 44.8 46.2zm20.3 11.3c1-42.4-25.5-75.6-75.8-79.3-8.5-.6-7.6-13.5.9-12.9 58 4.2 88.9 44.1 87.8 92.5-.1 8.6-13.1 8.2-12.9-.3zm47 13.4c.1 8.6-12.9 8.7-12.9.1-.6-81.5-54.9-125.9-120.8-126.4-8.5-.1-8.5-12.9 0-12.9 73.7.5 133 51.4 133.7 139.2zM374.9 329v.2c-10.8 19-31 40-51.8 33.3l-.2-.3c-21.1-5.9-70.8-31.5-102.2-56.5-16.2-12.8-31-27.9-42.4-42.4-10.3-12.9-20.7-28.2-30.8-46.6-21.3-38.5-26-55.7-26-55.7-6.7-20.8 14.2-41 33.3-51.8h.2c9.2-4.8 18-3.2 23.9 3.9 0 0 12.4 14.8 17.7 22.1 5 6.8 11.7 17.7 15.2 23.8 6.1 10.9 2.3 22-3.7 26.6l-12 9.6c-6.1 4.9-5.3 14-5.3 14s17.8 67.3 84.3 84.3c0 0 9.1.8 14-5.3l9.6-12c4.6-6 15.7-9.8 26.6-3.7 14.7 8.3 33.4 21.2 45.8 32.9 7 5.7 8.6 14.4 3.8 23.6z"></path></svg>
            </button>
          </a></span>
        `).after(`
          <span><a href="${(window.isMobile ? 'https://wa.me/' : 'https://web.whatsapp.com/send?phone=') + "+" + phone}" target="_blank">
            <button id="whatsapp_button" class="btn btn-sm btn-default" style="
              margin: 0 0 3px;
              background-color: #25D366;
              color: white;
              padding: 4px 5px;
              border: none;
              border-radius: 30px;
              height: 22px;
            "><svg style="width: 12px;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" class="svg-inline--fa fa-whatsapp fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg>
            </button>
          </a></span>
        `).after(`
          <span><a href="${(window.isMobile ? 'https://t.me/' : 'https://t.me/') + "+" + phone}" target="_blank">
            <button id="telegram_button" class="btn btn-sm btn-default" style="
              margin: 0 0 3px;
              background-color: #0088cc;
              color: white;
              padding: 4px 5px;
              border: none;
              border-radius: 30px;
              height: 22px;
            "><svg style="width: 12px; margin-top: 1px;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="telegram" class="svg-inline--fa fa-telegram fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M204 319l135 99c14 9 26 4 30-14l55-258c5-22-9-32-24-25L79 245c-21 8-21 21-4 26l83 26 190-121c9-5 17-3 11 4"></path></svg>
            </button>
          </a></span>
        `).after(`
          <span><a href="${(window.isMobile ? 'https://ДОМЕН.amocrm.ru/leads/list/?term=' : 'https://ДОМЕН.amocrm.ru/leads/list/?term=') + "+" + phone}" target="_blank">
            <button id="telegram_button" class="btn btn-sm btn-default" style="
              margin: 0 0 3px;
              background-color: #0084C0;
              color: white;
              padding: 4px 5px;
              border: none;
              border-radius: 30px;
              height: 22px;
            "><svg style="width: 12px;" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" class="svg-inline--fa fa-whatsapp fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 0 24 24"><path fill="white" d="m20.394 19.768c.068-.033.149-.052.234-.052.041 0 .08.004.118.013l-.004-.001q.147.04.147.234c-.017.175-.09.33-.201.449-.184.21-.376.4-.582.576l-.008.006c-.377.317-.795.617-1.235.885l-.045.025c-.531.338-1.151.669-1.796.955l-.092.036c-.713.309-1.556.577-2.428.761l-.089.016c-.915.209-1.965.328-3.043.328-.011 0-.021 0-.032 0h.002c-1.134-.002-2.231-.153-3.275-.436l.088.02c-1.07-.271-2.002-.621-2.881-1.062l.081.037c-.892-.454-1.648-.916-2.365-1.43l.055.037c-.663-.462-1.241-.924-1.788-1.42l.015.013c-.399-.367-.767-.749-1.11-1.154l-.015-.018c-.059-.061-.105-.135-.132-.217l-.001-.004c-.007-.019-.011-.042-.011-.065 0-.035.009-.068.025-.096v.001c.027-.04.063-.072.106-.093l.002-.001c.036-.018.079-.028.124-.028.011 0 .021.001.032.002h-.001c.059.004.112.026.155.06h-.001c1.103.71 2.419 1.45 3.777 2.117l.24.107c2.094.999 4.552 1.583 7.146 1.583 1.259 0 2.486-.138 3.666-.398l-.112.021c1.986-.441 3.734-1.064 5.376-1.87l-.14.062zm2.772-1.54c.059.153.093.331.093.516 0 .148-.022.291-.062.425l.003-.011c-.082.516-.215.977-.397 1.414l.015-.041c-.245.661-.635 1.219-1.134 1.656l-.005.004q-.228.187-.348.121t0-.32c.203-.44.406-.979.572-1.535l.024-.092q.314-1.025.087-1.319c-.053-.068-.123-.121-.204-.153l-.003-.001c-.106-.043-.229-.071-.358-.08h-.004q-.221-.02-.395-.034c-.07-.004-.152-.007-.234-.007s-.164.002-.246.007l.011-.001q-.294.014-.422.026l-.415.04-.302.026q-.08.014-.174.02t-.147.014l-.114.014c-.027.004-.06.006-.093.006h-.134l-.04-.006-.026-.02-.02-.04q-.08-.214.63-.536c.401-.191.866-.332 1.355-.397l.024-.003c.234-.033.504-.051.779-.051.235 0 .467.014.696.04l-.028-.003q.829.078 1.017.319zm-5.28-5.933c.004.31.07.604.186.871l-.006-.015c.12.297.264.553.436.787l-.007-.01q.248.335.502.616c.136.155.281.296.435.424l.006.005.174.147-3.04 3q-.536-.495-1.058-1.011t-.777-.783l-.254-.268c-.123-.13-.233-.275-.329-.43l-.007-.012c-.354.541-.788.996-1.291 1.363l-.015.01c-.486.363-1.053.653-1.665.84l-.039.01c-.555.169-1.197.28-1.86.308l-.016.001c-.065.003-.142.005-.219.005-.582 0-1.139-.105-1.654-.297l.033.011c-.603-.222-1.124-.519-1.585-.889l.011.009c-.482-.4-.861-.908-1.103-1.488l-.009-.025c-.263-.615-.416-1.331-.416-2.083 0-.033 0-.065.001-.098v.005c0-.019 0-.041 0-.064 0-.719.138-1.406.389-2.036l-.013.037c.234-.603.56-1.121.967-1.563l-.003.003c.412-.428.881-.797 1.396-1.096l.03-.016c.468-.283 1.01-.541 1.577-.743l.064-.02c.471-.167 1.055-.327 1.653-.448l.088-.015c.433-.097.978-.184 1.533-.242l.067-.006q.663-.06 1.333-.087v-1.698c.003-.047.005-.101.005-.156 0-.418-.107-.812-.295-1.154l.006.012c-.327-.439-.844-.72-1.428-.72-.068 0-.135.004-.201.011l.008-.001q-.08 0-.221.014c-.206.039-.388.094-.561.167l.018-.007c-.286.106-.534.24-.759.402l.009-.006c-.29.228-.538.492-.742.788l-.008.012c-.266.369-.484.795-.631 1.253l-.009.032-3.938-.362c.002-.573.11-1.121.305-1.625l-.011.031c.226-.582.528-1.083.903-1.522l-.006.007c.415-.491.891-.912 1.421-1.257l.025-.015c.583-.374 1.259-.675 1.978-.868l.051-.012c.744-.208 1.598-.328 2.48-.328h.075-.004c.03 0 .066-.001.101-.001.828 0 1.627.123 2.381.351l-.058-.015c.661.188 1.238.47 1.752.836l-.017-.012c.42.314.779.681 1.075 1.096l.01.015c.245.331.449.712.593 1.122l.009.03c.101.293.162.63.167.981v.003zm-9 .282c-.001.022-.001.048-.001.074 0 .715.371 1.343.931 1.703l.008.005c.34.245.766.392 1.226.392.227 0 .446-.036.651-.102l-.015.004c.763-.243 1.341-.861 1.523-1.632l.003-.015c.119-.387.188-.832.188-1.292 0-.021 0-.043 0-.064v.003-2.17c-.537.016-1.049.074-1.547.17l.06-.01c-.541.109-1.019.264-1.47.466l.044-.017c-.948.396-1.602 1.315-1.602 2.387 0 .034.001.068.002.101v-.005z"></path></svg>
            </button>
          </a></span>
        `);
      }
    }
  },50);
});
</script>