Плагины и интерфейсы - WebSoftLeader

Разработка виджетов Elementor

Нужный блок можно собрать десятком вложенных контейнеров, но редактору придётся разбираться в каждом. Сделаем виджет Elementor с понятными полями и поведением под ваш макет.

Посмотреть проекты
Заполнить бриф
Стоимость$35/часСрокиПосле оценки задачи
Vladimir NikolaevWebSoftLeaderVladimir Nikolaev - эксперт WebSoftLeader
Разработка виджетов Elementor
ВАША ТОЧКА СТАРТА

Как повторяемый блок становится управляемым элементом

Блок трудно повторить

Для новой страницы редактор копирует сложную структуру и случайно меняет отступы или оформление.

Макет не собирается настройками

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

Контент приходит из данных

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

В СОСТАВЕ РАБОТ

Содержимое, настройки и вывод на странице

Виджет по согласованному макету

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

Поля для повседневных правок

Разделим контент и оформление, зададим разумные значения по умолчанию и ограничения ввода.

Повторное использование

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

Проверка и передача

Проверяем согласованный сценарий и передаём доступы для управления.

Обсудим, что нужно именно вамПодберём объём под задачу и приоритеты.
ПОСЛЕДНИЕ ПРОЕКТЫ

Примеры элементов и интерфейсов

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

Всё портфолио
lpcms.ru
LP CMS  -  визуальный редактор лендингов  -  реальный снимок сайта
CMS и CRM

LP CMS - визуальный редактор лендингов

Сайт визуального редактора лендингов, где продукт можно понять через его интерфейс. Демонстрация редактирования дополняется объяснением импорта HTML, установки и условий использования.

Визуальный редакторHTMLПродукт
Посмотреть решение
artel-rus.ru
Артелъ  -  коммерческие пространства  -  реальный снимок сайта
B2B и строительство

Артелъ - коммерческие пространства

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

ПортфолиоУслугиБаза знаний
Посмотреть решение
Совместная работа программистов за мониторамиРазработка виджетов Elementor
ПРОДУМАННЫЙ ПОДХОД

Что проверим в вашем виджете

Пришлите макет или пример и расскажите, какие параметры меняет сотрудник. Оценим виджет, состояния и проверку на страницах.

Поля управляемы

Сотрудник меняет нужные материалы.

Вывод согласован

Страница соответствует настройкам элемента.

Адаптация проверена

Блок пригоден для выбранных размеров экрана.

ОТ ПЕРВОГО РАЗГОВОРА ДО ЗАПУСКА

Как подготовим элемент Elementor

  1. 01

    Задача и первый прототип

    Согласуем состав работ и подготовим первоначальный прототип или план до оплаты.

  2. 02

    Утверждение и старт

    Вы утверждаете прототип и оплачиваете 30%. Начинаем согласованную реализацию.

  3. 03

    Показ рабочей версии

    Показываем основные страницы и функции или согласованные результаты этапа. После приёмки вы оплачиваете ещё 30%.

  4. 04

    Сдача проекта

    Завершаем проверки и передаём проект, материалы и доступы. После приёмки вы оплачиваете остаток 40%.

ОБЪЁМ - СТОИМОСТЬ - СРОКИ

Оценка настроек и поведения

Разработка стоит $35/час. Трудоёмкость зависит от содержимого, настроек, динамических данных и вариантов поведения элемента.

  • Виджет по согласованному макету
  • Поля для повседневных правок
  • Повторное использование
  • Проверка и передача
Ставка разработки$35/часПосле оценки задачиФинальный объём согласуем до начала работ.
ОПЛАТА ПО РЕЗУЛЬТАТАМ ЭТАПОВ

Сначала посмотрите результат этапа.

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

Первый прототип до первого платежа

Согласованный первоначальный прототип показывает ключевую страницу или основной сценарий клиента. Для SEO, рекламы и задач без интерфейса первым результатом будет план работ. Число экранов и итераций фиксируем в брифе.

  1. 0130%

    После согласования прототипа

    Вы утверждаете прототип или план работ и оплачиваете 30% согласованной стоимости проекта. После этого начинаем реализацию.

  2. 0230%

    После рабочей версии

    Показываем согласованные основные страницы и функции или перечисленные результаты этапа. После их приёмки вы оплачиваете ещё 30%.

  3. 0340%

    После сдачи проекта

    Завершаем согласованные проверки, сдаём проект и передаём материалы и доступы. Оставшиеся 40% оплачиваются после приёмки.

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

Работаем удалённо. Обсуждение, показы и передача проекта проходят онлайн. Время встреч и язык общения согласуем до начала работы.

ПОДХОД WEBSOFTLEADER

Виджет, который удобно использовать повторно

Дизайн и настройки проектируем вместе: красивый экран должен оставаться понятным после передачи сайта редактору.

Что редактор должен менять сам

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

Макет нужен в нескольких состояниях

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

Тематическое изображение: Разработка виджетов Elementor

Данные вместо ручного наполнения

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

Скрипты и стили блока

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

Установка в существующий сайт

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

Оценка разработки

Пришлите макет и перечень настроек. Работа стоит $35/час; интерактивность, источник данных и количество состояний влияют на трудоёмкость.

Vladimir Nikolaev
CEO и эксперт по веб-разработке и SEO

Vladimir Nikolaev

CEO и эксперт по веб-разработке и SEO. Разработчик сайтов и SEO-специалист с 2015 года. Vladimir Nikolaev связывает задачу бизнеса со структурой, содержанием и кодом проекта.

Об эксперте
ПЕРЕД СТАРТОМ

Вопросы о виджетах Elementor

На вопросы отвечает Vladimir Nikolaev.

Можно сделать виджет по готовому дизайну?

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

Редактор сможет менять изображения и тексты?

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

Подойдёт ли бесплатный Elementor?

Зависит от функций виджета. Проверим необходимые возможности и скажем, нужна ли версия Pro или достаточно установленной версии.

Виджет можно использовать несколько раз?

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

Можно выводить записи автоматически?

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

Получится передать виджет на другой сайт?

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

ДЛЯ РАЗВИТИЯ ПРОЕКТА

Что ещё может пригодиться

НАЧНЁМ С ВАШЕЙ ЗАДАЧИ

Пришлите макет нужного блока

Покажите десктопный и мобильный варианты, перечислите изменяемые поля. Оценим виджет и проверку в вашей версии Elementor.

WEBSOFTLEADER

Расскажите, что нужно улучшить.

Пришлите сайт или опишите процесс. Предложим первый шаг, согласуем состав работ и подготовим оценку.