fbpx
Плагин для увеличения конверсии

Что изменилось в Thrive Architect, обзор новых возможностей

Что нового в Thrive Architect

Чуть более полутора лет назад компания Thrive Themes запустил Thrive Architect , визуальный конструктор страниц для WordPress.

С тех пор этот простой визуальный редактор с функцией перетаскивания вырос и расширился. За последние 12 месяцев было выпущено 18 новых функций. Ещё множество обновлений, улучшений скорости и улучшений пользовательского опыта.

Сложно не отставать.

Используете ли вы эти изменения?

В этой публикации мы кратко рассмотрим все новые функции и обновления, которые вы, возможно, пропустили или не заметили в Thrive Architect.

"Как мне идти в ногу?"

Каждый раз, когда компания добавляет новые функции, интеграции или заслуживающие внимания обновления к любому из своих продуктов, она добавляет уведомление в сроки разработки Thrive Themes.

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

Если вы еще не знакомы, элементы являются строительными блоками в Thrive Architect, которые вы можете перетаскивать в любом месте на своих страницах.

Когда вы создаете новую целевую страницу или запись в блоге в Thrive Architect, вы будете работать в основном с элементами, и есть очень много вариантов, из которых сложно упомянуть  всё здесь.

Но в Thrive Themes добавили 2 супер ценных новых элемента для пользователей в прошлом году. Вот они:

Элемент контактной формы:

Контактная форма Thrive Architect

Элемент формы перетаскивания контактов содержит множество готовых шаблонов

Новый  элемент контактной формы делает это такчтобы ваши посетители сайта легко могли войти в контакт с вами. Перетащите его на любую страницу, выберите один из готовых шаблонов контактных форм, и все готово!

Затем, когда любой посетитель заполняет форму и нажимает «отправить». Вы автоматически получаете электронное письмо в выбранном вами почтовом ящике, уведомляющем вас о вопросах посетителя.

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

Чтобы узнать больше об элементе контактной формы, ознакомьтесь с оригинальным сообщением, нажав здесь .

Что делает хорошую​ страницу контактов?


Большинство контактных форм находятся на специальной странице на сайте. 

\Если вы ищете вдохновение для создания отличной контактной страницы, ознакомьтесь с этой статьей здесь.

Таблица цен:

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

Вот где пригодится новый элемент таблицы цен.

Таблица цен Thrive Architect

Красивые таблицы цен теперь просто перетащить

С библиотекой из 22 готовых шаблонов ваша таблица цен будет выглядеть профессионально и привлекательно.

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

Переключатель экземпляров для таблиц цен

Переключатель экземпляров для таблиц цен

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

Как и все элементы в Thrive Architect, таблица цен является отзывчивой и работает на мобильном или настольном компьютере.  И вы можете настроить весь текст, цвета и рисунки.

Чтобы узнать больше о функции таблицы цен, ознакомьтесь с объявлением здесь .

Новые конструктивные особенности

Прелесть Thrive Architect в том, что вам не нужно никого нанимать для создания профессиональных макетов на вашем сайте. Это мечта владельца сайта - всё визуально редактируемое, не затрагивая ни строчки кода.

Как художник с кистью, вы получаете прямой контроль над конечным результатом, не нуждаясь в команде разработчиков или дизайнеров. И команда Thrive Themes улучшила дизайнерскую мощь Thrive Architect с множеством новых функций. Функций, о которых вы обязательно должны знать.

Функции анимации:

У Thrive Architect уже есть встроенные функции анимации. Они позволяют вам раскрывать элементы с привлекательной анимацией.

Но несколько месяцев назад разработчики удвоили библиотеку CSS Hover Animations, добавив фоновые анимации . 

Эта функция немного скрыта, поэтому часто остается незамеченной. Вам нужно будет выбрать поле содержимого, активировать состояние наведения в редакторе, а затем перейти в раздел «Анимации и действия».

фоновые анимации в Thrive Architect

Новые фоновые анимации!

Как только вы поймете, что можно делать с фоновой анимацией, ваши страницы получат реальный уровень дизайна.

Вот пример в действии:

фоновая анимация в Thrive Architect

Для таких элементов, как блоки содержимого, вы можете установить «Состояние при наведении». 

Это означает, что в представлении рабочего стола, когда курсор посетителя проходит над окном контента, он активирует второе состояние. 

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

Но с Hover Animations вы можете выбрать, как элемент переходит в свое состояние наведенияВы можете заставить его подпрыгивать, поворачиваться влево, поворачиваться вправо, переворачиваться, жужжать и многое другое.

Чтобы узнать больше о анимации при наведении курсора , ознакомьтесь с оригинальным сообщением здесь . А затем с  объявлением разработчиков об обновлении  фоновой анимации при наведении здесь .

Необычные Разделители

Вы когда-нибудь сталкивались с красивым и профессионально выглядящим веб-сайтом, но не смогли точно определить, что делает его таким хорошим?

мобильные адаптивные таблицы

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

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

Необычный разделитель - это графическая грань между двумя областями контента. 

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

В прошлом году разработчики Thrive Themes представили функцию «Необычные разделители». Но они также обновили библиотеку шаблонов «Необычные разделители». Это позволяет предоставить вам еще больше возможностей для оживления ваших страниц.

Чтобы узнать больше о Fancy Dividers, вы можете увидеть оригинальное объявление здесь и узнать об обновленной библиотеке Fancy Dividers здесь .

Шаблоны таблиц

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

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

Разработчикам Thrive Themes пришлось серьезно подумать о решении, о том, как создавать мобильные веб-таблицы на веб-странице.

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

мобильные адаптивные таблицы

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

Но разработчики хотели предоставить еще больше возможностей для проектирования, поэтому недавно обновили элемент Table . 

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

Чтобы узнать больше о шаблонах таблиц, посмотрите оригинальный пост здесь .

Пользовательские Шрифты

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

Thrive Architect уже поставляется с библиотекой встроенных шрифтов и доступом ко всем Google Fonts… Но в этом году  добавлены интеграции с  пользовательскими шрифтами.

Доступ к шрифтам в Architect

Доступ к вашим пользовательским шрифтам в Architect

Разработчики интегрировали Thrive Architect с бесплатным и популярным плагином «Пользовательские шрифты». 

Просто добавьте плагин на свой веб-сайт, загрузите любые шрифты по вашему выбору, и вы найдете их в качестве опции в Architect.

Теперь вы можете проявить себя настолько креативно, насколько захотите.

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

использование смешанных шрифтов

Вот что может сделать творческое использование смешанных шрифтов!

Чтобы узнать, как добавить свои собственные шрифты, посмотрите это видео здесь .

Глобальные особенности

Не игнорируйте этот раздел.

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

Новый набор глобальных функций, встроенный в Thrive Architect, меняет правила игры. 

Теперь вы можете связать элементы дизайна по всему веб-сайту и изменить их все одним щелчком мыши. Вот как работает каждый новый глобальный элемент:

Глобальные цвета:

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

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

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

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

Сохраните любой цвет как глобальный цвет

Сохраните любой цвет как глобальный цвет

Глобальные градиенты:

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

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

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

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

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

Сохраните ваши глобальные градиенты одним щелчком мыши

Сохраните ваши глобальные градиенты одним щелчком мыши! 

Глобальные кнопки:

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

Возможно, они находятся на формах подписки, страницах продаж, сжатых страницах или домашних страницах.

Но, скорее всего, у вас есть предпочтительный стиль кнопок, который становится вашим «переходом».

Что делает глобальные кнопки такими полезными?

Это то, что они будут использовать один и тот же стиль , но при этом будут иметь уникальные элементы.

Например, каждый экземпляр кнопки может иметь различный текст кнопки, различное выравнивание (слева, справа, по центру) и ссылку на другой URL-адрес веб-сайта.

Но они по-прежнему будут иметь одинаковые конструктивные особенности, такие как цвет, шрифт, отступы, тень и граница.

Сохраните и повторно используйте глобальные кнопки для всего веб-сайта

Сохраните и повторно используйте глобальные кнопки для всего веб-сайта

Глобальные стили:

Вы когда-нибудь создавали страницу в Architect и повторяли определенные блоки контента или фоновые разделы? Вероятно, вы просто используете опцию дублирования, верно?

Но что, если вы хотите изменить эти поля содержимого или отредактировать выравнивание или цвет текста, содержащегося в этих конкретных разделах фона? Вот где появляются глобальные стили .

Теперь вы можете назначить стиль фоновым разделам и полям содержимого. Используя принцип снаружи , вы можете создавать параметры дизайна (такие как шрифты, размеры, цвета и т. д.).

Они будут применяться ко всем элементам, содержащимся в этом блоке. И это будет отражено в любых повторяющихся экземплярах.

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

Сохраните это глобально!

Нравится твой стиль? Сохраните это глобально!

Символы

Термин « символ » в веб-дизайне не означает то, что вы думаете о его назначении. Каждый раз, когда мы говорим о символах, мы должны объяснить, почему это запутанное имя.

В веб-дизайне символ известен как повторяющийся элемент контентаВ отличие от всех вышеперечисленных глобальных функций, символы отличаются по одной причине: меняется не только стиль, но и контент .

Лучшее объяснение символов было на примере подписчика подкаста Шейна

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

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

сохранить элемент в виде символа в Thrive Architect

Нажмите кнопку «Сохранить» на любом элементе и выберите «Символ».

сохраненные дизайны с помощью элемента «Шаблоны и символы».

Восстановите сохраненные дизайны с помощью элемента «Шаблоны и символы».

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

Чтобы воспроизвести символы на своем сайте, перетащите элемент «Шаблоны и символы» на любую страницу и выберите сохраненный символ.

Поведение прокрутки

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

Разработчики представили новый параметр, который вы найдете в редакторе Thrive Architect, который называется Scroll Behavior .

Когда вы выбираете совместимый элемент, вы можете установить режим прокрутки на «липкий». 

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

 Scroll Behavior в действии

Видите, как лента приклеивается к вершине на странице? Это Scroll Behavior в действии!

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

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

Обновление Архитектора

Разработчики много думают о каждой новой функции, которую они добавляют в Thrive Architect . Их цель - сделать его быстрым, интуитивно понятным и мощным, и разработчики стремятся сделать его уникальным инструментом.

Но на этом изменения не заканчиваются. У разработчиков есть несколько интересных обновлений для Architect, запланированных на 2019 год, так что следите за обновлениями, чтобы узнать, какие дополнительные возможности они могут добавить в этот инструмент!

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

Есть ли что-то, что выделяется?

Дайте знать в комментариях ниже!

Опубликовано по материалам Thrive Themes

 

Александр Зарубин

Интернет-маркетолог и блогер, продвигаю партнёрские программы, записываю обучающие видео и курсы, тестирую плагины, скрипты и прочие инструменты интернет - продвижения.

Нажмите здесь, чтобы оставить комментарий ниже

Оставьте ответ:

Наверх