Web-steps клуб

описание

Чат закрытого клуба разработчиков сайтов Webflow to Wordpress, автоматизация

← к каналу @webstepsru

2 662

подписчиков

Охват к подписчикам

16,4%

ERR

Реакции к просмотрам

2,76%

457 на 32 постов

Пересылки к просмотрам

0,68%

113

Постов в день

0,9

всего 32

Где отзываются чаще

доля реакций к просмотрам

24 июл.🔥 AI-плагин расстановки меток WtW7. Переработал плагин по расстановке меток и добавил AI-функцию. Теперь метки можно расставлять нейросетью автоматически. Возможности кратко: — Можно подключать два провайдера нейросетей: https://openrouter.ai/ https://hubris.pw/ (оплата картами РФ) — Расстановка меток — одной кнопкой. Выбираете секцию (можно весь сайт) и жмёте кнопку. Нейросеть анализирует структуру и всё расставляет. Где надо — оборачивает в дополнительные DIV-блоки. — Есть возможность на сложных блоках использовать дополнительно Rules и Skills. — Промты, Rules и Skills можно добавлять свои собственные. Сейчас идёт финальное тестирование и запись уроков. На следующей неделе выкатим в школе. Ну это по моему лайк товарищи 🫶7,46%
7 авг.На следующей неделе — пополнение курса по Make. 1. Вытащу новый коннектор для подключения провайдера нейросетей Hubris (500 моделей). Теперь не надо подключать кучу зарубежных аккаунтов, искать карты — всё под капотом. Ну и главное — оплата обычными картами РФ. 2. Дам готовую схему наполнения Дзен через донора на WordPress. Писал всё под клиента — эта модель работает уже два месяца и тащит клиентов с Дзен на WordPress и дальше — на покупку.5,21%
15 авг.Обновление обработчика форм в WTW5|6 🚀 Формы на сайтах теперь отправляются надёжнее и безопаснее. Раньше обработчик писем был отдельным файлом в теме — его можно было дергать напрямую. Теперь он встроен в WordPress: заявка идёт через обычную почту сайта, с проверкой, что запрос настоящий 🔒 Что это даёт: ✉️ письма уходят стабильнее, без старого отдельного PHPMailer в теме; 🎯 обрабатываются только те формы, которые вы настроили в конфигураторе — лишние не цепляются; 🧹 в разметке больше не прописывается лишний action="/"; 📎 вложения проверяются, чужие адреса подставить нельзя; ✅ всё это совместимо с PHP 8.4.5,15%
10 авг.9. Производительность и разработка — Tree-shaking (Ленивая загрузка): Асинхронное подключение JS-библиотек и скриптов плагина только на тех страницах, где фактически присутствуют формы. — Локализация: Полная поддержка стандартов WordPress i18n (базовый код на русском языке, возможность подключения .po/.mo переводов). — Расширяемость: Набор PHP-фильтров и экшенов (например, wpef_before_email_send, wpef_webhook_payload) для кастомной обработки данных на стороне сервера. — Экспорт/Импорт: Перенос конфигураций форм и настроек плагина между сайтами в виде JSON-строк. P.S. Данный плагин разработал @develop_VD Владимиром Дейниченко. С ним вы общаетесь в поддержке нашего клуба. Поддержать ставим лайк 👍!4,88%
30 июл.▶️ Новый курс в школе — «Локальный сервер WordPress». Для обучения конвертеру, разработке сайтов под клиентов и вайбкодинга нет необходимости сразу оплачивать хостинг. Можно запустить локальный сервер на своём компьютере. При этом будут работать все плагины и конвертер. • Windows • Mac • linux В новом курсе также показал, как перенести сайт с компьютера на хостинг без потери данных. Курс состоит из 8 уроков на 40 минут просмотра. P.S. Новичкам смотреть ОБЯЗАТЕЛЬНО.4,64%
9 февр.✨ Новости нашего редактора #WSEditor ✨ Ребята, у нас крутые обновления! 🚀 Порадовать вас свежими фишками — наша любимая часть работы. Смотрите, что появилось в новой версии: 📥 Загрузка шрифтов Теперь вы можете легко добавлять свои шрифты — творческий простор без границ! ⚙️ Менеджер CSS‑переменных Управлять переменными стало проще и нагляднее. Организуйте свой CSS как профессионал! 🧮 Поддержка формул для параметров CSS Хотите динамические значения? Теперь можно использовать формулы прямо в CSS‑параметрах. Магия вычислений в ваших стилях! 🔄 Переработано позиционирование для FLEX и GRID Мы упростили работу с FLEX и GRID — теперь настраивать расположение элементов ещё удобнее и быстрее. 🎨 Доработан дизайн настроек Borders Интерфейс настроек границ стал ещё интуитивнее и приятнее. Создавайте стильные бордеры с комфортом! Попробуйте новинки и делитесь впечатлениями в комментариях! 👇 #WSEditor #обновления #webdev4,62%
14 авг.Забыл добавить, что в WtW7 добавили новый конфигуратор форм. Теперь точно все 😅3,86%
10 авг.🔥 Вышел новый плагин для настройки форм под конвертер 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 шифрования, авторизации и принудительной подмены адреса отправителя. — Тестирование: Инструмент для отправки тестовых писем с возможностью переопределения шаблона и темы сообщения.3,45%
14 авг.Обновление курса «Справочник WtW7» (было WtW7). Добавление инструкции и переименование кнопки в плагине ACF Для некоторых блоков иногда нужно написать инструкцию, чтобы пользователь понимал, что туда добавлять. Также теперь у вас будет не просто кнопка «Добавить», а вы сможете её переименовать — например, в «Добавить карточку». Настройка минимального и максимального количества записей в плагине ACF Чтобы пользователь не ломал ваш дизайн, теперь можно ограничить количество карточек или списков, которые он может добавить. Таблица, блок, строка — конфигурация плагина ACF Через метки вы можете настраивать отображение каждого блока. При этом не нужно лазить в сам плагин. Собираем блоки в табы плагина ACF Чтобы настройка страницы не выглядела огромной простынёй, теперь можно сделать каждый блок отдельным табом. Настройка табов по левому краю плагина ACF Табы каждого блока страницы можно располагать по левому краю — для удобства. Добавление и настройка Опций (два видео) Вишенка на торте — это очень простое добавление опций для повторяющихся блоков, таких как подвал. Советую посмотреть этот урок особенно тем, кто пользуется WtW6. На этом, друзья, всё. Хороших выходных.3,43%
28 июл.По мере записи уроков по конвертеру WtW7 начали наполнение справочника. P.S. Новые уроки в школе выходят каждый день.3,09%
23 июл.🔥 WEBFLOW ВЫКАТИЛ MCP 2.0 И AI INSTRUCTIONS! В Webflow произошло важнейшее обновление для тех, кто использует нейросети (Cursor, Windsurf, Claude Code) при верстке. Вышел протокол MCP 2.0 (Model Context Protocol), а в настройках сайтов и воркспейсов появился новый раздел — AI Agent Instructions. Если раньше ассистенту приходилось каждый раз объяснять правила заново, то теперь это полноценная система управления ИИ-ассистентами. 🧠 ЧТО ТАКОЕ AI INSTRUCTIONS И КАК ЭТО РАБОТАЕТ? Прямо в Webflow (раздел *Site Settings / Workspace Settings ➔ AI Agent Instructions*) теперь можно создавать инструкции двух типов на языке Markdown: * Rules (Правила) — постоянно действующие «ограничители» для ИИ. Они работают всегда. Например: «Всегда используй переменные design tokens, не хардкодь цвета, соблюдай BEM, используй семантичные теги». * Skills (Скиллы) — пошаговые инструкции и «плейбуки», которые ИИ подключает только под конкретную задачу. Например, отдельный скилл под создание компонента: как называть классы, какую структуру элементов делать и какие пропсы добавлять. 🚀 ЧТО НОВОГО В MCP 2.0? (САМЫЕ КРУТЫЕ ФИШКИ) 1. Больше НЕ НУЖНО держать открытым фоновое приложение Bridge! Раньше для работы MCP требовалось открытое десктопное приложение Webflow Bridge в браузере. Теперь большинство операций выполняется напрямую через API сервера без браузера. Соединение требуется только если ИИ нужно работать с активным холстом (canvas) прямо на ваших глазах. 2. Работа со сложными компонентами, пропсами и вариантами ИИ теперь умеет создавать полноценные Webflow-компоненты с редактируемыми свойствами (props), вариантами и слотами прямо из скриншотов или макетов. При этом он строго опирается на ваш Design System и переменные. 3. Смена цветовых палитр и Variable Modes в один клик ИИ может проанализировать существующую дизайн-систему, предложить альтернативные палитры (создав интерактивный превью-холст) и сразу применить изменения через режимы переменных (Variable Modes), не переписывая каждый цвет вручную. 4. Формы, медиафайлы и аналитика ИИ получил доступ к управлению заявками с форм (просмотр, выгрузка), автоматической оптимизации изображений (конвертация в WebP/AVIF) и аналитике трафика. Вы можете спросить ИИ на обычном языке: «Какие страницы сейчас самые посещаемые?» 5. Кастомный код, история изменений и роли Ассистент теперь умеет читать и писать Head/Footer код на уровне страниц и всего сайта, управлять ветками (Branches) и понимать по истории изменений, какие правки были внесены человеком, а какие — ИИ. Будем тестить.3,06%
3 авг.Сервера по цене шаурмы (Нидерланды) — 356 руб/мес (4 евро). Это не реклама — делюсь находкой для вайбкодинга! Я думал, какая-то шутка, и заказал для теста сервер у этих ребят. В итоге на тестах — полёт ОТЛИЧНЫЙ! Низкий пинг, быстрая статистика по использованию ресурсов и канал на 1 Гбит/сек. Довольно быстрый саппорт с человеческим лицом. Ребята бьются за клиента — что очень приятно. До этого использовал Timeweb, где цена аналогичного сервера — 1520 руб/мес, и падения на 2–3 дня раз в месяц. Поэтому, собственно, и стал искать альтернативу. Хостер https://lili.cloud/3,03%