Как удерживать посетителей сайта? Используйте встраиваемый контент (content embeds). Аудиторию привлекают посты из соцсетей, красочные подборки фотографий в формате галерей и захватывающие видеоролики. Эти элементы можно интегрировать в Webflow с других сайтов в виде встраиваемых блоков.

Webflow — конструктор сайтов и визуальный инструмент веб-дизайна, который помогает создавать лендинги, онлайн-магазины, форумы, блоги и полноценные многостраничные сайты. С ним работают как профессионалы, добавляя пользовательские HTML и CSS, так и специалисты без знания кода, например, дизайнеры, редакторы и т. д.

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

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

Что такое встраиваемый контент (content embeds)?

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

Вставки медиа более подробны и интерактивны, чем скриншоты или ссылки. Если вы хотите интегрировать видео с YouTube в статью блога, посетители могут нажать кнопку «play» и остаться на сайте во время просмотра. А если они захотят посетить ваш YouTube-канал, то помогут ссылки на вставку. Это улучшает поток пользователей, связывает ваши каналы и улучшает UX.

Используйте встраиваемые элементы для генерации лидов

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

Например, такие сервисы, как MailChimp (платформа для почтовой рассылки), позволяют создавать шаблоны встраиваемых блоков подписки на email-рассыки. С помощью этого можно настраивать уникальные стили форм для сбора информации в соответствии с визуальной концепцией вашего бренда. После разработки формы нужно скопировать HTML-код и вставить в нужное место на сайте.

Если хотите профессионально делать веб-проекты без кода, приходите на бесплатный двухдневный марафон «Веб-разработчик на зерокоде». Вы узнаете, как освоить востребованный навык с нуля и выйти на 200+ тыс. руб. в месяц, получите обзор инструментов для успешной веб-разработки на зерокоде, этапы сборки веб-приложения и не только.

Виды встраиваемого контента на Webflow

1. Аудио

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

2. Отзывы клиентов

Можно разместить скриншоты отзывов или несколько реальных комментариев с таких сайтов, как Google Reviews, Yelp или Trustpilot. И второй вариант может оказаться гораздо эффективнее для создания репутации за счёт достоверности информации. Клиенты всегда доверяют больше, если отзывы можно легко проверить, хотя, скажем по секрету, большинство не станет этим заниматься.

В качестве примера приведем компанию Q Audio, которая размещает положительные отзывы Yelp на домашней странице над вставкой Google Maps. Там представлены комментарии довольных клиентов со ссылкой на отзывы, если читатели хотят узнать больше. Это подтверждает легитимность бренда и дает потенциальным клиентам немедленный доступ к подлинным отзывам.

3. Посты в социальных сетях

Репосты делают и авторы, и компании, чтобы прикреплять твиты, видеоролики YouTube и публикации из прочих социальных сетей. Большой плюс Webflow — возможность встроить кнопки «подписаться» и «поделиться». Пользователь может сделать репост в свою ленту, не покидая страницы.

Например, сайт компании ‍Pencil, разработанный Уиллом Хэншеллом, включает встроенные видео YouTube для демонстрации прошлых рекламных проектов. Посетители могут смотреть их, не покидая главной страницы, что позволяет потенциальным клиентам быстрее узнать о компании. Они также могут нажать на название видео, если предпочитают смотреть на сайте YouTube.

4. Загруженные видео

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

Сайт OSCO Studios, разработанный WEBOAF, иллюстрирует особенно эффективный способ сочетания встроенного видео с другим контентом. Компания специализируется на медиапроизводстве и дополнила портфолио встроенными видеофрагментами, чтобы посетители оценили творческую работу студии.

5. Опросы клиентов

Интеграции форм и опросов от Mailchimp, SurveyMonkey и Typeform позволяют собирать мнения и информацию о клиентах прямо на вашем сайте. Блоки форм, которые можно добавить в верстку без стороннего сайта, тоже подходят, но они не предлагают такого же подробного сбора данных.

Сайт ‍Eyes Here, разработанный Мэтью Батлером, отображает на домашней странице портфолио веб-дизайна и разработки, а также отзывы. Прокрутите страницу в самый низ и найдете подробную контактную форму, в которой посетителям задаются вопросы об их бюджете, масштабах проекта и текущем сайте. Клиентам не нужно открывать приложение электронной почты или заполнять внешнюю форму, чтобы оставить заявку. Форма содержит полезные вопросы, а высококонтрастные цвета хорошо сочетаются с брендингом Eyes Here, UX-дизайном и визуальными эффектами.

Untitled

6. Рекламные объявления

Иногда реклама бывает навязчивой и не соответствует посланию бренда. Но релевантные объявления несут ценность для пользователей и обеспечивают монетизацию сайта, особенно если встроить их в идеальное место. Для этого доступны сервисы Carbon, Google AdSense и др.

Сайты и блоги с высокой посещаемостью отлично подходят для размещения рекламы. Cookie & Kate, платформа с вегетарианскими рецептами — прекрасный пример. Реклама размещена внизу и сбоку страницы, чтобы не мешать изучению контента. Каждое объявление имеет маленький значок «x», чтобы пользователи могли закрыть рекламу, если она им неинтересна.

Показывайте, а не рассказывайте

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

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