Каждой целевой странице нужно место, которое подскажет посетителям, что делать дальше.The Призыв к действию виджет в Мастер-аддоны для Elementor строит этот блок: заголовок, короткую строку вспомогательного текста и кнопку, завернутую в стилизованное поле, которое можно опустить в любом месте страницы.
Вы вводите сообщение, устанавливаете ссылку на кнопку, выбираете предустановку макета, затем раскрашиваете фон, заголовок и кнопку, чтобы соответствовать вашему бренду. Это руководство проходит через каждую настройку виджета.
Что делает виджет "Призыв к действию" #
Виджет отображает автономное поле CTA с дополнительным значком, заголовком, описанием и кнопкой. раскрывающийся список "Презадание стиля" меняет макет со значка слева на полностью центрированный блок, а вкладка "Стиль" раскрашивает каждую часть.
Он имеет три вкладки. Содержание содержит текст, метку кнопки, ссылку и предустановку. Стиль управляет фоном, заголовком, описанием и видом кнопок. Продвинутый имеет обычные параметры расстояния между Элементором и видимости.
Прежде чем начать #
- WordPress с Элементор установлен и активен.
- Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Видеть руководство установки.
- Ваша копия CTA и URL-адрес назначения кнопки.
Как добавить виджет "Призыв к действию" #
В редакторе Elementor откройте Элементы панель и поиск Призыв к действию, или прокрутите в раздел Главные дополнения (виджеты несут фиолетовый значок MA). перетащите его на свою страницу, и он загружается с образцом CTA, готовым к редактированию.
Он начинается со значка, заголовка, описания и кнопки "Купить сейчас", поэтому вы редактируете из рабочего блока, а не из пустого.
Установите содержимое и выберите предустановку #
Открыть Содержание вкладка. Стиль Пресет раскрывающийся список находится вверху, за ним следуют текстовые поля.
- Пресет стиля: Стиль по умолчанию, центральный стиль, стиль цитаты, стиль цитаты 2 и левый значок.
- Содержимое CTA: заголовок с опцией "Письмо с искусственным интеллектом".
- Описание: линия поддержки под заголовком.
- Текст кнопки: этикетка на кнопке, например "Купить сейчас" или "Начать".
- URL-адрес призыва к действию: куда указывает кнопка (и поле, если вы ее свяжете).
Пресеты раскладки #
Пресет меняет расположение блока, не касаясь вашего текста. Центр Стиль помещает заголовок, описание и кнопку посередине, что хорошо подходит для раздела во всю ширину.
Другие предустановки меняют макет: левый значок сохраняет значок рядом с текстом, а стили "Цитата" добавляют акцент для блоков в стиле отзывов. Попробуйте пару, поскольку одна и та же копия читается по-разному после изменения макета.
Стиль блока #
The Стиль вкладка разбивает виджет на части, которые вы можете стилизовать самостоятельно: Пресетный стиль, Титульный стиль, Описание Стиль, Стиль кнопкии Шаблоны (опция Pro).
The Пресетный стиль раздел устанавливает фон поля. переключите тип фона между сплошным цветом и изображением, затем выберите цвет.
Стиль кнопки #
Открытый Стиль кнопки для кнопки призыва к действию. имеет Нормальный и Наведите курсор вкладки, поэтому вы устанавливаете вид отдыха и вид зависания.
- Цвет фона и цвет текста: кнопка заполняет и маркирует цвет в зависимости от штата.
- Ширина и заполнение: размер кнопки.
- Тип границы и радиус границы: контур и закругленные углы.
- Типографика: шрифт кнопки.
Обычные случаи использования #
- ЦТА целевой страницы навязывание регистрации, демонстрации или покупки.
- Подсказки по окончании поста ссылка на товар или страницу цен.
- Раздел баннеры объявление о предложении или запуске.
- Вызовы боковой панели или нижнего колонтитула с единым четким действием.
- Блоки в стиле цитат сочетание отзыва с кнопкой.
Советы по работе с виджетом Call to Action #
- Ведите с пользой. В заголовке должно быть указано, что получает посетитель, а не только то, что нажать.
- Сохраните описание кратким. Одна или две строки находятся над кнопкой.
- Используйте одну кнопку. Одно четкое действие преобразуется лучше, чем два конкурирующих.
- Сравните кнопку. Выделите его на фоне коробки.
- Установить состояние зависания. Сдвиг цвета при наведении сообщает посетителям, что кнопку можно нажать.
Смотрите видеоурок #
Предпочитаете следовать на экране? Видеоурок ниже проходит через элемент "Призыв к действию" от начала до конца, показывая, как работает каждый предустановленный, фоновый и кнопка в редакторе Elementor.
Часто задаваемые вопросы #
Что такое виджет Call to Action в Master Addons?
Это виджет Elementor, который строит блок CTA с заголовком, описанием и кнопкой внутри стилизованного поля. вы выбираете предустановку макета, устанавливаете ссылку на кнопку и раскрашиваете каждую часть панели Elementor без пользовательского кода.
Какие пресеты макета включает виджет "Призыв к действию"?
Пять: стиль по умолчанию, центральный стиль, стиль цитаты, стиль цитаты 2 и левый значок. Каждый переставляет блок, например, центрирует все или сохраняет значок рядом с текстом, не меняя названия, описания или кнопки.
Могу ли я добавить фоновое изображение в блок CTA?
Да. во вкладке Стиль откройте Пресеты Стиль и установите Фоновый Тип для изображения вместо сплошного цвета, затем выберите изображение. вы также можете придерживаться сплошного цвета фона и стилизовать заголовок, описание и кнопку отдельно.
Могу ли я сделать всю коробку кликабельной?
Кнопка использует URL-адрес Call To Action с вкладки Контент. виджет также имеет опцию Wrapper Link, поэтому вы можете связать все поле с пунктом назначения вместо только кнопки, которая подходит для CTA в стиле баннера.
Могу ли я создать стиль состояния наведения кнопки?
Да. Откройте Стиль кнопки на вкладке Стиль и переключитесь на вкладку Наведение курсора Вы можете установить другой цвет фона, цвет текста и границу для наведения курсора, поэтому кнопка реагирует, когда посетитель перемещается по ней.
Завершая #
Виджет "Призыв к действию" превращает заголовок, строку текста и кнопку в стилизованный блок, который управляет щелчками мыши. Напишите сообщение, выберите предустановку, например "Центральный стиль", установите ссылку, затем раскрасьте фон и кнопку, чтобы они соответствовали вашей странице. Чтобы узнать о связанных виджетах преобразования, см. раздел Виджет таблицы цен и Виджет информационного ящика, просмотр всего Виджеты и расширения Master Addgetsи проверьте страница ценообразования за то, что включает каждый план.
