Создайте свои собственные виджеты Elementor. Код не требуется.
Встречайте Widget Builder от Master Addons (Мастер-аддоны) мощный мост между вашим пользовательским кодом и редактором Elementor. Превратите уникальные конструкции, интерфейсы, созданные с помощью искусственного интеллекта, или интерактивные фрагменты CodePen в полнофункциональные многоразовые виджеты Elementor.
Преимущество конструктора виджетов
Создавайте действительно уникальные виджеты
Создавайте виджеты в соответствии с точными потребностями вашего проекта - то, что готовые библиотеки не могут предложить.
Воплотите в жизнь проекты искусственного интеллекта и CodePen
Непосредственно интегрируйте пользовательские пользовательские интерфейсы из инструментов искусственного интеллекта или живые прототипы из CodePen на свой сайт в виде редактируемых виджетов Elementor.
Полный творческий контроль
Вам принадлежит весь стек: структура (HTML), стиль (CSS) и интерактивность (JS), а также возможность добавлять внешние библиотеки.
Повторное использование и экономия времени
Создайте виджет один раз, сохраните его в своей библиотеке и повторно используйте в любом проекте с согласованными редактируемыми настройками.
Создан для пользователей Power
Если вы знаете Elementor, вы можете использовать Widget Builder.Знакомый интерфейс на основе вкладок делает создание виджетов визуальным и интуитивно понятным.
Пользовательские виджеты на любом сайте
Создайте виджет один раз и легко экспортируйте/импортируйте его для использования на совершенно разных веб-сайтах WordPress, экономя огромное время
Создайте и назовите свой виджет
Начните с установления личности вашего нового компонента. дайте ему четкое название и организуйте его в категории для беспрепятственного доступа каждый раз, когда вы используете Elementor.
- Назначьте виджету уникальный и описательный заголовок.
- Классифицируйте его для облегчения доступа в будущем на панели редактора.
- Настройте базовую основу для многоразового элемента.
Создайте опыт редактора
Построить интерфейс, с которым будут взаимодействовать ваши пользователи, Добавляя элементы управления вроде переключателей и сборщиков цветов, вы визуально строите панель настроек виджета, не записывая никакого кода.
- Добавьте элементы управления (текст, цвет, выберите) с левой панели.
- Каждый элемент управления становится редактируемой опцией в Elementor.
- Визуально спроектируйте всю панель настроек, обращенную к пользователю.
Контроль карты вашего кода
Здесь ваш виджет становится динамическим. конструктор генерирует интеллектуальные короткие коды для каждого элемента управления, которые вы размещаете в своих шаблонах для создания живых ссылок между настройками и выводом.
- Используйте автоматически генерируемые короткие коды, такие как {{color}}.
- Вставьте их в свой код HTML, CSS или JS.
- Создайте прямую связь между входами редактора и внешним дисплеем.
Сохранить и использовать где угодно
После сохранения ваш пользовательский виджет готов к действию. он появляется в редакторе Elementor, готовый к перетаскиванию на любую страницу и настроенный с помощью созданных вами живых настроек.
- Сохранить, чтобы мгновенно добавить его на панель Элементор.
- Перетащите виджет на любую страницу.
- Настройте настройки в реальном времени и мгновенно увидите рендеринг дизайна.
Готовые виджеты
Двенадцать макетов Pro и восемь бесплатных Импорт JSON, редактировать в Elementor.
Что вы действительно можете построить?
От ИИ до веб-сайта
Создайте сложную ценовую карту или ползунок отзывов с помощью инструмента проектирования искусственного интеллекта, скопируйте код и подключите его к Widget Builder. Теперь это управляемый виджет Elementor с редактируемым текстом и цветами.
CodePen к производству
Нашел потрясающую анимированную кнопку или уникальную галерею на CodePen? не просто встраивайте - трансформируйте в собственный виджет, где вы сможете управлять всеми параметрами.
Создайте свой собственный комплект пользовательского интерфейса
Создайте набор пользовательских кнопок, заголовков или информационных карт с уникальными шаблонами взаимодействия вашего бренда и повторно используйте их на всех клиентских сайтах.
Доступные параметры
Текст
Добавить базовый текстовый ввод.
Ввод только числовых значений.
Для более длинных текстовых записей.
Богатый визуальный текстовый редактор.
Входной код фрагментируется напрямую.
Хранить скрытые фоновые данные.
Переключить опцию включения/выключения.
Открыть дополнительные настройки popover.
Выберите один из вариантов раскрывающегося списка.
Выберите любой цвет визуально.
Выберите семейство шрифтов.
Контролируйте весь стиль текста.
Выберите дату/время.
Ввод или выбор ссылок.
Загрузите или выберите медиа.
Выберите несколько изображений вместе.
Выберите из библиотеки значков.
Отрегулируйте значения с помощью ползунка.
Установите прокладку, запас и т. д.
Применяйте теневые эффекты визуально.
Установить свойства фона элемента.
Выберите из параметров изображения.
Создавайте повторяющиеся группы контента.
Организуйте контент во вкладки.
Добавьте параметры цвета в свой виджет.