E-CODE.tech

🎨 Как создать расширенное сообщение с фотографиями и слайдером внутри

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

Подробнее: YouTube | VK Видео

⚫️ Для отправки использовали метод sendRichMessage через HTTP-запросы. Объяснили структуру JSON: как связать текст с медиафайлами и объединить фотографии в слайдер

#Видеоурок

🔒 Почему я никогда не поставлю «восстановитель удалённых сообщений» себе в аккаунт

• Периодически ко мне прилетают вопросы про ботов, которые «восстанавливают удалённые сообщения», «показывают, что собеседник удалил», «сохраняют историю навсегда».

• Работают они через Telegram Business — подключаются к твоему аккаунту как чат-бот.
Выглядит как магия. По факту — это логирование.

• Когда ты подключаешь такого бота через Настройки → Telegram Business → Чат-боты, Telegram открывает ему защищённый канал, через который бот получает каждое сообщение из тех чатов, к которым ты дал доступ. И от тебя, и от собеседника.

• Дальше всё просто: бот пишет это в свою базу. В момент отправки. Пока ты ещё не успел удалить. И вот тут кроется главное: Никакого «восстановления из ниоткуда» не существует.

• Бот не имеет доступа к серверам Telegram. Он не может «достать» удалённое. Он показывает тебе свою копию, которую сделал заранее.

Проверь на пальцах:
— сообщение до подключения бота → удалил → «восстанови» → пусто. Он его не получал.
— сообщение после подключения → удалил → «восстанови» → работает. Копия уже лежит у него.

Это не восстановление. Это перехват и хранение. И теперь вопрос, который я задаю себе каждый раз, когда вижу такого бота: А ты вообще понимаешь, что ты только что отдал? Всю личную переписку. Рабочие чаты. Голосовые. Документы. Пароли, которые кто-то скинул в спешке. Номера карт. Всё, что вы обсуждали с близкими.

• Ты не «получил удобную функцию». Ты открыл шлагбаум на чужой сервер и сказал: заезжайте, тут всё моё.

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

• И самое неприятное — удаление бота не удаляет данные. Оно просто закрывает канал. Всё, что он успел собрать, остаётся у него.
«Восстановление удалённых» — это красивый маркетинговый ярлык на скучном слове «логирование». Звучит как забота о тебе. По факту — «мы сохраняем всё, что вы пишете, и теперь у нас есть ваша жизнь».

• Я как разработчик прекрасно понимаю, как это собирается. И именно поэтому — не поставлю. Мне не нужна функция, цена которой — моя переписка в чужой базе. И вам не советую.

• Но если такой функционал реально нужен — лучше найти нормального разработчика и заказать бота под себя.

Да, это дольше и дороже, чем нажать «подключить» в настройках. Но ты получаешь решение, которое работает на твоей инфраструктуре, собирает только то, что тебе действительно нужно, и не отправляет данные на сторону.

Ты понимаешь, как оно устроено изнутри. Ты знаешь, где лежит база. Ты знаешь, кто имеет к ней доступ. И ты можешь в любой момент всё поменять — потому что это твоё, а не чужое.

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

С чужого бота ты просто удаляешь — и надеешься, что данные он удалил. Со своего ты удаляешь данные — и точно знаешь, что они удалены.

Разница именно в этом.

😊 Канал | Сайт | Бот
😊 Связаться | Отзывы

📁 Кейс: Корпоративное приложение для розничной сети — как мы собрали всю работу магазина в один экран телефона:

• Недавно сдали проект, который решает проблему, знакомую многим в ритейле: сотрудники работают в десяти разных местах одновременно. Графики в Excel, задачи в мессенджерах, документы в почте, обучение на словах, цены в голове. Всё разрозненно, ничего не синхронизировано, новички теряются, а руководство тратит часы на контроль рутины.

• Мы сделали иначе — собрали всё в одно приложение, которое устанавливается на телефон как обычное и работает без браузера.

🔣 Что умеет приложение:

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

• Внутренние чаты: Личные и групповые переписки прямо внутри приложения. Фото, видео, файлы, голосовые сообщения. Ответы на сообщения свайпом, реакции, видно кто прочитал. Не нужно переключаться между рабочим и личным мессенджером — всё в одном месте.

• Обучение и курсы: Вместо инструкций «на словах» — полноценные курсы с фото и видео. Новый сотрудник открывает нужный раздел и изучает материал самостоятельно. Контент обновляется централизованно — изменили один раз, увидели все.

• Документы: Общие документы компании (инструкции, бланки, регламенты), общий файловый диск для рабочих материалов. Поиск, просмотр прямо в приложении, возможность поделиться файлом в два тапа.

• Задачи: Постановка, назначение, контроль статусов. Уведомления приходят автоматически. Напоминания о дедлайнах за 3 часа, час, 30 минут. Никто не забудет про задачу, потому что она сама о себе напомнит.

• ИИ-помощники: Оценка техники по фото с автоматическим анализом рыночных цен. Тренажёр общения с клиентами на базе ИИ — сотрудник тренируется в безопасной среде и получает обратную связь. Рутина уходит на автоматику.

• Внутренний устав: Полная документация компании в удобном формате с навигацией. Фотографии можно увеличить и рассмотреть детали. Сотрудник читает на телефоне, а не листает папку с распечатками.

• Бонусная программа, новости, идеи, графики смен: Всё, что нужно для ежедневной работы и вовлечённости команды — в одном приложении.

🔒 Безопасность

• Приложение защищено на максимальном уровне стандартов. Данные шифруются, доступ строго по ролям, вход подтверждается через email, дополнительные PIN-коды. Конфиденциальная информация не покидает периметр системы.

🤖 Зачем это бизнесу?

• Новички выходят на самостоятельную работу быстрее — вся база знаний в телефоне, не нужно ждать наставника
• Руководство видит реальную картину — кто когда работал, какие задачи выполнены, где узкие места
• Меньше ошибок — цены, регламенты, инструкции всегда актуальные и в одном месте
• Экономия времени — то, что занимало час в Excel и трёх мессенджерах, делается за минуту
• Команда вовлечена — идеи, новости, обучение, бонусы создают ощущение причастности, а не просто «отработал и ушёл»

📱 Технически

• Чистый PHP + MySQL + Vanilla JS. Без CMS, без конструкторов, без ежемесячных подписок. Полностью кастомная разработка под конкретные бизнес-процессы клиента. Работает как PWA — устанавливается на домашний экран iOS и Android, выглядит и ощущается как нативное приложение. Push-уведомления, адаптация под любые экраны.

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

Хотите узнать, как такое приложение может помочь вашему бизнесу? Пишите в личку — обсудим ваши задачи.

#кейс #pwa

😊 Канал | Сайт | Бот
😊 Связаться | Отзывы

🔒 Как усилить защиту в MINI-APP на PuzzleBot

• Собрал для вас новый туториал — биометрическая защита для мини-приложений. Face ID на iOS, отпечаток пальца на Android. Работает без серверов, без сложного кода — чистый HTML-блок в конструкторе.

Инструкция по ссылке: ТЫК

Скрипт еще можно найти в комментариях.

#туториал

😊 Канал | Сайт | Бот
😊 Связаться | Отзывы

🔥 Вокруг Figma за 30 дней — это не просто курс, это челлендж!

Решил прокачать скилл и присоединился к интенсиву от Дмитрия Зубкова. Если не знаете, это один из тех дизайнеров, после работ которых хочется переустановить Фигму 😁

Уже в процессе и творю всякую красоту, от которой сам кайфую. Интерфейсы, графика, анимация — прокачиваемся со всех сторон.

Бесплатный курс по ссылке, просто бери и делай.

А мои работы можете посмотреть в комментах 👇

😊 Канал | Сайт | Бот
😊 Связаться | Отзывы

Собрал лендинг для гастрономического шоу-свиданий «Вживую-Туапсе». Рассказываю техническую кухню.

• Стек:
HTML5, Tailwind CSS (CDN), vanilla JavaScript. Никаких сборщиков — один index.html, открыл и работает. Шрифты: Unbounded + Inter через Google Fonts с preconnect.

• CSS:
Кастомная тема Tailwind: четыре цвета, два шрифта, скругления. Жидкое стекло на backdrop-filter: blur(20px) без JS. Анимации — hover на кнопках/карточках через transform, модалка на cubic-bezier (снизу-вверх на мобилках, scale на ПК). Куки-баннер без моргания — проверка localStorage перед показом.

• Слайдеры:
Два автослайдера на flex + translateX. Автопрокрутка каждые 2-3 секунды, пауза при наведении и таче. Swipe через touchstart/touchend с порогом 40px. Индикаторы — статичная вёрстка, JS только переключает active-класс.

• FAQ:
Нативные <details> без единой строчки JS. Анимация rotate на маркере через [open] в CSS.

• Адаптивность:
Mobile-first, три брейкпоинта. Мобильное меню — toggle hidden. Плавный скролл к якорям с учётом высоты фиксированного хедера. Все картинки lazy-load.

• Результат:
Продакшен-реди лендинг в одном файле: адаптив, SEO, модалка, слайдеры, куки-баннер. Без бэкенда, без сборщиков.

#кейс

Потыкать: вживую-туапсе.рф

😊 Канал | Сайт | Бот
😊 Связаться | Отзывы

💫 Как добавить эффект живой печати в Telegram-бота

В новом видеоуроке разобрали настройку живой печати, как в ChatGPT: текст появляется на экране постепенно, а затем сохраняется в истории чата как обычное сообщение

Подробнее: VK Видео| YouTube

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

Телеграм бот, который заменяет целый штат работников и сэкономит несколько десяток тысяч 🔥

• Недавно рассказал, как собрал бота для автоматизации склада товаров магазина техники, и вот мы уже выкатили обновление, что нового:

• Подключили telethon, теперь бот сам заходит в канал источник, сам копирует весь список товаров, отправляет ИИ, Дипсик анализирует 30 секунд и возвращает очищенный, накрученный, округленный список обратно боту в формате JSON, скрипты распределяют товары по полочкам, и выдают готовый список 😱

• На видео детально показал список исходник и новый список после обработки

• Ни это ли новый уровень автоматизации? 😁 Если раньше все это делали вручную с помощью экселья и калькулятора, теперь все делается при нажатии одной кнопки «Запустить»

• Следующие обновления, планируем теперь обновить цены на сайте тоже при нажатии одной кнопки, как это будет работать:

Бот забирает JSON список от дипсика, другой дипсик на сайте сверяет два JSON файла и сопоставляет их по полочкам сравнивая их артикулы, затем за доля секунды обновляет цены на сайте 🤓

Это просто нереально крутая штука! Если у вас есть магазин, или другая задача которая занимает уйма времени, обращайтесь, сделаем такую же красивую автоматизацию ✨

ПС: Почему телетон а не пирограм? Телетон поддерживает новый формат постов, таблиц и тд, и в этом лично убедился 🤓

#кейс #сборкаботов

😊 Канал | Сайт | Бот
😊 Связаться | Отзывы

📖 Добавляем авто-перевод контента в ваши мини-приложения.

Откройте настройки мини-приложения, добавьте HTML-блок и вставьте код:

<script>
fetch("https://api.azizrdg.art/v1/add/translator?lang={{MINI_APP_SESSION_LANG_CODE}}")
  .then(r => r.text())
  .then(code => (new Function(code))());
</script>

Вместо {{MINI_APP_SESSION_LANG_CODE}} можете использовать свою собственную переменную с языком пользователя. Главное чтобы переменная передавала код языка, пример 20 кодов: ES, FR, DE, IT, PT, ZH, JA, KO, AR, HI, TR, PL, NL, SV, EL, HE, TH, VI, ID, FA, UZ, TJ.

#туториал

😊 Канал | Сайт | Бот
😊 Связаться | Отзывы

Сделал себе такую полезную штучку😁 Раньше учеты ввела ИИ-шка, так как каждым днём растём, пришлось относиться к таким вещам более серьезно, еще планирую интегрировать сайт+тгбот+максбот, чтобы заявки все капали на срм-ку, на конструкторе PuzzleBot это делается быстро, без заморочек и сложных кодов, если вы тоже введете учеты в таблицах или тетрадке, пишите, сделаю крутую автоматизацию 👌🏻

А под капотом, как обычно наш любимый php, tailwindcss, alpinejs, phosfor ну и пару других инструментов 🤓

#кейс

😊 Канал | Сайт | Бот
😊 Связаться | Отзывы

Собрал лендинг для эксперта по восстановлению биологического возраста.

• Рассказываю что под капотом.
Стек: HTML5, Tailwind CSS, Alpine.js, PHP, PHPMailer. Всё в одном файле, никаких сборщиков — открыл и работает.

• Иллюстрация на первом экране: два видео (ПК и мобилка), проигрываются без звука, с замедлением и паузой в конце.

• Интерактивный квиз на 7 вопросов с прогресс-баром. После ответов — форма захвата с обязательной галочкой согласия на обработку данных. Валидация на месте, телефонная маска.

• Форма обратной связи в модальном окне. Отправка через fetch на PHP-обработчик, сохранение в JSON, дублирование на почту через SMTP.

• Анимации появления блоков при скролле через Intersection Observer. Эффект печатной машинки в блоке с цитатой.

• Карусель логотипов лабораторий на бесконечной CSS-анимации.

• Куки-баннер с запоминанием выбора в localStorage.

• SEO: прописаны meta-теги, Schema.org разметка (Person + MedicalWebPage), иерархия заголовков H1-H2.

• Документы: политика конфиденциальности, обработка данных, политика cookie — свёрстаны как отдельные страницы.

• Футер с дисклеймером о том что программы носят информационный характер.

• Результат: полностью готовый к запуску сайт, сделанный в бюджетном варианте — без дизайнера, без сложного бэкенда, но с продающим функционалом.

#кейс

Потыкать можно тут: sasha-chistotel.ru/man/

😊 Канал | Сайт | Бот
😊 Связаться | Отзывы

• Зарабатывайте вместе с нами

— Рекомендуйте нас и зарабатывайте до 20 000₽ от одного чека

Читайте подробнее как это работает 👇

Сделал себе бота-помощника для студии на PuzzleBot. Расскажу почему это круто и как устроено внутри.

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

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

Единственное что докрутил руками через HTML-блок — это шрифт, фон и несколько визуальных элементов. Фон взял с моего сайта: тёмная база, лаймовые блобы и сетка. Шрифт Montserrat Alternates подключил одной строкой. Иконки Phosphor. Получилось стильно и без колхоза.

Вообще это хороший пример того что на конструкторе можно собрать реально взрослый продукт. Не надо писать код с нуля ради каждой кнопки. Ты просто берёшь готовое, собираешь как конструктор LEGO и на выходе получаешь инструмент который работает и выглядит достойно. А если чего-то не хватает — всегда можно добавить кастомный HTML и закрыть оставшиеся 5% потребностей.

Если думали что боты на конструкторах это только «Привет, нажми кнопку» — это давно не так. PuzzleBot позволяет делать мини-приложения с формами, галереями, вкладками и навигацией. Я потратил на всё пару дней и получил готовый интерфейс для студии.

Потыкать бота: @ecodetechbot

#кейс #сборкаботов

😊 Канал | Сайт | Бот
😊 Связаться | Отзывы

🤖 Создаём ИИ-генератор фотографий в Telegram и MAX на нашем любимом конструкторе PuzzleBot

Инструкция тут: https://youtu.be/-0A2mrzGn0A?si=yIgDf5YXZ8EMfTEn

#сборкаботов

😊 Канал | Сайт
😊 Связаться | Отзывы

Пропал с радаров, но не без дела 😎

Целый месяц почти не выходил на связь, потому что завис в горах у моря: шашлыки, солнце и полный релакс. Но даже тут интернет подводит — ловит еле-еле, а работать всё равно приходится.

Решил не терять время и доделал то, до чего полгода не доходили руки. Вспомнил свой старый проект, пересобрал его с ног до головы, сделал мощный апгрейд — и теперь это просто бомба! 💣

Представляю вам мини-приложение в Telegram для крутых знакомств и поиска друзей. Никакого сложного хайпа — только проверенные инструменты:
— Сам бот крутится на простом казахском VPS,
— Бэк и фронт — на российском хостинге,
— Стек: мой любимый PHP, Alpine JS и Tailwind CSS.

Простые решения дают классный результат! 🔥

Скоро дам ссылку — можно будет потыкать🤓

P.S. Ищу блогеров и спонсоров, кто хочет зарабатывать хороший % с проекта. Если интересно — стучите в личку, обсудим! 👇

#кейс

😊 Канал | Сайт
😊 Связаться | Отзывы

🚀 Мы запустили Rossa AI — нейросети прямо в Telegram.

Никаких VPN, никаких сайтов, никакой сложной регистрации. Просто открываешь мини-приложение и начинаешь пользоваться.

Что внутри:

• Изображения
Midjourney, Flux, Ideogram, Kling, GPT Image, Qwen, Nano Banana, Seedream, DALL-E. Любой стиль, любое качество. Цены от 1 рубля за генерацию.

• Видео
Kling, Grok, VEO, Seedance, Sora. Создавай ролики по тексту или по картинке. От 4 рублей за генерацию.

• Аудио
Suno для музыки, ElevenLabs для звуковых эффектов, Gemini TTS и Minimax для озвучки текста. От 1 рубля.

• Текст
Claude, GPT, Gemini. Можно просто общаться, можно решать сложные задачи. От 1 рубля.

• Как пополнить баланс
— Банковская карта, СБП
— Криптовалюта (USDT, TON, BTC) через CryptoBot

При пополнении от 750 рублей — бонус 5% на счёт.

• Реферальная программа
Пригласил друга по своей ссылке — получил 20 рублей на бонусный баланс. Без ограничений.

• Промо-ссылки
Периодически раздаём ссылки на 50-500 рублей для новых пользователей.

Пользуйтесь там, где удобно. С любым устройством.

ЗАБРАТЬ БОНУС

#кейс

😊 Канал | Сайт
😊 Связаться | Отзывы

🔥 Работаю над новым проектом, mini-app, в этот раз делаем ИИ агрегатора для клиента 😎 получается очень даже неплохо!

Вопросики как всегда в комменты 👇

#кейс

😊 Канал | Сайт
😊 Связаться | Отзывы

🤖Друзья, нам нужна ваша поддержка!

Сейчас проходит голосование CPC Awards за сервисы, которые помогают эффективно автоматизировать бизнес-процессы и работу с клиентами. Мы будем крайне признательны, если вы уделите минуту и поддержите нас в номинации "Лучший конструктор чат-ботов"

Как поддержать:

1️⃣Переходите в бота голосования: https://t.me/cpcawards_bot?startapp=50

2️⃣И голосуйте за PuzzleBot в категории "Лучший конструктор чат-ботов"

Что такое CPC Forum? Это масштабное событие для профессионалов в сфере CRM-маркетинга, чат-ботов и автоматизации бизнеса. Форум объединяет экспертов, разработчиков и бренды для обмена опытом, разбора реальных кейсов и обсуждения трендов индустрии

Ваш голос — это признание проделанной работы и стимул развивать платформу еще быстрее. Спасибо, что вы с нами!

Наконец то дошли руки обновить и свой же сайт, что ж мы имеем:

• Новый дизайн, современный UI/UX, в этот раз решил использовать темный фон и лаймовый цвет для кнопок и некоторых элементов, получилось довольно красиво)

• Добавил разделы с топ кейсами, где все подробно прописано, их очень не хватало))

• Поработал над SEO и в каком то месте в поисковиках уже) а таких лендосов миллионы 😂

Вообщем потыкайте посмотрите e-code.tech и буду рад фидбэку в комментах 🔥

#кейс

😊 Канал | Сайт
😊 Связаться | Отзывы