Web-steps клуб

Забыл добавить, что в WtW7 добавили новый конфигуратор форм. Теперь точно все 😅

Обновление курса «Справочник WtW7» (было WtW7). Добавление инструкции и переименование кнопки в плагине ACF Для некоторых блоков иногда нужно написать инструкцию, чтобы пользователь понимал, что туда добавлять. Также теперь у вас будет не просто кнопка «Добавить», а вы сможете её переименовать — например, в «Добавить карточку». Настройка минимального и максимального количества записей в плагине ACF Чтобы пользователь не ломал ваш дизайн, теперь можно ограничить количество карточек или списков, которые он может добавить. Таблица, блок, строка — конфигурация плагина ACF Через метки вы можете настраивать отображение каждого блока. При этом не нужно лазить в сам плагин. Собираем блоки в табы плагина ACF Чтобы настройка страницы не выглядела огромной простынёй, теперь можно сделать каждый блок отдельным табом. Настройка табов по левому краю плагина ACF Табы каждого блока страницы можно располагать по левому краю — для удобства. Добавление и настройка Опций (два видео) Вишенка на торте — это очень простое добавление опций для повторяющихся блоков, таких как подвал. Советую посмотреть этот урок особенно тем, кто пользуется WtW6. На этом, друзья, всё. Хороших выходных.

Обновление плагина меток конвертера WtW 7. Что добавлено: — для расстановки меток Опций и Термов добавлены дополнительные функции — добавлены новые метки для настройки полей плагина ACF (смотрите уроки в курсе WtW7) — исправлено отображение версии плагина Обновить обязательно: — сам плагин через приложение в Webflow — метки в самом приложении через кнопку «Обновить» Обновить и посмотреть новые функции — в курсе «AI Плагин расстановки меток WtW 7».

Обновление курса «Автоматизация Make». Вышли два урока: 1. Коннектор AI Hubris — подключение 500+ нейросетей для генерации текста и графики. 2. SEO-блога на WordPress (AI Hubris) — пример готовой схемы для автоматической генерации статей в блог. Но рекомендую WordPress использовать как донора для наполнения Дзен. Так как Яндекс и Google очень не любят AI-контент. Преимущество Hubris в том, что вы оплачиваете РФ-картами один аккаунт и получаете 500+ нейросетей в Make.

9. Производительность и разработка — Tree-shaking (Ленивая загрузка): Асинхронное подключение JS-библиотек и скриптов плагина только на тех страницах, где фактически присутствуют формы. — Локализация: Полная поддержка стандартов WordPress i18n (базовый код на русском языке, возможность подключения .po/.mo переводов). — Расширяемость: Набор PHP-фильтров и экшенов (например, wpef_before_email_send, wpef_webhook_payload) для кастомной обработки данных на стороне сервера. — Экспорт/Импорт: Перенос конфигураций форм и настроек плагина между сайтами в виде JSON-строк. P.S. Данный плагин разработал @develop_VD Владимиром Дейниченко. С ним вы общаетесь в поддержке нашего клуба. Поддержать ставим лайк 👍!

🔥 Вышел новый плагин для настройки форм под конвертер WtW 6. Данный плагин так-же появится и в WtW 7. Старые настройки остаются, и можно просто сделать переключение на новый формат. Для этого необходимо обновить сайт через конвертер и включить новую настройку7 В школе доступны два урока по настройке. 📎 Что нового: 1. Валидация данных и маски ввода — Клиентская валидация: Интеграция библиотеки JustValidate для проверки полей (обязательность, email, длина, совпадение паролей, файловые ограничения). — Маскирование: Интеграция IMask для строгого форматирования вводимых данных (телефоны, даты, документы). — Управление атрибутами: Возможность отключения стандартной браузерной HTML5-валидации (required). 2. Условная логика (Отображение полей) — Динамический интерфейс: Скрытие или показ DOM-элементов в зависимости от значений других полей формы. — Анимации: Настройка типа появления (Slide/Fade), скорости анимации и задержки перед срабатыванием. — Надежность: Регистронезависимая проверка, поддержка кириллических значений и безопасный поиск элементов в DOM-дереве (включая элементы вне тега <form>). 3. Обработка и хранение файлов — Маршрутизация: Прикрепление файлов напрямую к электронным письмам или сохранение их в Медиабиблиотеку WordPress с отправкой ссылок. — Защита от тяжелых писем: Автоматическая выгрузка файлов в Медиабиблиотеку, если их суммарный вес превышает заданный лимит для email-вложений. 4. Маркетинг и веб-аналитика — UTM-трекинг: Автоматический сбор меток (source, medium, campaign и др.) из URL. Данные сохраняются в Cookies на 30 дней и прикрепляются к заявке даже при отложенной конверсии. — Client Fingerprint: Сбор технических данных отправителя (User Agent, разрешение экрана, тип устройства, IP-адрес, страница отправки). — События аналитики: Автоматическая отправка целей при успешной конверсии в Яндекс.Метрику, Google Analytics и VK Pixel. — Дашборд конверсии: Встроенный расчет показов форм (через IntersectionObserver), количества отправок и показателя CR% (Conversion Rate). 5. Интеграции и маршрутизация данных — Webhooks: Отправка данных формы (в формате JSON) на сторонние URL. — CRM и мессенджеры: Прямая интеграция с Telegram и гибкий маппинг полей для передачи лидов в кастомные CRM-системы (например, Bitrix24). — Обработка пустых полей: Настраиваемое поведение (скрывать пустые поля или отправлять с пометкой «НЕ ЗАПОЛНЕНО»). 6. Безопасность и антиспам — Honeypot: Скрытое поле-приманка для автоматического отсеивания спам-ботов без использования капчи. — Rate Limiting: Ограничение максимального количества отправок с одного IP-адреса за заданный промежуток времени. — Совместимость с кэшем: Механизм динамического обновления AJAX Nonce для корректной работы плагина при использовании систем жесткого кэширования (WP Rocket, LiteSpeed Cache). 7. Управление данными (CRM и Логи) — База заявок: Локальное хранение лидов с возможностью глобального поиска, детального просмотра (в модальном окне) и экспорта в форматы CSV и JSON. — Журнал ошибок: Логирование сбоев SMTP, вебхуков и системных ошибок. Включает подсветку синтаксиса для удобного чтения JSON-ответов серверов. — GDPR: Автоматическая очистка старых записей из базы заявок и логов по истечении заданного срока. 8. Доставка почты (SMTP) — Встроенный SMTP-клиент: Отправка писем в обход стандартной функции wp_mail() для повышения доставляемости. — Гибкая настройка: Поддержка SSL/TLS шифрования, авторизации и принудительной подмены адреса отправителя. — Тестирование: Инструмент для отправки тестовых писем с возможностью переопределения шаблона и темы сообщения.

На следующей неделе — пополнение курса по Make. 1. Вытащу новый коннектор для подключения провайдера нейросетей Hubris (500 моделей). Теперь не надо подключать кучу зарубежных аккаунтов, искать карты — всё под капотом. Ну и главное — оплата обычными картами РФ. 2. Дам готовую схему наполнения Дзен через донора на WordPress. Писал всё под клиента — эта модель работает уже два месяца и тащит клиентов с Дзен на WordPress и дальше — на покупку.

Product Radar — русская площадка IT-стартапов. Аналог западного Product Hunt. Можно добавлять свои интересные решения, которые навайбкодили. Будут голосовать и давать обратную связь. Очень круто, что появляются такие каталоги.

🚀 Обновление плагина меток WtW7 Немного тормознулись с выпуском уроков по конвертеру WTW7 — шла разработка новых функций меток. Добавилась возможность создания комбинированных меток и работа со значением метки Value через клавишу Shift. Для получения новых возможностей обязательно загрузите обновлённое приложение. Как это сделать — смотрите дополнительный урок в курсе по плагину. Полный обзор новых возможностей — в этом видео. Смотреть видео в ВКонтакте

Сайты уже никому не нужны! Все сайты уже делают в нейросетях! Вот оборот конструктора Тильды за последние 1 год и 7 мес. 3.3 млрд.₽ - это сумма за хостинг и конструктор Тильды. Появилось понимание, что ситуация совсем другая?

Сервера по цене шаурмы (Нидерланды) — 356 руб/мес (4 евро). Это не реклама — делюсь находкой для вайбкодинга! Я думал, какая-то шутка, и заказал для теста сервер у этих ребят. В итоге на тестах — полёт ОТЛИЧНЫЙ! Низкий пинг, быстрая статистика по использованию ресурсов и канал на 1 Гбит/сек. Довольно быстрый саппорт с человеческим лицом. Ребята бьются за клиента — что очень приятно. До этого использовал Timeweb, где цена аналогичного сервера — 1520 руб/мес, и падения на 2–3 дня раз в месяц. Поэтому, собственно, и стал искать альтернативу. Хостер https://lili.cloud/

▶️ Новый курс в школе — «Локальный сервер WordPress». Для обучения конвертеру, разработке сайтов под клиентов и вайбкодинга нет необходимости сразу оплачивать хостинг. Можно запустить локальный сервер на своём компьютере. При этом будут работать все плагины и конвертер. • Windows • Mac • linux В новом курсе также показал, как перенести сайт с компьютера на хостинг без потери данных. Курс состоит из 8 уроков на 40 минут просмотра. P.S. Новичкам смотреть ОБЯЗАТЕЛЬНО.

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

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

Новые уроки курса WtW7 доступны в школе

По мере записи уроков по конвертеру WtW7 начали наполнение справочника. P.S. Новые уроки в школе выходят каждый день.

Выкатил новый плагин меток WtW7 с AI. Пусть нейронка работает за вас 🤓

📎 Переделал дизайн плагина «Типограф» для Webflow. Теперь плагин в одной стилистике с основной панелью Webflow. И его можно разворачивать в более широкий режим для удобства. Обновить можно в школе. Скины кину в коменты Webflow Typograf помогает быстро привести русский и английский текст в аккуратный типографский вид прямо внутри Webflow Designer. Плагин нужен веб-мастерам, дизайнерам и редакторам, которые работают с текстами на сайте и хотят быстро исправить кавычки, тире, неразрывные пробелы, единицы измерения, символы © ® ™, многоточия и другие типографские ошибки — без копирования текста во внешние сервисы. Как работает: 1. Выбираете текстовый элемент в Webflow Designer 2. Открываете плагин 3. Нажимаете «Загрузить из выбранного элемента» 4. Выбираете язык и нужные правила типографики 5. Нажимаете «Типографировать» 6. Проверяете результат в предпросмотре 7. Нажимаете «Применить к выбранному элементу» Плагин ничего не меняет автоматически — пользователь всегда видит результат перед применением. Обработка происходит локально внутри расширения, без сервера и внешних API.