Добавить две кнопки или удалить кнопку на целевой странице Weebly

<

div itemprop=”articleBody”>

Все темы Weebly имеют кнопку на целевой странице, которая используется для призыва к действию. Он работает очень эффективно при правильном использовании и приводит к увеличению коэффициента конверсии. Но что, если вам не нужна эта кнопка? Вот пошаговое руководство по удалению кнопки призыва к действию с целевой страницы Weebly. Weebly использует два типа тем – адаптивную и неотзывчивую, и процесс зависит от используемой вами темы.

Удалить кнопку призыва к действию на адаптивных темах

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

Целевая страница Weebly с кнопкой призыва к действию

Страница Weebly Lading без кнопки призыва к действию

Страница Weebly Lading без кнопки призыва к действию

Удалить кнопку призыва к действию на неотзывчивой теме

В неотзывчивых темах, даже если у вас нет текста кнопки или ссылки, кнопка будет отображаться на опубликованном сайте. Здесь вам нужно удалить кнопку, отредактировав исходный HTML-код типа заголовка «landing.html».

  • В редакторе сайта Weebly нажмите кнопку «Редактировать HTML / CSS», доступную на вкладке «Тема».
  • Вы попадете в редактор кода Weebly, нажмите «landing.html» в разделе «Тип заголовка».
  • Найдите кнопку со словом в коде. Для поиска используйте «Ctrl + F» в Windows или «Command + F» в Mac.
  • Полностью удалите следующий раздел .
<div class="button-wrap">{action:button global="false"}</div>

Эта строка обычно доступна с классом «button-wrap», как показано ниже:

Удалить кнопку призыва к действию на целевой странице Weebly

Удалить кнопку призыва к действию на целевой странице Weebly

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

Код может отличаться в зависимости от вашей темы, как правило, должна быть строка «{действие: button global = ”false”}»Для добавления кнопки призыва к действию во все темы, которые вы можете удалить.

Посмотрите видео ниже о том, как удалить кнопку призыва к действию с целевой страницы вашего сайта Weebly:

Создание нескольких макетов целевой страницы

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

  • Как объяснялось выше, откройте исходный код своей страницы «landing.html» и скопируйте весь код.
  • Теперь создайте новый макет страницы, щелкнув параметр «Новый тип заголовка», как показано ниже:
Создание нового типа заголовка в Weebly

Создание нового типа заголовка в Weebly

  • Вы увидите, что новый макет страницы создан с исходным кодом по умолчанию.
  • Удалите весь код и замените его кодом, который вы скопировали с исходной страницы «landing.html».
  • Измените имя нового типа заголовка на «no-button-landing-page.html»(Или любое другое имя по вашему желанию). В основном мы дублируем лендинги с разными названиями.
  • Теперь вы удалите тег призыва к действию «{действие: button global = ”false”}” из “no-button-landing-page.html».
  • Сохраните свою тему.

Вы можете увидеть новый макет страницы «no-button-landing-page.html»Добавляется на вкладке« Страницы »или в редакторе под кнопкой« Настройки »на любые страницы с изображением заголовка.

Изменить макет страницы в Weebly

Изменить макет страницы в Weebly

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

Выбор макета страницы Weebly

Выбор макета страницы Weebly

Как добавить две кнопки призыва к действию?

Многие пользователи спрашивали нас, как добавить две или более кнопки призыва к действию на целевую страницу Weebly. Просто добавив еще одну строчку «{действие: button global = ”false”} ” на «landing.html» будет и дополнительная кнопка в редакторе. Но проблема в том, что две кнопки не могут иметь разный текст, на опубликованном сайте вторая кнопка будет действовать как дубликат первой. Вот как вы можете добавить две кнопки призыва к действию.

Как и при удалении кнопки, перейдите в макет «landing.html» и замените код «{действие: button global = ”false”} ” с приведенным ниже кодом:

<div class="button-wrap">{button:content global="false"}</div>

Измененный код будет выглядеть примерно так:

Изменение исходного кода целевой страницы на Weebly

Изменение исходного кода целевой страницы на Weebly

Сохраните свою тему, чтобы перейти в редактор Weebly, и призыв к действию по умолчанию мог быть удален. Перетащите элемент кнопки в область кнопки призыва к действию (под кратким описанием). Вы можете добавить еще один элемент кнопки рядом с первым элементом кнопки. Теперь у вас есть две кнопки со стилем кнопок Weebly по умолчанию и добавьте свой текст / ссылку, как обычно.

Две кнопки на целевой странице Weebly

Две кнопки на целевой странице Weebly

  • Вы можете выровнять первую кнопку по правому краю, а вторую по левому краю, чтобы правильно выровнять по макету. Также можно использовать элемент «Разделитель» для создания необходимого промежутка между кнопками. Не забудьте проверить кнопки на мобильном устройстве и при необходимости добавить медиа-запросы CSS для лучшего выравнивания.
  • Используйте верхнее поле, чтобы оставить достаточно места между кнопками и кратким описанием.
  • Класс «button-wrap» использует стиль кнопки Weebly по умолчанию. Если вы хотите, вы можете использовать собственное имя класса и определить стили CSS в файле «main_style.css».
  • Вы также можете добавить любые другие элементы, такие как цитата из блока или значки социальных сетей, в область заголовка вместо кнопки призыва к действию.

Просмотрите демонстрацию целевой страницы Weebly с двумя кнопками призыва к действию.

Посмотреть демо

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *