Как оформить страницу в контакте для бизнеса: Как оформить Страницу бизнеса ВКонтакте
Пошаговая инструкция как красиво оформить группу в ВКонтакте
Аудитория VK численно больше и активнее, чем у других популярных соцсетей Рунета. Благодаря огромному охвату, ваш бизнес, общественная организация или движение найдут здесь заинтересованных пользователей. Первый и ответственный шаг на этом пути: правильно оформить группу ВКонтакте, чтобы она стала действенным (а возможно и основным) инструментом роста популярности и продаж вашего бренда.
Даже если ваше сообщество уже создано, но малоэффективно, исправить ошибки можно на любом этапе. Пройдитесь по пунктам нашей инструкции – вместе проанализируем основные составляющие дизайна группы.
Определите цели
Перед тем, как заняться созданием аватара, шапки сообщества – любого элемента оформления – ясно сформулируйте главную цель ваших трудов. Честно признайтесь: чего вы ждете от пользователя? – Понятно, что хочется всего и сразу: и активных покупок, и бурного общения в группе, и массовых репостов, и регулярных посещений основного сайта… Но нужно выбрать одно – самое важное.
Например, если основной функционал продаж находится в стороннем магазине – сообщество должно давать туда максимум переходов. В этом случае главное внимание вы нацелите на ссылки, красиво оформленное меню группы ВКонтакте, чтобы клиент легко попадал в нужный раздел сайта, информацию для связи с продавцом.
Другая возможная цель: повышение лояльности аудитории. Если людям нравится общаться с вами, они купят товары или услуги даже чуть дороже, чем у конкурентов. «Сарафанное радио» довольных клиентов снизит расходы на рекламу. Тут главное: создать притягательную атмосферу. Пользователю должно быть комфортно и интересно чувствовать себя частью сообщества. Не забывайте, что классное оформление группы в представлении, скажем, футбольных фанатов и мамочек в декрете выглядит совершенно различно.
Критично рассматривайте каждый элемент дизайна сообщества с точки зрения его главной цели!
Оформление сообществ
Ваше «лицо» в сети узнаваемо
Визуальные образы работают на укрепление доверия
Ваши посты и объявления выделяются в ленте пользователя
Логотип
Самое емкое представление вашего бренда – миниатюрная картинка-символ, которая сопровождает каждый пост группы. Ее минимальный размер 200 х 200 px (пикселей). При любом соотношении сторон все равно придется выбирать квадратный фрагмент.
Важно: учтите, что края изображения будут обрезаны по форме круга! Поэтому для красивого оформления группы ВКонтакте нужно сразу запланировать круглый логотип.
Картинка или аббревиатура должны быть понятны и узнаваемы даже на небольшом экране смартфона (мобильный трафик соцсетей уже давно превысил количество заходов со стационарных компьютеров!).
Аватар
Это другой тип изображения, который можно разместить в правом верхнем углу вашей группы. Его размеры 200 х 500 px или больше, но при соотношении сторон 2 х 5. В этом пространстве можно уместить и картинку, и краткую фразу (например, ваш слоган, призыв к действию).
Важно: круглый логотип все равно будет вырезан из этого изображения (выбрать фрагмент картинки предложит встроенный редактор). Поэтому и в аватаре ключевая часть должна иметь пропорции 200 х 200 px и удачно вписываться в круг.
В мобильной версии пользователи увидят только круглую миниатюру в верхнем левом углу экрана.
Основной баннер
Используйте при оформлении группы ВКонтакте шапку (обложку) или закрепленную запись. Большое яркое изображение цепляет внимание и дает представление о сообществе.
Важно: официально заявленный размер шапки 1590 х 400 px. Но при мобильном просмотре ее края обрезаются. Поэтому рекомендуем создать графический файл в пределах 1200 х 400 px или не размещать по краям картинки (по 200 px слева и справа) значимых изображений, надписей.
Если вы загружаете шапку, круглый логотип будет отображаться под ней – слева. Справа есть возможность разместить интерактивную кнопку с возможностью:
- написать e-mail;
- позвонить;
- позвонить в ВК;
- перейти на сайт;
- перейти в приложение;
- зайти в приложение группы.
Если вы не используете обложку, ее функции может исполнить закрепленная запись – пост, который всегда будет расположен вверху ленты группы. Сконцентрируйте здесь самую важную информацию, например, ссылки на рубрики вашего сайта или даты мероприятий (поддерживайте этот пост в актуальном состоянии!).
Снабдите верхнюю публикацию яркой тематической картинкой. Новый дизайн оформления группы ВКонтакте предполагает квадратное или прямоугольное (альбомное) изображение, шириной 510 px.
Вики-меню группы
Освойте специальный тип записей, которые позволят нацелить вашу аудиторию на нужный контент. Они создаются в отдельном редакторе с wiki-разметкой, работа с которой напоминает HTML-форматирование. Реализовать все возможности такой записи вы сможете, изучив синтаксис wiki. Для примера мы покажем, как оформить группу ВКонтакте меню с переходом на внутренние адреса соцсети или на внешние ресурсы.
В правом виджете администратора откройте пункт «Управление» — «Разделы». Здесь, напротив вкладки «Материалы» поставьте значение «открытые» или «ограниченные» (разница описана во всплывающих подсказках). Тогда на стене сообщества, рядом со вкладкой «Информация» появится другая – «Свежие новости».
Именно эту вкладку нужно редактировать (кнопка появится внизу). Вместо «Свежие новости» напишем «Меню». В правом верхнем углу переключим редактор на режим wiki-разметки. И напишем строку такого вида:
[https://vk.com/ваш_url|первый пункт меню]
Где в квадратные скобки заключены: ссылка на внутреннюю или внешнюю страницу, затем вертикальная черта, затем название пункта меню. Так выглядит форматирование wiki.
При переключении в визуальный редактор останется только кликабельное название пункта меню, ведущее на указанный адрес. Разобравшись с кодом wiki, можно создать графическое меню (со ссылками на картинках), разнообразить его текстом, видео.
Обратите внимание, что в правом сайдбаре, под виджетом участников группы, есть пункт «Ссылки» — его тоже можно и нужно использовать. При добавлении сюда адреса к нему автоматически прикрепляется круглая миниатюра-аватар. Так создается дополнительное заметное и удобное меню сообщества.
Группы товаров
Сегодня соцсеть ВКонтакте позволяет создать полноценный Интернет-магазин. Чтобы наполнить его товарами – включите соответствующую вкладку («Управление» — «Разделы» — «Товары»). Тогда откроется редактор для описания направлений вашего бизнеса, контактов, способа оплаты. Здесь же можно добавлять карточки на каждый товар.
Дизайн оформления группы ВКонтакте всегда индивидуален и соответствует вашему бренду. Но есть и общие правила заполнения карточек:
- Максимально полное описание. Укажите материалы, производителя, размеры, цвет – все важные характеристики товара.
- Качественные фотографии, размером 400 х 700 px (или с соотношением сторон 4 х 7). Основное изображение плюс четыре дополнительных.
- Категория товара выбирается из списка.
Не всегда имеющиеся категории отвечают вашим запросам. Создайте более точный, индивидуальный, каталог товаров при помощи подборок.
Основные ошибки при оформлении группы в ВК
Подытожим сказанное чеклистом препятствий, которые способны нарушить взаимодействие вашего бизнеса или организации с пользователями соцсети:
- Отсутствие ясного целеполагания: зачем создана группа? – В принципе, никогда не поздно определиться с ответом и переформатировать сообщество в соответствии с его целями. Укажите их в описании паблика. Создавайте весь контент на этом основании.
- Небрежный подбор изображений. Если вы не уверены в своих способностях дизайнера – поручите создание логотипа, аватара, обложки специалистам. Но не полагайтесь на их вкус, а добивайтесь результата, который соответствует именно вашему плану.
- Инертность в подборе инструментов оформления. Разработчики ВК постоянно предлагают нам новый функционал. Есть масса приложений, которые позволят сделать вашу группу по-настоящему уникальной, привлекательной и полезной для целевой аудитории. Экспериментируйте! Стоит регулярно менять оформление группы ВКонтакте – не кардинально, но поддерживать его актуальным.
- Слепое копирование примеров. Изучая материалы по созданию пабликов, анализируя сообщества конкурентов, не старайтесь сразу реализовать в своей группе все обнаруженные варианты. Рассмотрите каждый инструмент под призмой вашей цели – он либо заметно видоизменится, либо окажется вовсе лишним.
- Невнимание к разнице мобильного и десктопного отображения сообщества. Количество пользователей смартфонов и планшетов уже заметно превысило число людей, которые заходят в соцсеть при помощи компьютеров с большими мониторами. Но для администратора группы одинаково важны обе группы Интернет-аудитории. При загрузке изображений, текстов, обязательно проверяйте их представление во всех вариантах верстки.
Как оформить страницу в соцсетях
Мы собрали статьи, которые помогут оформить сообщества и страницы в популярнейших социальных сетях — эффектно и эффективно.
Самое главное: Как оформить профиль в Инстаграме
Инстаграм — это самая главная социальная сеть в 2019 году, которая приковывает внимание миллионов пользователей. Валерия Свирская написала толковый гид, с которым легко сделать хорошее оформление для профиля в Инстаграме.
Оформляем сообщество во «ВКонтакте»
Ольга Мокшина подробно расписала по шагам, как оформить сообщество во «ВКонтакте». Пригодится практически любому бизнесу, особенно в начале продвижения.
Как настроить бизнес-профиль в Твиттере
Колонка Игоря Волкова о том, как создать и настроить профиль в Твиттере, чтобы лучше рассказывать о своём бизнесе пользователям этой соцсети.
Бизнес-страница в Фейсбуке
Очередной подробный гид Ольги Мокшиной, который поможет по красоте оформить страницу для бизнеса в Фейсбуке.
Не стоит забывать: оформляем страницу в Одноклассниках
В нашем исчерпывающем гиде по Одноклассникам мы рассказывали, среди прочего, о том, как лучше оформить профиль в этой соцсети.
Для вдохновения: как свои соцсети ведёт Apple
К Apple относиться можно по-разному, но отрицать их умение продвигаться в соцсетях не стоит. Посмотрим, как компания ведёт и оформляет свои страницы на различных платформах.
И напоследок: макет в Фигме с размерами изображений соцсетей
Макет в Фигме от команды Амплифера с размерами изображений соцсетей. Он поможет быстро подготовить картинки, чтобы посты в соцсетях выглядели красиво. Работает все просто: скопируйте шаблон к себе, перетащите изображение в нужную область и экспортируйте. Размер и формат уже настроены.
Амплифер подойдёт для ведения этих и других социальных сетей. Подключайте сообщества, личные и бизнес-страницы, и планируйте все посты из одного окна
Как оформить личную страницу менеджера ВКонтакте?
Как оформить личную страницу менеджера ВКонтакте? В этом видео я расскажу вам о том, как оформить личную страницу менеджера ВКонтакте для работы с клиентами. Как назвать аккаунт, какую аватарку поставить и чем опасно называть страницу фэйковыми именами или названием кампании. Подробности смотрите в этом видео по продвижению бизнеса ВКонтакте.
Меня зовут Владимир Казаков. В сегодняшнем видео поговорим с вами на тему «Как вести страницу менеджера во ВКонтакте», то есть менеджера, который закрывает клиентов на сделки.
Существует несколько разных мнений и каждый говорит по-своему, у каждого smm-щика свое мнение, но лично я на своем опыте сейчас расскажу, как рекомендую вести аккаунты, как его оформить, и вообще как правильно делать. Во-первых, для тех, кто оформляет аккаунты менеджеров таким образом, что на аватарке стоит логотип компании, личный аккаунты менеджера называется «Компания А», то есть названием компании – это все запрещено во ВКонтакте. То есть во ВКонтакте не разрешают использовать личные страницы в целях продажи и вообще в позиционировании своей компании. Это во-первых. Во-вторых, такую страницу у вас могут легко забанить, это не проблема для ВКонтакте. Ну и в-третьих, это очень сильно уменьшает лояльность целевой аудитории к вашему бизнесу, потому что все пользователи ВКонтакте знают, что такое боты. Эти боты в свое время всем поднадоели. И к такому аккаунту будет как минимум меньше обращений.
правильное оформление
А теперь расскажу о том, как сделать правильно. Во-первых, менеджера для своего бизнеса во ВКонтакте рекомендую оформить настоящим именем. То есть если у вас есть сестра, жена, либо подруга, рекомендую оформить этот аккаунт именем и фамилией этой подруги. То есть полностью как нормальному пользователю. Зачем это нужно? Так как ваш бизнес во ВКонтакте и все продажи будут держаться именно на консультациях с этим менеджером, то если его забанят, у вас просто не будет возможности восстановить этот аккаунт.
Почему не будет? Мы как-то сделали в своем магазине не реальный аккаунт, то есть несуществующего человека. У на была, по-моему, там Лиана Симонова называлась. И что было в итоге? В итоге нам отправляли возвраты на Лиану Симонову, которые мы с почты не могли забрать. Во-вторых, когда у нас менеджера забанили, мы не смогли его восстановить с первого раза, нам пришлось действительно искать Лиану Симонову настоящую.
Так вот, как нужно оформить. ВКонтакте потребует, если забанят аккаунт менеджера, то он потребует фотографию паспорта, то есть подтвердить, идентифицировать этого пользователя по паспортным данным. Соответственно, поэтому чтобы ваш бизнес на забаненном менеджере во ВКонтакте не встал, рекомендую оформить аккаунт под настоящего человека, полностью настоящего. Ну и, соответственно, во ВКонтакте тоже не дураки, поэтому этот аккаунт должен вести какую-то активность на стене. То есть там не должны быть только публикации и репосты с вашей группы, там должны быть и другие публикации, и другие репосты с другой группы. В общем, я имею в виду другой контент тоже должен присутствовать.
А как уже оформить страницу, как правильно, грамотно ее оформить? Лично я считаю, что менеджер во ВКонтакте должен реально быть настоящий. То есть лучше фотографию менеджера использовать, который действительно работает, действительно ведет свою страницу. Пусть даже брать публикации с его личной страницы и публиковать их себе в сообществе. Таким образом лояльность аудитории будет намного больше и чаще будут писать, и больше будет доверия как реальному пользователю.
На этом все. Надеюсь, на ваши вопросы, которые касались ведения страницы менеджера во ВКонтакте, я ответил. Если что-то непонятно, то обязательно там напишите в комментариях, я постараюсь на них ответить. С вами был Владимир Казаков. Пока!
Обязательно посмотрите наше видео по продвижению Вконтакте: Бесплатное продвижение группы ВКонтакте через фото и видео.
Поделиться в соц. сетях
Оформление страницы Вконтакте для рекрутинга в сетевом маркетинге
Вы задавались вопросом «Почему одни рекрутируют в социальных сетях, а другие нет?». И одним из важных факторов является правильное оформление страницы. Т.к. Вам нужно зацепить человека в первые секунды, когда он заходит на Вашу страницу. Но если страница оформлена ужасно, посетитель бежит с нее, потому что считает, что Вы такой же, как и другие тысячи аккаунтов.
И в этой статье я хочу показать Вам, как лучше оформить свою страницу ВКонтакте для того, чтобы человек задерживался на ней и у него было желание подписаться и следить за Вами. И именно это нам важно, потому что, как правило, люди не регистрируются в команду сразу, а продолжают следить за нами какое-то время. И если Вы будете близки со своим потенциальным дистрибьютором характерами, этическими нормами и т.д., он станет Вашим партнером.
Возможно, когда то люди и регистрировались сразу, но сегодня это уже не так, потому что предложений сегодня очень много. В ВК просто сотни тысяч страниц сетевиков, которые ведут свои аккаунты ужасно и отпугивают своих потенциальных партнеров. И если Вы будете выделять из этих тысяч и оформите свой аккаунт правильно, то будете привлекать все больше и больше новых партнеров в свою команду!
Оформление личной страницы ВКонтакте для бизнеса
Конечно же, если Вы просто оформите правильно свой аккаунт и будете сидеть ждать, что Вам сразу начнут писать десятки людей, то этого не произойдет
Ваша личная страница — это только первая точка контакта с потенциальным партнером или клиентом. Дальше все решает контент, который Вы будете давать. Но без этого первого контакта, если человек не подписывается на Вас, весь контент, публикуемый в аккаунте бессмысленный.
Поговорим уже о важных моментах оформления.
Аватар
Да-да, я не просто поставил аватарку на первое место. Именно его человек видет в выдаче и видит, когда заходит на Ваш аккаунт. И если там будут какие-то непристойные фото или котики, то о каком серьезном бизнесе мы можем говорить.
Когда мне пишет какой-то человек или просто добавляется в друзья, то я сразу смотрю на его фото. И если оно плохого качества, или, извините мне, в каком-нибудь колхозе в грязной обуви и с бутылкой пива, то я точно не буду серьезно воспринимать такого человека.
Если же на фото профиля какой-нибудь знаменитый актер, котики, горы и прочее, то это может говорить о двух вещах:
- Человеку есть что скрывать. Часто чужие фотки берут те, кто не хочет показывать настоящее свое лицо. Например те, кто занимается пирамидами. Они прекрасно понимают, что их могут встретить на улице и наказать за их действия. А такое, поверьте, происходит.
- Человек скромный или закрытый в себе. Люди, которые стесняются своей внешности или вообще боятся показывать свою жизнь, могут подкинуть много проблем. Причем не только себе, но и всем окружающим.
И с первыми, и со вторыми я предпочитал бы не связываться. Поэтому, когда будете ставить свое фото на аватар, учтите эти моменты:
- Фото должно быть Ваше!
- На фото должно быть четко видно Ваше лицо!
- На Вас не должно быть солнцезащитных очков!
- Никаких бутылок, сигарет и всего, что может Вас дискредитировать!
- Никаких размытых фото!
- Если нет качественных фото, то сходите на фотосессию.
Имя Фамилия
Обязательно указывайте свою настоящую имя и фамилию! Аналогично фотографии, если человек указывает свои ненастоящие данные, он что-то скрывает и с ним никто не захочет вести серьезных дел!
Представьте, что человек, который за Вами следит, знает Вас под одним именем и когда захочет к Вам присоединиться, он увидит, что Вы совсем другой человек. Я думаю, что возникнут вопросы, на которые Вам придется отвечать. И вместе с вопросами возникнет нота недоверия.
Поэтому, во-первых, не стыдитесь своей фамилии, даже если она кажется Вам неприятной. Очень хорошо про это говорит Радислав Гандапас. Вы представляете, как он стеснялся своей фамилии? А он стеснялся и даже хотел поменять. Но не стал и теперь его все знают и он узнаваемы бренд! И во-вторых, вытекает из первого, Вы делаете свой бренд, о котором будут говорить люди. Несите свои имя и фамилию с гордостью до людей!
[instagram-feed]Информация на странице
То, что люди читают о Вас. Все эти поля должны быть заполнены. Человек должен владеть этой информацией о Вас. Вы спросите зачем? Чем больше он о Вас знает, тем больше доверия Вы у него вызываете. Возьмем даже банальную дату и год рождения. Многие люди скрывают ее. Но это является одним из важных факторов, по которому я (только на первый взгляд) смотрю насколько человек мыслит. Ведь, если ему двадцать лет, то с ним надо общаться об одном, если ему двадцать семь, то он уже мыслит, скорее всего, по-другому. А по фото этого не определить.
Конечно, не всегда это можно определить по возрасту, но все же это важный показатель.
Поэтому, перейдите в раздел редактирование страницы и заполните все эти поля:
- Город. По тому, какой город Вы укажете, Вас смогут находить люди. И если Вы живете в Ростове-на-Дону, то указывайте город своего проживания — Ростов-на-Дону. Никаких Чикаго и Нью-Йорков (это вообще, я считаю бредом)
- Дата и год рождения. Как я писал выше — этим Вы вызываете больше доверия на эмоциональном уровне.
- Место работы. Здесь Вы можете указать, например, Вашу группу ВКонтакте. Или просто написать название компании, в которой Вы работаете. Только не указывайте чужие группы. Таким образом Вы просто помогаете другим людям создавать трафик на свои страницы.
- Сайт. Здесь все просто — можете указать ссылку на свою посадочную страницу в компании или же на свой блог. У меня, например, указана ссылка на мою историю успеха.
- Группы. Я рекомендую в настройках приватности скрыть список Ваших групп от других пользователей. Мало-ли что Вам интересно. Я думаю, что людям, которые подписываются на Вас для того, чтобы следить, как Вы растете в бизнесе, не нужно знать, что Вы подписаны на группу “ржачные приколы“ и “хроника преступлений в …“. Поэтому делаем так, чтобы группы видели только мы.
- Информация о себе. Заполняем все эти поля. По ним Вас также может находить Ваша целевая аудитория. Я не знаю, правда, кто так делает. Но говорят, что так ищут.
Друзья ВКонтакте
Следим за своими друзьями. На них тоже обращают внимание. И если у Вас много в друзьях магазинов, заблокированных подписчиков и все в этом роде, я рекомендую удалить их, потому что, когда человек из шести показанных друзей видит три “собачки“ и два магазина, он точно посчитает, что Вы добавляете друзей только для количества.
Поэтому чистим свой аккаунт от “некачественных“ друзей.
Интересные страницы
Сюда входят публичные страницы, на которые Вы подписаны. И расположены они в том порядке, по частотности Вашего взаимодействия с ними. Т.е. если с какой-то группой Вы взаимодействуете чаще, чем с другими, то она будет на первом месте.
Вкладку “интересные страницы“ нельзя скрыть, поэтому следите за этим моментом и если там находятся группы, которые могут негативно повлиять на на Ваш авторитет предпринимателя, то просто выйдите из этих пабликов.
Фото
Как фото над стеной, так и фото слева являются важным моментом! Когда мне пишет человек, я также обращаю внимание на фото. Просматриваю около пяти-десяти фотографий. Так я понимаю с каким человеком я сейчас буду общаться.
Если там фото с пьянок, непонятные картинки, то у меня сразу складывается неприятное восприятие человека.
Удалите все “плохие“ фотографии! Выставляйте, как путешествуете, работаете, отдыхаете. Покажите, что после того, как Вы начали заниматься бизнесом, Ваша жизнь стала интересной!
Она не стала интересной? Тогда сделайте! Иначе Вы не сможете рекрутировать в интернете!
Видео
Здесь не будем задерживаться долго, потому что здесь все аналогично фото. Удалите все непотребные видео!
Кстати, если Вы воспринимаете информацию лучше в видео, то посмотрите его:
Аудиозаписи
У нас есть возможность скрыть свои аудиозаписи от всех пользователей, кроме себя. Просто сделайте это. Аудиозаписи тоже могут плохо повлиять на восприятия человеком Вас.
Если Вы все такие из себя предприниматели, но в аудиозаписях, у Вас блатняк, то о какой серьезности мы можем говорить?
Контент
В этой статье мы не будем писать о том, какой должен быть контент, который Вы даете людям. Об этом я писал уже в статье про что писать в instagram сетевику. Там про инстаграм, но суть одна
Здесь только скажу, что Вы должны понимать, что контент — папа
И именно Ваш контент, после того, как человек подписался на Вам, привлекает его в бизнес.
Какой вывод мы делаем по оформлению страницы?
Итак, после всего вышенаписанного мы должны понимать, что если наша страница ВКонтакте будет некрасиво оформлена, то человек просто не нажмет на кнопку “Добавить в друзья“ или “Подписаться“ и никогда не станет Вашим партнером, даже если мог.
Он найдет красивые страницы с красивым бизнесом!
Поэтому я желаю Вам правильно оформлять страницу и привлекать все больше и больше людей!
Ну и конечно, обязательно присоединяйтесь к мне в социальных сетях, которые указаны под этой статьей и оставляйте комментарии, свои дополнения или возражения.
Всем удачи!!!
Алексей Нестеров: МЛМ-Предприниматель, автор блогаДрузья! Если Вы хотите получать больше информации по сетевому бизнесу, научиться профессионализму, то подписывайтесь на мой канал в Telegram. Там Вы увидите ссылки на новые статьи, видео, а также короткие заметки.Подписывайтесь на новости блога по почте, чтобы не пропустить полезные материалы!
Пост прочитали 8 840
ТОП-60 оформлений группы вк (божественные примеры)
Дизайн – это первое, что видит пользователь при входе в группу. Он должен быть не просто стильным. Люди чаще совершают покупки в группах с полноценным дизайнерским оформлением и удобной навигацией, нежели в сообществах, где есть только аватарка. Смекаете?
Поэтому оформление группы вк нужно создавать с умом, продумывая все мелочи. В помощь Вам эта статья, она расскажет и покажет, как круто оформить сообщество.
Элементы оформления
Оформить группу можно разными способами. Кто-то использует только обложку и аватар, кто-то разрабатывает полный пакет элементов, включая шаблоны товаров и постов.
Универсального рецепта для дизайна нет, все зависит от Ваших целей и фантазии. В статье будут все возможные блоки сообщества, которые можно оформить в едином стиле. И чтобы Вам было понятнее, к каждому пункту я приведу примеры.
1. Аватар
Главная картинка группы расположена рядом с названием. Аватарка – единственный элемент, который виден пользователям еще до момента входа в паблик. От ее привлекательности зависит, зайдет человек в Вашу группу или нет. Есть несколько вариантов представления аватара.
Пример 1.
ЛоготипОтлично подойдет, если у Вас крупный бренд, чей фирменный знак хорошо известен и не вызывает вопроса “Что это за компания?”.
Известный брендПример 2.
НазваниеИспользуйте, если Ваша организация малоизвестна. А чтобы сразу было понятно, чем Ваша группа полезна подписчикам, добавьте краткое описание деятельности мелким шрифтом.
Название компанииПример 3. Тематическая картинка
Один из самых наглядных способов отразить сферу работы сообщества. Например, для салона цветов можно выбрать аватарку с букетом, а для группы компьютерной помощи – ноутбук с инструментами. В общем подбирайте картинки, которые вызывают соответствующие тематике паблика ассоциации.
Сфера работыПример 4. Личное фото
Вы решили продвигать личный бренд? Тогда обязательно разместите на авате сообщества своё фото.
Личный бренд2. Обложка
Заметив Ваш классный аватар в ленте или списке сообществ, пользователь может перейти в группу. И первое, что бросится ему в глаза здесь – обложка или шапка. Это горизонтальный баннер вверху страницы. Шапка группы должна отражать тематику и направленность Вашего сообщества, на неё можно добавлять контакты, УТП, адреса или призывы и многое другое.
Вы можете сделать ее статичной или динамичной, вставив интерактивные элементы. А можно вообще сделать обложку живой из фото и видео.
Пример 1.
Активные подписчикиНа динамичной обложке, как в примере, Вы можете показывать топ активных подписчиков группы, аватарки последних вступивших в сообщество и т.д. Таким образом Вы повысите вовлеченность, люди будут стремиться, чтобы их фото мелькнуло на шапке.
Баннер с интерактивными вставкамиПример 2. Лицо бренда
Яркий пример статической обложки с изображением блогера-владельца группы и названием. Для личного бренда самое то – Вас же должны узнавать и запоминать?
Статичная обложкаИнтересно. Хотите раскрутить группу в Вк? Сделайте это с новым сервисом автоматизированных конкурсов. Вау-эффект и продажи Вам обеспечены. Кликайте и тестируйте -> Activebot.ru (промокод “inscale” – скидка 10%).
Пример 3. Привлекающее видео
Вставьте до 5 слайдов в шапку, которые сменяют друг друга. Необычная презентация группы сразу привлечет внимание пользователей.
Но есть минус, живые обложки воспроизводятся только на мобильных устройствах (поэтому и пример с мобильного).
Живая обложкаНа ПК показывается только первый слайд или любая другая картинка в статичном виде.
Фрагмент живой обложкиСледующий элемент визуально продолжает шапку группы, поэтому я поместила его сюда же. Это кнопки действия. Они настраиваются в разделе “Управление”. Вы можете назвать кнопку по-разному, в зависимости, например, от оффера, расположенного в шапке.
Пример 1. Подробности
ПодробнееПример 2. Звонок
ПозвонитьПример 3. Перейти к рассылке
ПерейтиПример 4. Переход на сайт
СайтПример 5. Регистрация
РегистрацияПример 6. Заказ
Заказать3. Меню
Это навигатор по Вашей группе. Меню облегчает поиск информации для подписчиков. Особенно актуально, если Ваша группа создана для продаж и демонстрации разных категорий товаров и услуг.
И сразу определимся: меню – оно в Африке меню. Оно будет перенаправлять пользователей в основные разделы Вашей группы. Самое большое отличие здесь разве что в расположении. Поэтому примеры ниже иллюстрируют именно то, как меню расположено и как выглядит в этом случае.
Пример 1. Виджет-меню
Если хотите быть в тренде – это Ваш вариант. Это миниатюрные иконки под названием или описанием группы. Настройте их в разделе “Управление сообществом”. Только учтите, что на внешние ссылки переход будет невозможен.
Виджеты-иконкиКстати, если у Вас в группе большая активность и нужно оперативно отвечать на все комментарии, то рекомендую для этого сервис мониторинга упоминаний. Уведомления о новых комментариях будут приходить в любой удобный мессенджер, в нем же и можно ответить. Кликайте и тестируйте -> Chotam
Пример 2. Закрытое
Размещается в блоке “Свежие новости” на главной странице. Для удобства пользователей переименуйте его в настройках на слово “Меню”. Виден этот элемент будет только при нажатии на вкладку.
Вид при нажатииПример 3. Открытое
Отдельная вики-страница с настройкой переходов между разделами. Создайте отдельно закрепленную запись с кнопкой “Открыть меню”, по которому гости или подпсчики зайдут в меню.
Открытое менюПример 4. Скрытое
Разворачивается только при нажатии на активную ссылку в описании группы. Оформить ссылку Вы можете в виде текста или эмоджи. Но сейчас такое меню редко кто используют, это устаревший вариант. Но если Вам он нравится, дерзайте.
Ссылка для разворота менюПример 5. Слитное
Цельное изображение на закрепленной записи и полноразмерном аватаре. Но полноценным полотном выглядит только на ПК, в мобильной версии виден только баннер.
Когда появилась возможность загружать в группу обложки, полноразмерный аватар изжил себя и отображается в виде мини-версии. Поэтому сейчас от разработки слитных меню практически отказались. Но я все же привела этот пример для разнообразия.
Вид с ПК4. Закрепленный пост
Запись, которая сохраняется и висит в самом верху ленты. Пост в закрепе скрывает описание и меню группы. Это один из самых распространенных вариантов. Но Вы можете выбрать другой, примеры ниже.
Пример 1. Знакомство
Здесь можно рассказать о себе и компании, продемонстрировать Ваше УТП, ключевые преимущества, условия работы. Это может быть текст с вложенными изображениями или короткий презентационный видеоролик.
Рассказ о себеПример 2. Продающий пост
Запись, рекламирующая определенные товар или услугу. Но помните, что она обязательно должна содержать оффер для целевой аудитории и триггеры. Они ускорят процесс принятия решения о покупке.
Реклама товараКстати. Если Вы планируете продающий пост запускать в рекламу, то первое, на что нужно обратить внимание – качественная аудитория. Так и эффект лучше и не придется распылять бюджет. Собрать ее моно через парсеры. Самые ТОПовые – Pepper Ninja (“INSCALE2021” +30 дней при оплате), Церебро (“INSCALE” + 30 дней бесплатно).
Пример 3. Ссылка на сайт
Используйте этот прием для увеличения трафика на официальный сайт компании. Не подумайте, что это выглядит обычной синей активной ссылкой. Такой пост сопровождается яркой картинкой с оффером, нажав на нее, человек перейдет на внешний ресурс.
Ссылка на внешний ресурсПример 4. Форма сбора лидов / заявок
Такой пост служит лид-магнитом для целевой аудитории. Часто он содержит кричащий оффер и выгодное предложение на спец. условиях, которое можно получить после заполнения короткой анкеты. Так Вы сможете получить не только контакты потенциальных клиентов, но и интересующую Вас информацию от них или готовые портреты ЦА.
Заполнение анкетыПример 5. Анонсы
В них можно рассказать о новинках компании или предстоящих мероприятиях. Ваша цель в таком закрепленном посте – проинформировать подписчиков и подогреть интерес к какому-либо событию.
Анонс мероприятияПример 6. Новости
Пост, где Вы отразите главные новости компании. Это может быть информация о режиме работы, обновлении ассортимента, праздниках и т.п.
Новости компании5. Виджеты
Это дополнительные блоки, на которых можно разместить важную информацию для подписчиков или функциональные элементы. Они помогают в коммуникации с аудиторией и облегчают работу администраторов групп.
Виджеты в ВКонтакте постоянно обновляются и дополняются. Ниже привожу самые популярные и полезные.
Пример 1. Приветствие / информация о себе
Создает персонализированное обращение к каждому подписчику сообщества, что влияет на уровень лояльности. Этот виджет расположен над лентой новостей и отлично виден как с ПК, так и с мобильного приложения. Здесь можно кратко рассказать, что ожидает пользователя в Вашей группе.
Рассказ о группеПример 2. Оформление заявки
Подходит для повышения уровня Ваших продаж. В группе виджет отображается дополнительной кнопкой “Оформить заказ” или “Сделать заявку”. При переходе по ссылке, пользователь указывает информацию о желаемом товаре и свои контактные данные.
Ссылка на виджетЗаполнение заявкиЗаявки с виджета могут копиться в специальной структурированной табличке или падать в Ваши личные сообщения.
Пример 3. Подписка на рассылку
Такой вид Вы можете использовать для сбора теплой базы и автоматической рассылки сообщений и предложений заинтересованным пользователям. При этом пользователь может подписаться сразу на все рассылки или только на наиболее актуальные для него. С помощью этого виджета Вы сэкономите на запуске email-маркетинга, а также определите интересы своей ЦА.
Получение рассылкиПример 4. Участие в акции
С помощью этого виджета Вы повысите конверсию маркетинговых мероприятий и увеличите активность аудитории.
Виджет-конкурсЛайфхак. Можно воспользоваться отложенной публикацией для экономии времени. Есть множество сервисов отложенного постинга, например: Parasite, Smmplanner, Smmbox.
Пример 5. Оставление отзыва
Товары или услуги с множеством положительных отзывов вызывают больше доверия у пользователей. Если Вы собираете обратную связь от покупателей, покажите ее на всеобщее обозрение с помощью виджета.
Он отобразит последние комментарии от подписчиков на главном экране. Такой прием повысит не только продажи, но и лояльность аудитории к продукту, а также количество фитбек-комментариев.
Отзывы клиентовПример 6. Задать вопрос
При нажатии на этот виджет, пользователи Вашей группы попадают в личные сообщения сообщества, где смогут задать все интересующие вопросы. Таким образом Вы можете принимать заказы или собирать отзывы.
Вопросы пользователейПример 7. Просмотр товаров
Карточки товаров необходимы для повышения продаж. Лучше, если они будут оформлены в едином стиле группы. Это станет дополнительным фактором доверия к продукту.
Раздел с товарами может отображаться сразу под закрепленной записью. Здесь число просмотров довольно высоко, из-за удобного и наглядного расположения.
Карточки товаровДругой вариант отображения – в правом боковом меню группы. Здесь просмотров будет меньше, так как место более труднодоступное для подписчиков.
Товары в боковом меню6. Подкаст
Это аудиоблоги с расширенными возможностями прослушивания. В них нет рекламы, можно слушать в фоновом режиме, а также скорость прослушивания: замедлять или ускорять скорость прослушивания.
К подскастам при публикации Вы можете добавлять текст, изображения, видео, опросы. Размещать их можно над лентой или сбоку.
Пример 1. Аудио
Обычные аудиодорожки в группе могут отображаться под разделом с информацией – на виду у подписчиков.
Аудио подкастПример 2. Видео
Аналогичная история с видеозаписями. Они могут отображаться в правом меню или одним из центральных блоков. В обоих вариантах пользователям видны обложки видео, поэтому лучше оформлять их в едином стиле группы.
Видео подкаст7. Ссылки
Раздел со ссылками находится в правом боковом меню. Он помогает установить связь с подписчиками, причем есть несколько вариантов ссылок.
Пример 1. Соцсети
Самый распространенный способ – разместить ссылки на аккаунты в других социальных сетях. Это обеспечит трафик во все Ваши профили. Обратите внимание, как на данном примере оформлены иконки ссылок. Обложки в едином стиле – правило хорошего тона.
Ссылки на аккаунты в соц.сетяхПример 2. Официальные сайты
Часто раздел используют и для ссылок на официальные сайты компании или сайты-помощники. Так Вы повышаете лояльность к своей группе. Пользователи видят наличие сайтов и больше доверяют Вам.
Ссылки на сайтыПример 3. Отзывы
Ссылки на отзывы клиентов – еще один эффективный вариант использования раздела. Если у Вас небольшое количество товаров, можно прикрепить разделы с фитбеком на каждый из них.
Ссылка на отзывыПример 4. Партнеры
Крупные компании часто имеют партнеров, сотрудничают со смежными по профилю организациями, используют взаимопиар. В разделе со ссылками можно разместить и бренды-партнёры. Это покажет степень масштаба Вашего сообщества.
Ссылки на сайты партнеровКстати. Еще один простой способ создать пост который точно станет популярным – подсмотреть, что зашло у конкурентов, и сделать что-то похожее. В этом Вам поможет сервис ЭдСпойлер. Переходите по ссылке -> AdSpoiler. (INSCALE – скидка 15%).
Пример 5. Контакты
Если сообщество создано для личного бренда, то можно разместить в разделе ссылки на личные страницы владельца сообщества.
Ссылки на личные страницы8. Обсуждения
Блок с обсуждениями располагается в правом боковом меню. Подписчикам только дай волю обсудить Вас, Ваши услуги или какую-то конкретную тему. Расскажут всё и даже больше. Поэтому этот блок Вам в любом случае будет полезен.
Блог обсужденияПример 1. Отзывы
Необходимо собирать мнения и впечатления о Вашем продукте, тем самым налаживать обратную связь.
Отзывы клиентовПример 2. Вопрос-ответ
Вы можете отвечать на вопросы пользователей или сами составить список часто задаваемых вопросов и прописать на них ответы.
Ответы на частые вопросыПример 3. Правила
Вы можете опубликовать правила сообщества, рассказать о том, какие посты и комментарии разрешены к публикации, а какие будут удаляться модераторами и т.д.
Правила группыПример 4. Конкурсы и победители
сли Вы проводите в группе конкурсы и розыгрыши, то можно вести архив или публиковать информацию о условиях подведения итогов и данные о победителях. Это покажет достоверность Ваших акций.
Информация о конкурсахПо теме:
Конкурс ВКонтакте: 20 идей + 9 советов маркетолога
Как провести конкурс Вконтакте: 10 правил + 10 сервисов
9. Аудио альбомы и видео
Вы должны продумать все до мельчайших деталей, даже таких, как дизайн обложек видео, фотоальбомов и плейлистов. Ниже я покажу на примерах удачное и правильное оформление.
Пример 1. Корпоративные цвета
ВидеозаписиПример 2. Обложки-карточки товаров
ФотоальбомыПример 3. Яркие тона
Плейлисты10. Мероприятия
Раздел отображается в правом боковом меню группы. Там можно разместить ссылки на прошедшие и на предстоящие события. Опять же, не забываем про оформление в общем стиле группы.
Ссылки на события11. Посты
Дизайн записей на стене должен быть в едином стиле. Это нужно для повышения узнаваемости Вашего бренда и формирования доверия к нему. Но не обязательно использовать один шаблон. Допустимо применять различные подложки для разных видов рубрик. Например, для информационных постов – одна подложка, для развлекательных – другая, и так далее.
Заметка. Если хотите узнать подробную статистику Ваших страниц Вк, советую сервис LiveDune (по промокоду “INSCALE” скидка 30% +7 дней доступа).
Пример 1.
Картинка / видеоСамый распространенный вариант постов. В виде картинки или видео можете публиковать юмористический контент, схемы или примеры работ, отзывы и т.д.
Картинка+видеоПример 2. Аудио / плейлисты
Музыкальная подборка развлечет пользователей. Например, в паблике по фитнесу можно выложить музыку для тренировок, а в группе по организации мероприятий подборку песен – поздравлений с каким-либо праздником.
Подборка аудиозаписейПример 3. Текст
Это могут быть истории из личного опыта или отзывы клиентов. Для наглядности разбавьте много букв абзацами, эмоджи и хэштегами.
РассказИ пока на забыл, если вы планируете рекламные активности, то пополнять бюджет рекомендую через сервисGetuniq, с ним вы здорово сэкономите. Только тссс… Кликайте и тестируйте -> Getuniq.
Пример 4. Опросы
Опросы повышают активности в группе. Могут быть анонимными или общедоступными. Устройте голосование среди пользователей, и Вы получите обратную связь от подписчиков и лучше узнаете свою аудиторию.
Опрос пользователейПример 5. Карта
Географической карта в сообществе разъяснит местоположение Вашего офиса или магазина, а также покажет схемы проезда.
Место нахожденияПример 6. Постер
Это текст на фоновой картинке. Сюда можно залить любую информацию: от шуток до важных новостей группы.
Пример 7. Документ
Наверняка Вы встречали файлы в формате pdf на стене сообществ. Документы-это не только официальные бумаги, приказы и распоряжения. Это могут быть полезные методички по Вашей тематике, подборка книг, чек-листы и т.д.
12. Статьи
Ключевое преимущество такого типа постов – текст можно отформатировать и сделать в виде настоящей электронной статьи, открывающейся в отдельной вкладке. В статью можно ставить текст, картинки, видео, ссылки. Они имеют обложки, которые можно оформлять в едином стиле группы или картинками, отражающими содержание.
Список статей может располагаться в правом боковом меню или центральным блоком под разделом с информацией.
Статьи в боковом менюСтатьи в центральном блоке13. Истории
Контент, который не попадает в общую ленту сообщества в ВК, а доступен в отдельном разделе в течение суток после публикации. Вот несколько идей для сторис вк:
- Анонс. Используется для повышения просмотров новых записей или статей в ленте;
- Вопрос/ответ. Ответы на самые частые вопросы от подписчиков;
- Геймификация. Взаимодействуйте с подписчиками в игровой форме, повышайте вовлеченность аудитории;
- Листинг. Когда информацию можно разделить на несколько пунктов. Например, на тему “5 советов, чем занять себя дома”, первая история с заголовком, а далее одна история – один совет.
Интересно. Автоматизировать работу ВК поможет чат-бот. Он сам ответит на все вопросы клиентов и поможет с выбором нужного продукта, а вам останется только считать полученную прибыль . Кликайте и тестируйте -> bot-vk
Форматы изображений и сервисы
Ваше сообщество должно одинаково круто смотреться и на ПК, и на мобильнике. И это реально, если будете соблюдать соотношение сторон каждого элемента и адаптировать их содержимое под просмотр на всех устройствах. Разберемся, как это сделать.
- Обложка. Оптимальный размер для ПК и мобилки 1590х400. Чтобы в приложении самое важное не обрезалось, помещайте в безопасную зону – в центр;
- Аватар. Квадратная или круглая миниатюра 200х200. Она и в ПК, и в мобильной версии отображается в полном объеме;
- Баннер/пост. Квадратная запись на стене 510х510. Одинаково крупно смотрится в обоих случаях. Размер 510х300 в мобилке будет уменьшатся;
- Карточки товаров. Для обложке на товары подойдет любой квадратный формат. Делайте покрупнее, чтобы не терялось качество картинки. Например, 1000х1000
- Фотоальбомы. Один формат – 1200х800. Не помещайте текст вниху обложки, на него наложится название фотоальбома;
- Видеозаписи. Обычно обложка выставляется автоматически из набора случайных скриншотов ролика. При желании можно загрузить свою, размером 1280х720;
- Статьи. Заставка размером 510х286. Чтобы дизайн обложки не перекрывался названием статьи, учитывайте длину заголовка: уместится он в одну строку или нет.
По теме: Статистика Вконтакте: 15 важных метрик
Для оформления группы ВКонтакте не обязательно прибегать к помощи профессиональных дизайнеров и платить за это большие суммы. Ниже я собрала сервисы для красивого оформления и правильной упаковки сообщества. С ними Вы все сделаете самостоятельно.
Название сервиса | Бесплатный доступ | Платный доступ |
Сanva | Есть | От 760 руб/мес |
Сrello | Есть | 610 руб/мес |
Supa | Есть | 990 руб/мес |
Smmbullet | Есть | Нет |
Dynamic Cover | Есть | 100 руб/мес |
НАС УЖЕ БОЛЕЕ 32 000 чел.
ВКЛЮЧАЙТЕСЬ
Коротко о главном
Оформление группы вконтакте не роскошь, а необходимость для современного ведения бизнеса в социальных сетях. Ваш продукт может быть несказанно хорош, но какой в этом толк, если группа его не презентует или делает это не в полной мере.
По теме:
Охват в Вконтакте: что это + как посмотреть
Аудиореклама в Вк: как настроить + примеры
Промопост в Вк: примеры + лайфхаки от эксперта
Сервисы накрутки Вконтакте: 25 сервисов + 5 советов
Автопостинг Вконтакте: 21 сервис + 9 главных функций
Накрутка подписчиков в группу Вк: 25 сервисов + 7 лайфхаков
Биржа рекламы ВКонтакте: ТОП-8 сервисов + 10 функций
На Ваше счастье сейчас нет необходимости нанимать дизайнеров или обращаться в специализированные агентства для разработки продающего визуала. Все макеты можно создать самим с помощью простых онлайн-конструкторов. Главное начать. Удачи!
Оформление группы ВКонтакте: как сделать сообщество красивым
Сообщество ВКонтакте — популярный вариант оформления магазина, компании, предоставляющей услуги, личного блога или страницы. С помощью инструментов одной из крупных соцсетей России можно продвинуть собственный бренд, найти свою целевую аудиторию и заявить о себе людям. Но перед продвижением группы ВК или же паблика нужно уделить внимание оформлению: понять, что должно быть в группе, красиво оформить профиль и добиться того, чтобы страница привлекала своим внешним видом целевого посетителя.
Это важно: при составлении мнения пользователи учитывают в том числе то, как выглядит паблик или страница. Так что, если вы хотите произвести хорошее первое впечатление, вовремя подумайте о дизайне.
Размеры и соотношения сторон картинок
С первого взгляда все просто: красивое оформление — это интересные и качественные картинки на аватарке, в шапке и меню. Но здесь нередко возникает первая сложность: вы добавляете изображение, а оно начинает казаться маленьким, портится качество, изменяется форма. Чтобы такого не происходило, нужно заранее подумать о соотношении сторон. Дело в том, что если картинка не соответствует размерам, которые ВКонтакте считает оптимальными, ее автоматически сжимают или обрезают. Поэтому, чтобы избежать потерь и изменений в дизайне, следует заранее обрезать изображения до нужных параметров.
Установка изображения на аватар ВКонтакте
Автоматическая обрезка краев картинки при загрузкеА что про размеры основных элементов? Это примерные цифры, но на них можно ориентироваться, разрабатывая дизайн для группы:
- аватар: соотношение от 1 : 1 до 2 : 5, от 200 х 200 до 200 х 500 пикселей;
- ширина картинок в ленте: 510 пикселей, высота зависит от того, хотите вы квадратное или прямоугольное изображение;
- для меню лучше использовать такую картинку, чтобы ее нижний край заканчивался на одной прямой с аватаркой. Если для аватара выбрано соотношение 2 : 5, в меню должно быть фото с высотой 308 px;
- обложки к статьям автоматически обрезаются до размера 510 х 286 px;
- картинки, которые появляются при вставке ссылки, кадрируются до габаритов 537 х 240 пикселей;
- для товаров в магазине используйте квадратные фотографии с шириной 1000 px;
- обложка к шапке — 1590 х 400, в мобильной версии обрезается.
Если вы попытаетесь загрузить картинку с неправильным соотношением, ВКонтакте автоматически ее обрежет или попросит вас выбрать отображаемую область.
Избавляемся от сжатия изображений
Еще одна проблема, с которой неизбежно сталкиваются начинающие дизайнеры групп, пытаясь украсить сообщество, — сжатие картинок. ВКонтакте автоматически сжимает добавленные изображения, чтобы сэкономить трафик и ускорить загрузку страниц. Иногда это полезно, но способно серьезно повредить внешнему облику паблика, особенно если его владельцу важно качество (например, страницы фотографов и художников). Становятся видны пиксели, особенно если на картинке есть текст.
Запись ВКонтакте с текстом на картинке
Пикселизация при загрузке изображения с текстомИзбавиться от этого неприятного эффекта можно, увеличив исходник примерно вдвое. То есть, загрузив картинку шириной не 510, а 1020 пикселей и больше. Файл все равно ужимается, но на таких масштабах это не так заметно, а пикселизация практически не видна. Еще один прием — выбирать изображения со светлым или белым фоном, на которых не так заметны проявившиеся пиксели.
Оформление шапки страницы
При создании дизайна для группы наиболее важный участок — это шапка, то есть верхняя часть странички. Здесь размещаются аватар, обложка, описание и меню или закрепленный пост: в нем обычно публикуют важные новости, конкурсы или правила. Изменить содержимое можно при переходе в «Настройки» в одноименной вкладке.
Там можно настроить:
- название сообщества;
- короткий адрес;
- обложку — большую картинку в самом верху страницы;
- описание группы.
Добавьте интересующую вас информацию и нажмите «Сохранить». Идеального рецепта здесь нет, хотя есть рекомендации и общие правила, которым лучше следовать, чтобы улучшить восприятие сообщества.
«Основная информация» настроек группы ВКонтакте
Заполнение главных сведений о сообществе- Название. Желательно, чтобы оно отражало суть страницы. Если вы интернет-магазин или группа, предоставляющая какие-нибудь услуги, укажите тематические слова после основного названия. Само имя сообщества стоит делать коротким, броским и запоминающимся: это пойдет на пользу личному бренду и поможет сделать вас узнаваемым. Если ничего подходящего сходу не придумывается, не волнуйтесь: название можно будет изменить впоследствии.
- Описание. Грамотно и интересно описать свой паблик — отдельная задача. В несколько строк вам понадобится уместить:
- основные сведения о себе, товаре или услуге, которые вы предоставляете;
- контакты и способы заказа, если вы коммерческая компания;
- ссылки на другие ресурсы, если они есть;
- текст, привлекающий целевую аудиторию и интригующий ее.
Большая часть описания скрывается под плашкой «читать дальше», так что в первые строчки нужно вынести то, что будет интересно читателю и заставит его развернуть полный текст.
Описание сообщества ВКонтакте
Пример интригующей затравки в описанииМожно использовать смайлики в качестве разделителей или для придания эмоциональной окраски записям, хештеги как способ навигации или поиска, но не злоупотребляйте ни тем, ни другим.
- Обложка. Это большая картинка, которая отображается сразу над аватаркой и задает облик всему сообществу. Грамотный дизайн почти всегда подразумевает ее наличие: заставка несет не только эстетические, но и коммерческие преимущества.
На большой фотографии можно указать:
- телефоны и электронные адреса;
- логотип бренда;
- краткие сведения;
- информацию об акциях или конкурсах.
Вдобавок это отличное украшение страницы. Шаблон обложки имеет размер 1590 на 400 пикселей; если изображение более широкое, ВКонтакте предложит обрезать ее в соответствии с нужными габаритами. Можно и нужно выбирать более крупные фотографии, чтобы избежать серьезных потерь в качестве.
Помните, что в мобильной версии соотношение сторон может немного измениться: края обрезаются, так что на них лучше не размещать важных сведений.
- Динамические и живые обложки. В первом случае участок обложки анимирован или изменяется в зависимости от ситуации, во втором вместо изображения добавлено видео или гиф-анимация. Это можно сделать только для мобильной версии. Подобный способ оформления интересен и обращает на себя внимание людей, но не забывайте про трафик: не у всех посетителей страницы безлимитный интернет. Загружаются такие шапки в том же разделе, что и обычные.
- Короткая ссылка. Это удобный способ уникализировать паблик, с помощью которого вас можно будет найти, не запоминая длинный ID страницы. Сделать короткий URL можно средствами самого ВКонтакте: просто укажите адрес в соответствующем поле в настройках. Он не должен повторять уже существующие и содержать некоторые специальные символы, а также кириллицу. Латинскими буквами можно писать что угодно.
Аватар сообщества
Аватарка настраивается отдельно: для этого нужно кликнуть по картинке в правой части страницы (или вверху, если у вас настроена обложка) и выбрать «Обновить фотографию». Сама по себе загрузка «авы» очень простая, куда сложнее создать ее и оформить таким образом, чтобы картинка служила целям маркетинга.
- Миниатюра. Большую часть времени изображение показывается в миниатюре, и это нужно учитывать при размещении на нем элементов:
- очертания должны быть заметные, объекты — крупные, потому что мелких деталей будет попросту не видно;
- желательно использовать текст, но по определенным правилам: буквы крупные, надпись целиком помещается в миниатюру и хорошо на ней видна.
Текст и буквы на аватарках групп ВКонтакте
Использование крупных шрифтов для аватара- Оформление. Нежелательно использовать в качестве аватара стоковые фотографии или некачественно нарисованные баннеры. Лучше всего нанять для создания оформления художника или фотографа, попросить его сформировать несколько картинок в единой теме, чтобы группа смотрелась гармонично. Детали аватарки должны быть понятными, вызывать логичные ассоциации и не заставлять посетителя ломать голову, что же там изображено. Не перегружайте картинку: сейчас в тренде минимализм, четкие линии и отсутствие лишних деталей. А вот цвета лучше выбирать броские и заметные: так получится выделиться и не потеряться на фоне конкурентов.
Список групп ВКонтакте с ярким дизайном аватара
Примеры аватарок с проработанным цветовым оформлением- Информация. На аватарку можно помещать короткие сообщения об акциях, грядущих мероприятиях, ивентах и конкурсах. Они должны быть максимально сжатыми: желательно уложиться в 2–3 слова, чтобы на небольшой картинке хватило места, а надпись была видна даже на миниатюре и не оставляла у пользователя вопросов. Там же можно указать номер телефона или ключевые преимущества компании.
Слитные аватар и меню группы
Если вы хотите красиво оформить сообщество, сделав дизайн, где один элемент будет как бы перетекать в другой, вам понадобится Photoshop или другой графический редактор. По сути, создание таких оформлений сводится к тому, чтобы разрезать изображение в правильных местах и сделать его составные части меню, аватаркой и, если вы того хотите, шапкой.
- Откройте в редакторе изображение, которое хотите разрезать, выделите в нем участки для меню и аватара.
- Чтобы одна картинка перетекала в другую, между блоками нужно сделать «пробел» шириной в 50 пикселей: так блок меню начнется не в том же месте, где прервалась аватарка, а чуть сбоку, как будто часть изображения продолжается под интерфейсом соцсети.
- Можете поискать в Сети шаблоны, программы и приложения, способные самостоятельно генерировать слитные оформления. Но лучше научиться делать их своими руками.
Виджеты и дополнения
Блок, который ВКонтакте ввел относительно недавно, позволяет настраивать разнообразные виджеты, работающие на воронку продаж или помогающие пользователям в навигации. Этот же блок позволяет создавать простые меню без долгой работы с вики-разметкой. Сейчас запущено и работает уже много разнообразных приложений, позволяющих создавать блоки под самые разные цели:
- подписка на сообщество или конкретную рубрику;
- отзывы клиентов и покупателей;
- случайная цитата;
- переход в каталог;
- участие в конкурсе;
- приветствие по имени;
- приглашение прочитать ту или иную тему;
- сбор пожертвований и многое другое.
Виджеты сообществ ВКонтакте
Список полезных дополнений для группыНастраиваются дополнения довольно просто, разобраться в интерфейсе несложно: создать подходящий виджет и оформить его можно без лишних усилий.
Изображения к контенту: как оформить
Всем известно, что главное в SMM и ведении профиля в соцсети — контент. Без качественного наполнения даже красиво оформленная группа не будет продвигаться и расти, но и к записям предъявляются свои требования. Например, посты, к которым не прикреплена картинка, читают хуже, у них меньше видимость, их реже замечают в ленте. Здесь, кроме базовых правил (высокое разрешение изображения, отсутствие перегруженности), есть свои особенности.
Картинки с текстом.
- Используйте затемнение или осветление, если планируете разместить на картинке текст. Так буквы будут более читаемыми, а само изображение не отвлечет читателя от текстового содержимого.
- Можете создать на фото область другого, контрастного цвета и поместить надпись поверх нее, чтобы она не сливалась с элементами картинки. Хорошо работает разделение фотографии на две части в графическом редакторе.
- Еще один вариант — подсветка каждой строчки по отдельности. Это работает не для всех вариантов стиля, но, как правило, смотрится хорошо.
- По аналогии с затемнением или осветлением можно использовать размытие. Сам текст можно подсветить или добавить туда тень с помощью редакторов.
- Хороший выбор — изначально выбирать картинки, где есть место для размещения текста: например, большой однотонный участок. Так редактирование фото сведется к минимуму.
- Ватермарки. Если вы создаете авторский контент, его лучше обезопасить от присвоения авторства. Это помогают сделать «водяные знаки» с вашей символикой: так, даже если картинку опубликуют в другом паблике, по вашим опознавательным знакам легко будет догадаться, что это вы. Ватермарк в таких случаях может работать как еще один способ рекламы, особенно если вы делаете что-то популярное: рисуете или фотографируете, создаете коллажи.
- Источники. Чтобы находить красивые фотографии, платить необязательно. Существует множество сервисов бесплатных стоковых фото, таких как Picrew, Pexels, Freestockimages. У многих есть русскоязычный интерфейс и поиск по картинкам: найти подходящую будет несложно, пользоваться ими можно с указанием автора исходника.
Результаты поиска в сервисе Pexels
Бесплатный фотосток для поиска картинок- Редакторы. Photoshop — сложный инструмент, и не каждый владелец паблика ВКонтакте умеет с ним работать. Для тех, кто хочет редактировать фото, но не может воспользоваться профессиональным редактором, существует большое количество более простых программ и онлайн-сервисов. Никто не предлагает вам пользоваться Paint: есть приложения, специально заточенные под обработку фото для соцсетей. Например, Canva, Photor и другие.
Инструмент статей и редактирование
Еще одно интересное нововведение ВКонтакте, уже ставшее для многих привычным, — статьи. Это прекрасный инструмент для создания лонгридов: длинных записей, художественных рассказов, обзоров и подборок фактов. Их куда удобнее настраивать и форматировать, чем стандартные посты. Создать статью легко: достаточно нажать на букву «Т» в окошке для написания публикации и переходить к написанию.
Окно создания нового поста ВКонтакте
Буква «Т» для перехода в редактор статейФорматирование публикаций:
- Лонгриды редко пишутся в самом редакторе, чаще их копируют из текстовых документов. Если вы так делаете, обязательно пробегитесь по тексту и посмотрите, нет ли ошибок форматирования. Например, при вставке из Word до недавнего времени часто дублировались переносы строки.
- Первая строчка — заголовок и название: на его основе будет строиться короткий адрес статьи, оно же отобразится в превью.
Редактор для создания статей ВКонтаке
Поле для заголовка и текста статьи- Выделив нужный участок текста, вы можете сделать его полужирным, наклонным или зачеркнутым, изменить позиционирование (по центру, по любому из краев), оформить как цитату или ссылку, сделать заголовком первого или второго уровня.
Окно форматирования в инструменте статей ВКонтакте
Выбор варианта оформления для текста статьи- Если вы перейдете курсором на пустой абзац, появится кнопка с плюсом. Нажав на нее, можно добавить в тело статьи изображение, видео или аудиозапись, GIF-анимацию, прикрепить товар или создать опрос. Последний вариант — три звездочки, отбивка блока текста.
Окно вставки нового элемента в статью ВКонтакте
Вставка изображения, видео, музыки и других дополнений- Вики-разметка групп ВКонтакте
С появлением виджетов оригинальной вики-разметкой стали пользоваться реже, но она до сих пор актуальна, если вы хотите, например, сделать сложное меню или блок с ответами на вопросы. Это способ оформления, позволяющий гибко настраивать и форматировать лонгриды в обсуждениях или описании страницы.
- ВКонтакте предоставляет собственный редактор для создания таких лонгридов. Для перехода к нему и оформления статьи можно скопировать в адресную строку текст https://vk.com/pages?oid=-N&p=Нaзвание и подставить вместо «Название» имя будущего лонгрида, а вместо N — идентификатор вашей группы.
Пустое окно страницы с вики-разметкой ВКонтакте
Начало создания страницы в редакторе с поддержкой разметки- Редактор похож на окна редактирования текста в популярных CMS. Одна из особенно важных функций — переход в режим кода. Это делается по кнопке в правом верхнем углу окошка.
Окно редактора вики-страниц сообществ ВКонтакте
Редактирование страницы с вики-разметкой ВКонтакте- Тонкости и секреты вики-разметки потребовали бы отдельной статьи. К счастью, ВКонтакте есть официальные сообщества, посвященные ее использованию, и нужную информацию можно найти в них.
Навигационное меню
Оно обычно нужно крупным группам и пабликам. Если раньше сделать меню можно было только с помощью разметки, доступной не каждому, то сегодня есть и второй способ: с помощью виджетов.
У обоих подходов есть плюсы и минусы:
- вики гибче настраивается, дает больше возможностей для дизайна, но замещает собой верхний пост или описание сообщества;
- виджеты меньше, зато удобнее создаются и размещаются под блоком текста, не загораживая его.
Если хотите, можете оформлять группу самостоятельно или заказать дизайн у людей, которые занимаются им профессионально. Пусть ваше сообщество будет красивым и эстетичным — это порадует подписчиков и потенциальных клиентов.
Теги
Вам также будет интересно
Оформление страницы вконтакте для бизнеса
Всем хорошего дня. Сегодня рассмотрим такой аспект в социальной сети как оформление вашей страницу для получения большего доверия к вам и больших продаж с помощью социальных сетей. Не секрет что сейчас очень многие компании получают много хорошего трафика из социальных сетей и дело даже не в том что они дают много рекламу. Очень большой плюс к этому является красиво оформленная ваша страница или группа, вы должны как выделиться среди других, привлечь внимание к вашей странице или группе.
Необходимо сделать первое впечатление, чтоб человек стал вам сразу больше доверять и увидел в вас специалиста. Красивое и качественное оформление вашей страницы или группы во многом этому помогает. Итак, давайте приступать к делу! Рассмотрим как правильно оформить страницу вконтакте для бизнеса. Дальше рассмотрим такие вопросы:
- Зачем бизнесмену «украшения»
- 5 Неотразимых Решений Привлекательности Вконтакте
- Фотостатус – Самое Необычное Оружие Привлечения Людей Вконтакте
- 3 Способа Создания Фотостатуса Вконтакте
- Легкий и надежный способ создать фотостатус
- Текстовый статус
- 3 Способа Создания Текстового Статуса Вконтакте
- Фото-пазлы
- 3 Способа Создания Текстового Статуса Вконтакте
- 3 Способа Установить Изображения Вконтакте
Зачем бизнесмену оформление страницы вконтакте»
Семь Простых Причин использовать Вконтакте «украшения»:
1. На сегодня во Вконтакте заходят более 50 млн.человек в сутки! ♂♀ Чтобы продвинуть себя, свой бизнес нужно ВЫДЕЛИТЬСЯ
2. Одни тексты в соцсети НЕ РАБОТАЮТ
3. Сообщение Вконтакте дает результат только с визуальным контентом – изображениями ☼
4. Стандартные изображения работают, но САМЫЕ ЭФФЕКТИВНЫЕ – нестандартные изображения
5. В изображение можно добавить «вирус» — надпись или картинку бренда вашего бизнеса, ссылку на ресурс в Интернете (сайт, блог, интернет-магазин, канал youtube, группу или паблик Вконтакте). Этот «вирус» будет в дальнейшем работать на ваш бизнес. Если изображение (или сообщение с изображением) будет интересно публике – то оно распространится Вконтакте как чих…
6. Вконтакте дает огромный выбор и инструменты по созданию нестандартных изображений
7. Нестандартные изображения можно использовать везде Вконтакте:
— на профиле
— в публичной странице (паблике)
— в группе
— в мероприятиях
5 Неотразимых Решений Привлекательности Вконтакте
Самое необычное решение: Фотостатус
Самое распространенное: Текстовый статус
Самое странное: Фото-пазл
Самое эмоциональное: FLASH-картинки
Самое графичное: ALT-коды
Фотостатус – Самое Необычное Оружие Привлечения Людей Вконтакте
Нигде, кроме Вконтакте вы не увидите такого вида изображений – Фотостатуса. Фотостатус – это узкое изображение, разрезанное на 4 или 5 частей. Фотостатус из 4 частей можно установить только на профиль. Фотостатус из 5 частей устанавливается на профиль и в сообщества Вконтакте. Изначальное изображение должно быть в формате: jpeg, jpg, png
Максимальные размеры начального изображения 400х100 px
• конечные размеры одного изображения 75х100 px — если 5 картинок
• 80×100 px — если 4 изображения
Кроме стандартного фотостатуса можно создать большой фотостатус. Отличается от обычного фотостатуса тем, что нет белых линий разрезов на фотографии Фотостатус стандартно устанавливается в блоке ФОТОГРАФИИ на профиле,в группе, в мероприятии. Как вы видите, на фотостатусе можно сделать надпись: ссылку на ресурс в Интернете (сайт, канал youtube, сообщества Вконтакте)
В паблике такой возможности нет. Поэтому фотостатус можно прикрепить к сообщению. Впрочем, как и на профиле, в группе или в мероприятии…
3 Способа Создания Фотостатуса Вконтакте
Фотостатус можно создать:
1. На онлайн сервисах
— специализированные сервисы по созданию фотостатуса Вконтакте
Например, fotostatus.me
— онлайн редакторы
Например, picmonkey.com
2. В приложениях Вконтакте Например,
Например fotostatus_zdes
3. Программой PhotoShop
▬▬►Легкий и надежный способ создать фотостатус◄▬▬
Самый простой способ создать фотостатус – специализированный онлайн сервис по созданию фотостатуса Вконтакте.
И сейчас вы увидите: Как легко создать фотостатус с
помощью онлайн сервиса fotostatus.me ☺ и… одновременно, приложения Вконтакте ♫
Шаг #1
Находим и нажимаем в меню пункт «Создать фотостатус»
Шаг #2
Нажимаем кнопку «Со своего компьютера», чтобы выбрать изображение — основу фотостатуса. Выбираем изображение с компьютера
Шаг #3
Выбираем область для фотостатуса с изначального изображения (просто перетаскиваем прямоугольник в ту часть, которую хотим установить как фотостатус)
*** Также, если хотите увеличить изображение справа или слева – то нужно взять за края изображения и потянуть до нужного размера
Шаг #4
Нажимаем кнопку «Установить фотостатус себе на страницу»
Шаг #5
Запускаем приложение Вконтакте
Шаг #6
Нажимаем кнопку «Разместить запись»
Важно. Многие забываю что красиво оформленная страницы вконтакте будет дополнительно привлекать к вам новых клиентов, подписчиков. Только надо не забывать, что это будет работать только в сумме, если вы даёте рекламу или постоянно публикуете статьи у себя в группе или странице, тогда и правильно оформленная страница вконтакте будет конвертировать ваш трафик намного лучше.
Текстовый статус
Как вы уже поняли, текстовый статус – самый распространенный тип «украшения» Вконтакте. Ими буквально заполонен Вконтакте. Текстовый статус – это изображение, на котором написан текст: высказывание, мысль, цитата. Также можно установить ссылку на ресурс в Интернете или мини-картинку бренда (сообщества Вконтакте).
Формат изображения: jpeg. jpg, png
Размеры:
— Максимальный 1000×700 px
— Оптимальный 700×500 px
©3 Способа Создания Текстового Статуса Вконтакте ©
Текстовый статус можно создать:
1. В онлайн редакторах
Например, picmonkey.com
2. В приложениях Вконтакте
Например, приложение
3. Программой PhotoShop
←Фото-пазл→
Фото-пазл – это изображение, которое разрезано на несколько равных частей. Фотостатус – один из видов фото-пазла (если изображение разрезается на 4 или 5 частей). Изображения может быть разрезано для фото-пазла на 2-36 частей. Формат изначального изображения: jpeg. jpg, png
Размеры начального изображения:
— Максимальный 1000×700 px
— Оптимальный 700×500 px
3 Способа Создания Фото-пазла Вконтакте
Фото-пазл можно создать:
1. В онлайн редакторе
Например, picmonkey.com
2. В приложениях Вконтакте
Например, фото редактор вк
3. Программой PhotoShop
И еще немного о том, как устанавливать все перечисленные «украшения» во Вконтакте
3 Способа Установить Изображения Вконтакте
1. Прикрепить как фотографии к сообщению
2. Добавить в блок Фотографии
3. Загрузить фотографии через Меню «Мои фотографии» (только в профиле)
Выделение текста
Как дополнительно выделить свой текс, для дополнительного привлечения внимания к вашему сообщению.
Например: Я ʎҺох ̲п̲р̲и̲в̲л̲е̲ч̲ь |̳̿В̳̿А̳̿Ш̳̿Е̳̿| К эТоМу ОбЪяВлЕнИю.
Для этого есть приложение fliptext — которое позволяет перевернуть, зачеркнуть текст.
В верхнее окно вводите текст, выбираете действие над текстом и копируете себе в сообщение.
Это дополнительный способ для привлечения внимания к вашему сообщению.
Таким образом используйте эти все методы и ваши сообщения и страница будет выгодно отличаться от других, тем самым вы дополнительно привлечете внимание к вашей странице и получите больше трафика куда вам необходимо. Оформляйте свой страницу вконтакте правильно и да пребудет с Вами Сила ))
С Уважением Александр Дорошко.
30 лучших страниц «Свяжитесь с нами», которые вы захотите скопировать
Примеры страниц «Свяжитесь с нами»
- Тюнинг
- HubSpot
- Выборочная проверка
- Атлас 1031 Обмен
- Моррони
- пикселей
- PeopleMetrics
- Legalia
- Weifield Group Contract
- Выжить
- Йети
- Глянцевый
- млн унций
- Zendesk
- Accenture
- Без дыни
- Шрибд
- Агентство ВИА
- Atlassian
- Студия Legwork
- бан.сделать
- Quick Sprout
- Средний
- Достижение3000
- Марвел
- Доллар бритья Club
- Моламил
- Поехали куда-нибудь
- Грамматика
- Hulu
Когда вы думаете о хорошем дизайне веб-сайта, вы, вероятно, думаете о домашней странице веб-сайта, или их блоге, или их страницах продуктов.
А как насчет страницы «Связаться с нами» на веб-сайте?
Слишком многие дизайнеры веб-сайтов помещают контактные страницы в конец списка приоритетов с точки зрения копирайтинга и дизайна.Подумайте, сколько страниц с контактами вы наткнулись и выглядели так, как будто они были созданы в 1990-х годах, даже если остальная часть веб-сайта прекрасна и обновлена.
Это, друзья мои, огромная ошибка. Ваша страница «Свяжитесь с нами» — одна из самых важных страниц на вашем веб-сайте. Для большинства компаний это обычно одна из самых посещаемых страниц сайта.
Контактная форма Передовой опыт
Просмотрите следующий список элементов, которые используются на успешных страницах контактов, чтобы узнать о функциях и передовых методах, которые вы должны не забывать включать в свою собственную веб-форму.Обычно хорошие формы для связи …
- легко найти, поэтому посетитель может быстро связаться с ним, если он ему понадобится.
- Объясните, почему кто-то должен связаться с ними , и опишите, как они могут помочь в решении проблем своих посетителей.
- Включите адрес электронной почты и номер телефона , чтобы посетители могли быстро найти нужную информацию.
- Включите короткую форму , используя поля, которые помогут компании понять, кто с ними связывается.
- Включите призыв к действию , чтобы предоставить посетителям другой вариант, если они решат не заполнять форму.
- Продемонстрируйте идейное лидерство компании , включая список последних сообщений в блогах или статей о компании в прессе.
- Свяжите с активными учетными записями в социальных сетях , такими как Twitter, Facebook, Instagram и LinkedIn, чтобы посетители могли участвовать в бизнесе.
- Переадресация на страницу благодарности , на которой объясняется, когда и как вы с ними связываются, а также ссылки на полезный контент и ресурсы.
- Творческий и запоминающийся , поэтому посетители связывают обращение к вашему бренду с положительными или забавными воспоминаниями.
- Покажите, чем занимается ваш бренд , чтобы посетители и потенциальные клиенты могли получить представление о вашей работе еще до того, как они свяжутся с вами.
- Избегайте ненужных полей и слов , чтобы ваша страница оставалась максимально простой и понятной — без лишних слов!
Теперь, когда мы рассмотрели передовой опыт, давайте рассмотрим примеры некоторых из наиболее эффективных страниц контактов в Интернете.
Пора вдохновиться.
30 лучших страниц «Свяжитесь с нами»
Хорошо продуманная страница контактов улучшит взаимодействие с пользователем и укрепит отношения с вашими потенциальными клиентами. Несмотря на то, что каждый бизнес индивидуален, и каждый покупатель требует разных вещей, в следующих примерах есть несколько элементов, которые вы можете извлечь и включить (или не включать) на свою страницу контактов.
1. Мелодия
[См. Полную страницу «Свяжитесь с нами» здесь.]
На странице контактов Tune много хорошего: красивый дизайн, призывы к действию, четко отображаемая контактная информация и форма в нижней части страницы для посетителей, которые хотят связаться с конкретными вопросами.
Что мне больше всего нравится на их странице, так это то, насколько они приветливы. Такие тексты, как «Мы готовы вести вас в будущее мобильного маркетинга» и «Свяжитесь с нами», заставляют посетителей чувствовать, что о них заботятся. Контактные страницы многих компаний довольно холодные, но чем более дружелюбным вы сделаете копию своей страницы, тем лучше вы заставите себя чувствовать посетителей.В конце концов, вы должны захотеть, чтобы они связались с вами, чтобы вы могли им помочь и начать строить отношения.
2. HubSpot
[См. Полную страницу «Свяжитесь с нами» здесь.]
Страница «Свяжитесь с нами»HubSpot демонстрирует, как страницу контактов можно использовать в качестве инструмента обслуживания клиентов. Вверху есть два больших CTA, соединяющих посетителей с группами продаж и поддержки HubSpot. HubSpot понимает, что люди, посещающие эту страницу, вероятно, заинтересованы в покупке продукта или нуждаются в помощи в устранении неполадок.Размещая эти кнопки вверху страницы, HubSpot предоставляет своим посетителям проактивное обслуживание клиентов.
Еще одна примечательная особенность — это то, как страница контактов встроена в портал HubSpot. Это делает страницу более доступной для пользователя и экономит время. Если вы работаете на портале HubSpot и вам нужно найти номер телефона службы поддержки, вам не нужно выходить из своей учетной записи. Это создает более удобный и многоканальный опыт для клиента.3. Проверка выбора
[См. Полную страницу «Свяжитесь с нами» здесь.]
Несомненно, лучшая вещь на странице «Связаться с нами» Choice Screening — это их копия. Нет ничего лучше, чем это — все начинается с того краткого, восхитительного заголовка «Talk to a Human».
Вслед за всей этой большой копией идет хорошо организованная страница с контактной информацией, включая адреса электронной почты для всех отделов, за которыми следует форма. Для большинства предприятий форма немного длинновата, но для компании, которая выполняет все виды проверок биографических данных, поля формы, вероятно, необходимы, чтобы помочь им организовать все свои запросы.
Обдумывая, какой длины должны быть ваши собственные формы , подумайте о том, хотите ли вы, чтобы поступало больше запросов или запросы более высокого качества. Если у вас есть другие, более легкие способы связи с вами, более длительные форма может быть приемлемой для некоторых предприятий.
4. Обменный пункт Атлас 1031
[См. Полную страницу «Свяжитесь с нами» здесь.]
На первый взгляд, у контактной страницы Atlas 2031 Exchange не самый красивый дизайн.Но если вы присмотритесь, вы поймете, что на ней есть все аспекты отличной страницы «Свяжитесь с нами» — и это начинается с функциональности.
На странице подробно объясняется, насколько они отзывчивы на вопросы: «Мы невероятно отзывчивы на ваши запросы и ценим ваши вопросы». Затем они фактически перечисляют того, что люди получат, когда зададут вопрос, включая обещание короткого времени ответа — 12 часов или меньше. На странице также есть удобная для чтения контактная информация, кнопки социальных сетей, ссылки на предложения и даже список недавно опубликованных сообщений в блогах.Отличная работа.
5. Моррони
[См. Полную страницу «Свяжитесь с нами» здесь.]
Давайте будем честными … в наши дни большинство людей предпочитают заполнить форму, чем позвонить по телефону и поговорить с кем-нибудь. Выбирая, о чем спрашивать людей в ваших формах, убедитесь, что вы выбрали те, которые помогут вашему конкретному бизнесу понять человека, с которым вы связываетесь, и даже помогут вам квалифицировать его как потенциального лидера.
Конечно, некоторым людям нравится поднимать трубку…. отсюда и восхитительная шутка перед номером телефона. Нам также нравится тест Моррони «вызов-ответ», чтобы выяснить, являются ли посетители людьми: «Как ваши математические расчеты? 2 + 5 =?».
6. Pixpa
[См. Полную страницу «Свяжитесь с нами» здесь.]
Вы будете удивлены, сколько страниц «Свяжитесь с нами» не содержат призывов к действию. Хотя основная цель вашей контактной страницы — помочь людям связаться с вашей компанией, всегда будут люди, которые попадут на страницу и не захотят заполнять форму.Вот где может хорошо вписаться небольшой вторичный призыв к действию.
Это может быть просто кнопка, ведущая к вашему блогу. Или это может побудить людей продемонстрировать ваш продукт, загрузить руководство или посмотреть видео. Ребята из Pixpa решили добавить CTA внизу своей страницы «Свяжитесь с нами», чтобы получить бесплатную пробную версию. Таким образом, они приносят пользу людям, которые попадают на страницу и действительно хотят напрямую поговорить с торговым представителем.
7. PeopleMetrics
[См. Полную страницу «Свяжитесь с нами» здесь.]
Иногда самый простой подход — лучший подход. Контактная страница PeopleMetrics чистая, хорошо написана и выполняет именно то, что должна делать. Они знают, что большинство людей, попадающих на их страницу контактов, ищут самый простой и лучший способ связаться с ними, поэтому они не позволяли никакому тяжелому дизайну мешать.
Чтобы сделать жизнь людей еще проще, они позволяют вам использовать учетную запись Facebook или Google Apps, что еще больше сокращает путь конверсии. Кроме того, мы считаем разумным включить возможность подписаться на их блог одновременно с отправкой запроса.
8. Legalia
Вот еще одна контактная страница с чистым функциональным дизайном. Вся необходимая информация, в том числе краткая форма, собрана в небольшом пространстве, которое не кажется переполненным. Один из способов добиться этого — преобразовать большие изображения здания в карты местоположений, что можно сделать, нажав кнопку «voir le plan» («просмотреть карту») под адресом.
[См. Полную страницу «Свяжитесь с нами» здесь.]
Я также хотел бы отметить небольшую, но важную деталь для компаний, у которых есть международные клиенты.Узнайте, как Legalia добавила префикс для кода своей страны при указании номера своего контактного телефона. Многие люди упускают это из виду, если они не привыкли сами набирать международные префиксы, но вашим международным коллегам и клиентам очень полезно иметь его прямо здесь. Вот список кодов стран, если вы не знаете свой.
А вот как выглядит вся страница:
[См. Полную страницу «Свяжитесь с нами» здесь.]
9. Контрактная деятельность Weifield Group
[См. Полную страницу «Свяжитесь с нами» здесь.]
Ввиду продолжающегося роста количества просмотров веб-сайтов с мобильных устройств и того, что Google в значительной степени отдает предпочтение веб-сайтам, оптимизированным для мобильных устройств, на страницах результатов поисковых систем, важно, чтобы все страницы вашего веб-сайта, включая страницу «Свяжитесь с нами», были адаптированы для мобильных устройств.
Это включает в себя упрощение навигации, создание коротких и понятных форм, включая большие кнопки с призывом к действию, на которые легко нажимать большим пальцем, и большие поля формы, которые позволяют людям легко заполнять их на своих мобильных устройствах вместо того, чтобы сжимать и масштабировать .
Страница контактов Weifield Group — отличный пример того, что она удобна для мобильных устройств и быстро реагирует. Сначала ознакомьтесь с настольной версией их страницы контактов, а затем с их страницей контактов на мобильных устройствах — и обратите внимание, как они оптимизировали каждую часть своей страницы для мобильных устройств. Текст большой, поля формы легко заполняются, а их кнопка CTA большая и легко нажимается, что делает работу на мобильных устройствах более удобной.
На фото выше представлена настольная версия, а вот мобильная версия:
.[См. Полную страницу «Свяжитесь с нами» здесь.]
Клиенты HubSpot: Если ваш веб-сайт находится в системе оптимизации содержания (COS), то с технической точки зрения ваш сайт уже оптимизирован для мобильных устройств. HubSpot COS использует адаптивный дизайн для адаптации к любому мобильному устройству и полностью проходит тест сниффинга по новому алгоритму Google.
10. Выживать
[См. Полную страницу «Свяжитесь с нами» здесь.]
Страница контактовSurvicate — еще один пример красиво простого макета в сочетании с дружелюбной и приветливой копией.Мне нравится подзаголовок ниже сгиба и чуть выше формы, который гласит: «Давайте поговорим о вашем проекте». Такой разговорный, разговорный язык — это именно та копия, которая заставляет посетителей чувствовать себя ближе к бренду.
Сама форма проста, с большими полями и кнопками CTA, что делает ее очень удобной для мобильных устройств. Ниже они изложили всю типичную контактную информацию — адрес офиса, номер телефона, электронную почту, часы работы и т. Д. — в удобном для чтения и сканирования виде.
Наконец, мне нравится, что их значки и основной CTA имеют тот же желтый цвет, что и их логотип. Все эти простые штрихи создают чистый, визуально привлекательный дизайн.
11. Йети
[См. Полную страницу «Свяжитесь с нами» здесь.]
Yeti продает кулеры и посуду для напитков, которые созданы для активного отдыха на природе, а на странице «Свяжитесь с нами» поддерживается бренд, предназначенный для активного отдыха на открытом воздухе. Мне особенно нравится умный слоган, побуждающий посетителей обращаться к нам («Хотя мы хорошо разбираемся в дымовых сигналах, есть более простые способы связаться с нами и ответить на ваши вопросы.») и различные способы подключения между платформами.
Красивое изображение туриста в горах с кулером Yeti соседствует с чистым белым фоном, чтобы сделать контактную информацию и призывы к действию понятными для посетителей сайта, а ссылка на базу знаний Yeti помогает им быстро и легко находить ответы, если они этого не делают. Не хочу ждать.
12. Глянец
[См. Полную страницу «Свяжитесь с нами» здесь.]
Бренд по уходу за кожей и косметикой Glossier продает эстетичную косметику в различных розовых и белых упаковках, что также отражено на веб-сайте.Страница «Связаться с нами» чистая, простая и удобная для чтения, но ее простота противоречит секретному оружию Glossier: gTEAM, службе поддержки клиентов, которая отвечает на каждое сообщение и комментирует его по электронной почте или в социальных сетях.
Страница «Связаться с нами»Glossier предлагает посетителям различные варианты связи с нужной командой, включая разделы «Помощь» и «Часто задаваемые вопросы», а веб-страница упрощает и упрощает получение необходимой информации.
13. млн унций
[См. Полную страницу «Свяжитесь с нами» здесь.]
Moz, компания по разработке программного обеспечения для SEO из Сиэтла, имеет четкий и четкий CTA на странице «Свяжитесь с нами». Это приводит посетителей к более подробному «Справочному центру», где посетители могут щелкнуть мышью, чтобы найти необходимую помощь по конкретному программному обеспечению или услугам, предлагаемым Moz.
[См. Полную страницу «Свяжитесь с нами» здесь.]
С предложениями, такими же обширными и многогранными, как у Moz, неплохо сразу же не перегружать кого-то, кому нужна помощь. Вместо этого Moz предоставляет необходимую контактную информацию на своей главной странице «Свяжитесь с нами» с дополнительными, более подробными ресурсами, доступными после того, как они нажмут «Связаться со службой поддержки».Кроме того, на нем есть аккуратная карта Сиэтла, на которой точно показано, где находится Moz, для людей, которые приезжают в гости лично.
14. Zendesk
[См. Полную страницу «Свяжитесь с нами» здесь.]
[См. Полную страницу «Свяжитесь с нами» здесь.]
Zendesk — это облачное программное обеспечение для обслуживания клиентов, ориентированное на взаимодействие. Более 300 миллионов человек по всему миру используют отделы обслуживания клиентов и службы поддержки Zendesk в качестве выбранной ими формы поддержки.
Все на веб-сайте Zendesk минималистично, чисто и гармонично сочетается по цвету.Их эстетика переносится на их упрощенную и эффективную страницу контактов. Когда дело доходит до веб-форм, компании, которые делают их максимально простыми, получают большее количество конверсий. Именно поэтому Zendesk находится в этом списке. Страница оформлена очень четко, но неброско, и посетители должны заполнить только три поля формы. Их кнопка CTA также не может быть более очевидной, что позволяет лидам и клиентам чувствовать себя уверенно, когда они нажимают «Отправить».
Внизу страницы контактов есть область, где посетители могут просмотреть варианты поддержки продуктов Zendesk и просмотреть расположение офисов Zendesk.Понятно, что компания потратила время, чтобы создать эту страницу с учетом персонального образа покупателя. Они рассмотрели, что их пользователи могут искать на своей странице контактов, и добавили эти элементы в качестве дополнительных ресурсов.
15. Accenture
[См. Полную страницу «Свяжитесь с нами» здесь.]
Accenture предлагает профессиональные услуги по всему миру (если быть точным, в 120 странах), поэтому достаточно сказать, что существуют, вероятно, сотни различных телефонных номеров и электронных писем, к которым люди могут обратиться за помощью.
К счастью, эта многонациональная корпорация придумала, как представить большой объем информации в компактной форме на своей странице «Свяжитесь с нами» — с помощью расширяемых разделов, которые посетители могут щелкнуть, чтобы получить нужную им информацию.
Страница «Свяжитесь с нами» на самом деле битком набита полезной контактной информацией для любого запроса под солнцем, но, организовав ее компактно, Accenture предотвращает излишнюю путаницу, при этом предоставляя необходимую информацию.
[См. Полную страницу «Свяжитесь с нами» здесь.]
16. Melonfree
[См. Полную страницу «Свяжитесь с нами» здесь.]
Melonfree, парагвайское веб-консалтинговое агентство, делает все возможное для создания креативных и красивых веб-сайтов. И хотя его домашняя страница демонстрирует портфолио интересных и привлекательных работ, страница «Свяжитесь с нами» считается самой креативной.
Если вы зритель «Южного парка», вы сразу узнаете аватарки дизайнера и разработчика Melonfree.Это рассмешило меня, особенно когда я увидел личные штрихи, которые они добавили, чтобы продемонстрировать свою индивидуальность, и этот эмоциональный отклик делает бренд более запоминающимся — связь, которая является неотъемлемой частью лояльности клиентов.
17. Писец
[См. Полную страницу «Свяжитесь с нами» здесь.][См. Полную страницу «Свяжитесь с нами» здесь.]
Scribd — это полностью цифровая библиотека, которая позволяет читателям наслаждаться множеством книг, аудиокниг, новостных статей, журналов и многого другого прямо из браузера.Подобно остальной части веб-сайта Scribd, их контактная страница интересна и уникальна. Вверху страницы указано расположение штаб-квартиры их компании на Google Maps. Они также четко указывают свой адрес и предоставляют посетителям веб-сайтов ссылки на все свои профили в социальных сетях.
Ниже представлена интерактивная и увлекательная карта с упорядоченными кнопками, где пользователи могут выбрать нужный им ресурс, поговорить со службой поддержки клиентов или отправить адрес электронной почты в службу поддержки клиентов в зависимости от их проблемы.Scribd гарантирует, что посетители их веб-сайтов могут получить необходимую помощь прямо на своей контактной странице, что экономит время как посетителю, так и Scribd. Не только это, но и дизайн контактной формы забавный и уникальный.
18. Агентство VIA
[См. Полную страницу «Свяжитесь с нами» здесь.]
Агентство VIA, базирующееся в Портленде, штат Мэн, использует свой веб-сайт для демонстрации своей интерактивной работы в Интернете для множества крупных клиентов. Поэтому неудивительно, что его страница «Свяжитесь с нами» содержит аналогичные высокотехнологичные веб-функции, включая параллаксную прокрутку и в целом привлекательные изображения.
На странице «Контакты» посетителям показано красивое здание, в котором работает VIA, а затем визуализировано, где именно находится его офис, а также необходимая для посетителей контактная информация. Он красивый, понятный и содержит имена и контактную информацию людей, к которым посетители могут обратиться напрямую в качестве бонуса.
19. Atlassian
[См. Полную страницу «Свяжитесь с нами» здесь.]
Компания Atlassian, производящая корпоративное программное обеспечение, предлагает большое количество различных продуктов для крупных компаний, которые помогут им оставаться организованными.Но, несмотря на это, его страница «Связаться с нами» чрезвычайно хорошо организована и понятна, поэтому посетители могут легко просматривать ее веб-сайт в поисках необходимой помощи.
Мне особенно нравятся хедшоты, на которых показаны дружелюбно выглядящие реальные люди, готовые помочь, а также возможность отправлять отзывы основателям Atlassian прямо на странице. Он демонстрирует приверженность прозрачности и открытость к освежающей критике — в дополнение к обмену широким спектром справочных документов, часто задаваемых вопросов и способов связи с компанией.
20. Студия Легворк
[См. Полную страницу «Свяжитесь с нами» здесь.]
Legwork Studios — агентство анимации и интерактивного дизайна, и его веб-сайт действительно говорит сам за себя. Он предлагает классные рисунки в стиле карандаша, сопровождаемые привлекательной анимацией, а продуманная копия веб-сайта заставляет посетителей увлекаться и хихикать — и читать больше.
Страница «Свяжитесь с нами» содержит всю необходимую информацию, чтобы связаться с Legwork, и на ней изображен медведь, одетый в деловой повседневный стиль, усердно работающий за своей пишущей машинкой.Это необычно и запоминается, и, кроме того, демонстрирует их навыки.
21. ban.do
[См. Полную страницу «Свяжитесь с нами» здесь.]
ban.do продает причудливые и креативные планировщики, блокноты и другие аксессуары, и весь его веб-сайт отражает стиль его бренда с забавными шрифтами, яркими цветами и интересной анимацией, чтобы все было весело.
На его странице «Свяжитесь с нами» представлена анимация «звонящих» старомодных ярких телефонов, множество ярко-розовых, умных и обычных веб-копий, а также вся информация, которая может понадобиться посетителю этой страницы.На одной странице вы можете связаться с ban.do, обратиться в службу поддержки клиентов и получить информацию о возврате продукта.
Важно, чтобы каждая страница вашего веб-сайта, включая страницу «Свяжитесь с нами», отражала бренд, и эта страница отлично справляется с задачей развлечься, помогая клиентам ban.do.
22. Быстрый росток
[См. Полную страницу «Свяжитесь с нами» здесь.]
Страница «Свяжитесь с нами» наQuick Sprout далека от традиционной — на ней есть инфографика.Это умный способ продемонстрировать, какую работу вы можете выполнять с помощью Quick Sprout, и он отправляет посетителей в интересное путешествие, чтобы узнать больше о компании и лучший способ связаться с ними.
Инфографика содержит полезную информацию о том, как лучше всего связаться с вами, включая темы, которые с наименьшей вероятностью получат ответ, и насколько коротким будет электронное письмо, чтобы получить лучший ответ. Он уникален, полезен и запоминается — победа, победа, победа.
23. Средний
[См. Полную страницу «Свяжитесь с нами» здесь.]
Когда вы впервые переходите на страницу «Связаться с нами» Medium, вы видите причудливую настраиваемую иллюстрацию, которая является одной из отличительных черт минималистского веб-сайта Medium с упором на пробелы.
Посетители могут ввести тему или отправить запрос — или, если они продолжат прокручивать страницу, они найдут для просмотра тщательно подобранный список статей базы знаний и форумов Medium.
[См. Полную страницу «Свяжитесь с нами» здесь.]
24. Достичь 3000
[См. Полную страницу «Свяжитесь с нами» здесь.]
Как и многие другие компании, у Achieve3000 есть много разных людей, посещающих их веб-сайт, и то, о чем эти люди хотят с ними связаться, может сильно различаться. Вот почему они решили пойти дальше универсального подхода.
Под этим красивым изображением героя и несколькими словами, объясняющими, что посетители получат, когда они свяжутся с ними, вы найдете три варианта: вы можете запросить демонстрацию, вы можете обратиться к торговому представителю или вы можете связаться с покупателем. поддерживать.Каждый из этих вариантов ведет к отдельной целевой странице, подобной той, которую я включил под этим снимком экрана. Какой отличный способ удовлетворить самые распространенные потребности ваших посетителей.
Вот форма целевой страницы, созданная специально для запросов в службу поддержки:
[См. Полную страницу «Свяжитесь с нами» здесь.]
Это отличная идея — объединить страницу «Свяжитесь с нами» с базой знаний. Таким образом, на одной странице ваши пользователи и клиенты могут эффективно ориентироваться в вопросах и проблемах или обращаться к ним в одном месте.
25. Чудо
[См. Полную страницу «Свяжитесь с нами» здесь.]
Marvel — это программное обеспечение для проектирования, которое помогает пользователям создавать и производить цифровые продукты. Компания проявляет творческий подход и поощряет клиентов «проектировать что угодно и где угодно». Поэтому неудивительно, что его контактная страница красочная и наполнена игривыми изображениями и дизайнами. Marvel взяла традиционно формальную страницу и переработала ее, чтобы она соответствовала имиджу бренда.
Этот подход не только интересен и привлекает внимание, но и используется в качестве маркетингового инструмента.Посередине страницы есть предложение, которое можно бесплатно загрузить. Посетители могут загрузить изображения продукта или логотипа компании, чтобы поделиться ими в своих личных и профессиональных каналах.
26. Dollar Shave Club
[См. Полную страницу «Свяжитесь с нами» здесь.]
Если вы не знакомы с Dollar Shave Club, это служба подписки на бритвы, которая предлагает качественные бритвы по конкурентоспособным ценам. Dollar Shave Club пытается подорвать свой рынок, позиционируя себя как более дешевое и удобное средство для бритья.Для этого ему необходимо рассказать своей целевой аудитории, что это за услуга, почему она отличается и как клиенты могут зарегистрироваться.
На странице контактов это достигается путем предоставления исчерпывающего руководства по продуктам и услугам компании. В середине страницы находится раскрывающееся меню со списком опций, включая то, как это работает, отгрузку и доставку, управление учетной записью, продукты и подарки. Этот тип самообслуживания клиентов способствует большему взаимодействию с посетителем и повышает CTR вашего сайта.
27. Моламил
[См. Полную страницу «Свяжитесь с нами» здесь.]
Molamil попал в наш список по двум причинам: во-первых, трудно забыть страницу, заполненную плавающими заголовками. Во-вторых, копия настолько подлинна, что вы захотите доверить этой компании разработку своего видения продукта. Вверху страницы рассказывается захватывающая история бренда и предлагается посетителю «зайти на чашку кофе или пива». Это заставляет посетителя чувствовать себя желанным гостем, вместо того, чтобы заставлять его принимать немедленные решения.
Помимо необычных изображений и игривого текста, Molamil также подчеркивает ценности своего бренда. На странице контактов указано, что сотрудничество, исследования и проактивность являются основными ценностями компании Molamil. Это дает посетителю понять, что бизнес может немного развлечься, но он по-прежнему посвящен удовлетворению потребностей клиентов.
28. Поехали куда-нибудь
[См. Полную страницу «Свяжитесь с нами» здесь.]
Let’s Travel Somewhere — это блог о путешествиях, написанный группой авторов, путешествующих по всему миру.Цель блога — «запечатлеть сущность каждой страны на планете». Это делает страницу контактов важным компонентом веб-сайта. Посетители должны легко получить доступ к странице и отправить свои работы редактору.
Поскольку редактор уезжает, авторам блога нужно несколько способов связаться с ней. Таким образом, она предоставляет всплывающую форму и несколько ссылок на социальные сети, предоставляя автору несколько вариантов общения. Она даже отмечает, что из-за ее частых путешествий иногда может медленно реагировать.Это обрисовывает ожидания ее авторов, поэтому они не сбиты с толку, если их работы не публикуются немедленно.
29. Грамматика
[См. Полную страницу «Свяжитесь с нами» здесь.]
Grammarly — это программа, проверяющая письменные документы на грамматические и орфографические ошибки. На его странице контактов легко ориентироваться, и посетители могут легко достичь своих целей. Grammarly знает, что посетители, заходящие на эту страницу, скорее всего, имеют запрос в службу поддержки. Таким образом, он разместил ссылку поддержки прямо посередине страницы ярко-зеленым цветом.
Если у посетителя установлено расширение Grammarly, он вставит информацию о пользователе в формы поддержки. Пользователям не нужно тратить время на заполнение одних и тех же полей, и они могут сразу перейти к описанию своей проблемы.
30. Hulu
[См. Полную страницу «Свяжитесь с нами» здесь.]
Контактная страницаHulu совмещена с базой знаний. Пользователи ищут собственные решения, а затем используют ссылки внизу страницы, чтобы при необходимости связаться со службой поддержки.Это улучшает качество обслуживания клиентов и сокращает количество обращений в службу поддержки.
Hulu также предлагает удобный чат-бот, который поможет посетителям выполнить действия по устранению неполадок. Он запускает чат, предлагая возможные вопросы, которые могут у вас возникнуть, и предоставляет ссылки на статьи, которые могут на них ответить. И большинство из этих вариантов основано на популярных телевизионных событиях, происходящих в то время, как в примере ниже:
Источник: Hulu
Заключение: дизайн контактных форм и страницы, которые выигрывают
Независимо от того, в какой сфере вы работаете или каков ваш покупатель, каждая компания должна стремиться к созданию отличной страницы «Свяжитесь с нами».Хорошо продуманный дизайн контактной формы позволит легко взаимодействовать с аудиторией, а также создать с ними позитивные и долгосрочные отношения.
Все на вашем веб-сайте должно быть хорошо продумано и продумано, а также должно оставаться профессиональным — это означает, что каждая деталь имеет значение, когда дело касается дизайна формы обратной связи.
Качественный конструктор форм поможет вам создать хорошо продуманную форму для связи с нами за считанные минуты. В конструкторах форм есть функции перетаскивания, которые предоставляют вам простой способ встраивать формы на ваш веб-сайт, чтобы посетители могли немедленно и эффективно отправлять свою информацию.
Как создать идеальную страницу «Свяжитесь с нами» [Примеры внутри]
Что делает отличную страницу «Свяжитесь с нами»?Знаете, вопрос о лучшей странице «Свяжитесь с нами» очень субъективен. Мы имеем в виду, что то, что замечательно для вас, может показаться плохим или даже уродливым для других.
Лучше учитывать не свой личный вкус и предпочтения, а удобство использования. Помните, что на хорошей странице «Свяжитесь с нами» должно быть указано следующее.
Он должен быть легко доступен с домашней страницы. Вы должны разместить ссылку на свою страницу «Свяжитесь с нами» на видном (ожидаемом) месте на веб-сайте, чтобы пользователи могли легко ее найти.
Само собой разумеется, что ваша страница «Свяжитесь с нами» должна быть чистой, а дизайн должен отражать визуальную идентичность вашего бренда и т. Д.
На самом деле, существует множество способов дать вашим клиентам возможность связаться с вами. Но очень важно помнить, что в настоящее время ваши клиенты ожидают от своего виртуального опыта большего, чем когда-либо прежде.Есть так много других ресурсов, которые знают, как их привлечь. Вот почему так важно то, как вы общаетесь с пользователями. Вам необходимо постоянно развиваться и соответствовать их самым высоким ожиданиям, будучи доступными где угодно и когда угодно.
Как правило, лучшие страницы контактов выполняют определенные функции:
- Они объясняют, почему посетитель должен связываться с вами, и описывают, как вы можете помочь решить проблемы посетителей.
- В них указан адрес электронной почты и номер телефона, чтобы посетители могли быстро найти необходимую информацию.
- Они включают короткую форму с заполнением, которая поможет вам понять, кто с вами связывается.
- Они содержат призыв к действию, чтобы люди оставались на вашем веб-сайте и предоставляли им еще один вариант, если они не хотят заполнять даже простую форму.
- Они демонстрируют основные идеи компании. Это можно сделать, включив список последних сообщений в блоге или статей о компании в прессе.
- Они связаны с вашими активными корпоративными учетными записями в социальных сетях, таких как Twitter, Facebook, Instagram и LinkedIn, чтобы посетители могли взаимодействовать с вашим бизнесом.
- Они перенаправляют пользователя на страницу с благодарностью, где объясняется, когда и как вы с ним свяжетесь.
Компании, применяющие передовые, продуманные маркетинговые стратегии, применяют отличный подход, известный как открытие каналов связи, отвечающих новым стандартам, ожидаемым клиентами. Это подход омниканальной коммуникации. Благодаря современным технологиям вы можете общаться с клиентами через чат, сообщения, текст, голос, Messenger, Whatsapp, Line, Viber и т. Д.
Это не только удобно для клиентов, но и может положительно повлиять на вашу конверсию. Такое разнообразие каналов коммуникации бесценно для любого владельца бизнеса. Никогда не недооценивайте ценность наличия всех каналов связи в одном месте. Удобство — залог покупателя, а счастливый покупатель превращается в лояльного.
Профессиональные маркетологи в области цифрового маркетинга, которые разрабатывали целевые страницы для крупных клиентов, таких как SocieteGenerale Banks, Ferrari, Bentley и многих других, и много лет работали с контактными формами, делятся следующими советами, которые были выработаны на основе их опыта, неудач и успех.
Эксперты говорят, что создать эффективную контактную форму одновременно просто и сложно:
Хорошая форма обратной связи должна включать 1 или 2 поля. Номер телефона и, возможно, имя. Вот и все.Также нужен уникальный призыв к действию. Вот конкретная статья на эту тему.
Конверсия во многом зависит от призыва к действию или CTA, как это называют маркетологи. Вы когда-нибудь замечали, что большинство веб-сайтов для малого бизнеса вообще не содержат призывов к действию, хотя они могут повысить вашу конверсию, мотивируя людей связываться с вами и не позволяя им переходить к вашим конкурентам?
Если вы умный продавец, возможно, вы экспериментировали или экспериментировали с различными CTA, пытаясь максимизировать конверсию от посетителей веб-сайта, заполнивших контактную форму или получивших звонок.Многие предприниматели находят решение для варианта обратного звонка. Кнопка «Получить обратный звонок через 25 секунд» способна увеличить конверсию до 50%. Вы можете попробовать Callmaker.net или любой другой аналогичный сервис.
Что такое коллмейкер? Это виджет, который предлагает обратный вызов в течение 25 секунд. Он действительно работает, он превращает посетителей сайта в звонки и продажи.
Мы объясним, как эта служба работает на примере Callmaker. Если у вашего посетителя есть вопросы, он нажимает кнопку «перезвонить через 25 секунд» и вводит свой номер телефона.Затем Callmaker автоматически находит доступного торгового представителя в течение 25 секунд и перезванивает клиенту. Звонок абсолютно бесплатный для клиентов, независимо от того, в какой стране они проживают.
Вам следует использовать «контактную форму» на своем веб-сайте как основу лидогенерации. Сделав выбор, вы можете развивать свой бизнес.
Многие компании не могут достичь успеха сегодня, потому что они неправильно проектируют контактные формы или не используют их.
Если вам нужно решить, сколько полей формы вы должны включить, подтвердите, где в маркетинговой воронке размещается ваше предложение:
Если он находится наверху воронки, вы можете создать как можно больше потенциальных клиентов.Это означает, что для создания требуется не так много полей формы. Позже вы можете привлечь их к продаже по электронной почте.
Если он находится в середине воронки, вам нужно объяснить посетителю, почему ваш продукт или услуга — лучший вариант для решения их проблемы. Типичный контент не ограничивается вебинарами, тематическими исследованиями, бесплатными образцами и т. Д.
Он находится внизу воронки — это этап покупки. Здесь потенциальные покупатели знают, чего хотят, оценили все варианты и готовы покупать.Эти контактные формы длиннее, потому что предприятиям нужно как можно больше квалифицированной информации для закрытия сделки.
Теперь, когда вы разработали стратегию, вам нужно решить, какое поле формы должно быть помечено как обязательное, а какое — необязательное:
Средний веб-сайт интернет-маркетинга обычно использует три обязательных и два необязательных поля:
- Имя — обязательное поле
- Электронная почта является обязательным полем
- Телефон — обязательное поле
- Город — необязательное поле
- Состояние — необязательное поле
Но, как вы понимаете, поля «город» и «штат» также являются обязательными для доставки продукта.
Дело в том, что не существует идеальной формулы для количества полей формы или количества полей, которые должны быть обязательными и необязательными. Все зависит от вас и ваших клиентов. Просто всегда следуйте стратегии, которая поможет вам развивать свой бизнес, когда вы выбираете поля и их количество.
Готовы ли вы вдохновиться? Ниже мы привели 5 примеров некоторых из лучших страниц «Свяжитесь с нами». Ознакомьтесь с ними и подумайте, как вы можете включить некоторые из этих идей в свой собственный дизайн страницы контактов.
Рецепт создания веб-сайта в 1995 году: возьмите одну серую страницу, добавьте счетчик посетителей, посыпьте радужными горизонтальными линиями, вставьте плохо анимированного строителя, добавьте страницу «свяжитесь с нами» и свяжите заполненную страницу со своим веб-кольцом.
Запутались? Представьте себе цифровой дом развлечений, в котором яркие цвета, мигающие огни и Comic Sans одновременно конкурируют за ваше внимание.
В 2016 году наш дизайн плоский, мы скрываем счетчики посетителей и сохраняем анимацию для гифок, которыми мы делимся в чате Slack.Тем не менее, страница «свяжитесь с нами» по-прежнему является неотъемлемой частью архитектуры любого веб-сайта. Для этого есть причина: хорошо продуманная страница контактов направляет людей к нужным им ответам и помогает им более эффективно задавать вопросы, значительно улучшая их взаимодействие с вашим сайтом.
Но что представляет собой «хорошо продуманная» страница контактов и как узнать, правильно ли вы ее понимаете? Некоторые из них — это просто метод проб и ошибок в сочетании с аналитикой таких инструментов, как Crazy Egg, которые позволяют визуализировать поведение пользователей на вашем сайте.Но есть лучшие практики, продемонстрированные успешными SaaS-компаниями, которые помогут вам улучшить вашу контактную страницу. Изучив 13 веб-сайтов SaaS-компаний, я определил 8 принципов дизайна, которые делают эффективную страницу контактов.
1. Помогите клиентам найти страницу
Большинство компаний SaaS, которые я рассмотрел, включают варианты поддержки клиентов (справка и база знаний) на своей странице контактов и ссылку на страницу контактов в верхнем или нижнем колонтитуле. Существует довольно равномерное разделение между 13 приложениями: половина в заголовке и половина в нижнем колонтитуле (пара выбирает оба места).Что вам следует использовать? Заголовок часто визуально более заметен, но исследования удобства использования показывают, что блоки ссылок толстого нижнего колонтитула также легко найти (и использовать).
Использовать общий язык
Хотя названия страниц контактов в разных компаниях различаются, это 3 наиболее широко используемых термина:
«Поддержка»
«Справка»
«Свяжитесь с нами»
- Slack
- Монитор кампании
- Hootsuite
Squarespace охватывает все базы с помощью «Свяжитесь с нами» и «Справка и поддержка».Mixpanel напрямую ссылается на свою страницу поддержки, но они используют «Документацию» в качестве ссылки для навигации.
Freshbooks и Salesforce показывают номер телефона на видном месте в заголовке навигации и делают его интерактивной ссылкой на свои варианты контактов. Понятно, что они делают поддержку по телефону в качестве основного выбора (дизайнерское решение, о котором я расскажу позже в этом списке).
Любой из этих терминов будет узнаваем для ваших клиентов, если вы упростите их поиск и выберете фразу, которая не слишком похожа на другие ссылки в вашей навигации.Например, использование и «контакта», и «помощи» для разных страниц добавляет еще одну точку принятия решения, которая может расстроить кого-то, кому нужно поговорить со службой поддержки.
Вывод: Не заставляйте людей искать вашу страницу контактов — придерживайтесь стандартного местоположения.
2. Гуманизируйте свою команду по обслуживанию клиентов
Клиенты, которые ищут помощи, часто испытывают стресс и разочарование, когда они могут общаться с вами только через текстовые чаты или электронные письма. Им легко чувствовать себя незначительными или игнорируемыми.За свою карьеру я слышал версии: «Я хочу поговорить с реальным человеком, а не с роботом!» от клиентов много раз.
Исследования показывают, что наш мозг точно настроен на распознавание лиц, а присутствие других людей имеет тенденцию создавать более кооперативное поведение (даже простой плакат с изображением лица имеет такой эффект).
Help Scout, Campaign Monitor и Zapier размещают фотографии своих реальных агентов поддержки на своих контактных страницах. Basecamp использует забавные иллюстрированные портреты.Демонстрация того, что на другой стороне страницы есть настоящие люди, — это простой способ убедить ваших клиентов в том, что им помогут, что, в свою очередь, может сделать их более расслабленными и вежливыми в общении.
Вывод: Используйте лица на странице контактов, чтобы улучшить взаимодействие с клиентами.
3. Адаптируйте страницу к ситуации
Не существует единого идеального дизайна для страницы контактов, потому что каждому клиенту нужна помощь в чем-то другом, а информация, которую вы хотите им дать, может со временем меняться.Чтобы решить эту проблему, несколько компаний используют «адаптивные» контактные страницы, которые предназначены для более уникальных запросов клиентов.
На странице контактовZapier посетителю предлагается начать с категоризации своей проблемы, а затем этот выбор используется для отображения одной из нескольких различных форм, запрашивающих более подробную информацию.
Контактная страницаCampaign Monitor соответствует более временной модели:
- Во время прерывания обслуживания в реальном времени на странице появляется заметное предупреждение, указывающее людям на их страницу состояния для получения дополнительной информации и обновлений.
- В зависимости от времени, когда вы посещаете страницу, вы увидите имена и фотографии сотрудников службы поддержки, работающих в это время.
- По выходным (когда уровень поддержки меньше) клиенты могут выбирать срочность своей проблемы, что помогает небольшим группам расставлять приоритеты в очереди.
- Зарегистрированные клиенты увидят номер телефона, если их тарифный план включает поддержку по телефону.
Вывод: Адаптивные контактные страницы сэкономят время и нервы ваших клиентов.
4. Централизуйте свои варианты связи
Freshbooks — отличный пример объединения всех вариантов контактов в одном месте. Нужна ли клиентам техническая помощь, обновления по текущему вопросу или связаться с прессой — все это доступно на одной странице.
В то время как некоторые компании различают базы знаний самообслуживания и активную поддержку, как минимум перекрестные ссылки для всех ваших контактов помогают людям легче найти путь к решению.
Большинство просмотренных мною страниц связаны с часто задаваемыми вопросами и документацией со своих контактных страниц.Hootsuite, HubSpot и Basecamp все добавили каналы социальной поддержки в качестве опции. Подумайте о добавлении ссылок на форум сообщества клиентов, предварительно записанных видеороликов или вариантов обучения.
Вывод: Используйте свою страницу контактов в качестве центра для всех ваших платформ поддержки, а не только для электронной почты.
5. Используйте дизайн, чтобы направлять людей к определенным каналам
Лучший вариант поддержки для каждого клиента зависит от того, кто он, каков его вопрос и какие ресурсы у компании есть, чтобы помочь им.Например, клиенту, которому необходимо сбросить пароль, лучше предоставить простой справочный документ, чем потенциально часами ждать ответа по электронной почте с той же информацией в нем.
Ваша группа поддержки предлагает вашим клиентам гораздо больше, помогая им понять, как использовать новую функцию, чем они сообщают им, где находится сброс пароля. Продуманный дизайн направит клиентов по нужному каналу, чтобы получить наиболее эффективную помощь, тем самым сэкономив время вашей службы поддержки для решения более серьезных проблем.
Дизайн страницы контактовBasecamp дает клиентам три шага, которые нужно выполнить:
Хотя Basecamp не обеспечивает соблюдение этого порядка, это четкое руководство о том, как получить помощь наиболее эффективно.
Mixpanel идет дальше — их главная страница помощи направляет людей на форум сообщества за помощью, а затем на видном месте размещена документация и учебные ресурсы. Чтобы отправить им электронное письмо, вам нужно найти их адрес в нижнем колонтитуле.
В Freshbooks ясно, что поддержка по телефону является приоритетом.Копия начинается со слов: «Пожалуйста, позвоните по одному из наших бесплатных номеров, указанных ниже, или напишите по электронной почте FreshBooks, используя контактную форму ниже».
Squarespace просит своих клиентов сначала классифицировать свой вопрос, а затем они представляют вероятные ответы из базы знаний, прежде чем предлагать варианты контакта по электронной почте и в чате.
Вывод: Дизайн вашей контактной страницы влияет на то, как и куда люди обращаются за поддержкой — будьте преднамеренными!
6. Добавьте структуру к входящим вопросам
Хорошие контактные страницы — это тонкая грань между тем, чтобы заставить клиента работать заранее, и общей экономией времени.
«Среднее количество ответов до завершения разговора» — ценный показатель обслуживания клиентов для вашей группы поддержки. Но когда первоначальный вопрос клиента неясен или не содержит достаточно информации, чтобы ответить на вопрос, это среднее значение принимает успех. (Мне не хотелось бы знать, сколько ответов службы поддержки, которые я лично отправил, сводилось к следующему: «Не могли бы вы сказать мне, о каком аккаунте вы говорите?»)
Добавление дополнительных полей и указаний к контактным формам может помочь вам в следующем:
- Автоматически направлять различные запросы в соответствующие команды. Например, вы можете отправлять потенциальных клиентов в отдел продаж, кандидатов на вакансию — в команду людей, а службу поддержки — в службу поддержки клиентов.
- Показать соответствующие ответы на часто задаваемые вопросы и варианты поддержки. Как показано выше, Squarespace сужает результаты своей базы знаний в соответствии с вариантами, которые вы выбираете для описания своего вопроса.
- Предоставьте агенту поддержки инструменты учетной записи и историю. Если клиент может назвать вам учетную запись, в которую он входит, или название своей компании, вы часто можете предоставить своей группе поддержки доступ к внутренним инструментам и данным, чтобы помочь им ответить гораздо быстрее.
- Сообщите свою отчетность. Предоставление клиентам возможности самостоятельно классифицировать свои вопросы по областям продукта, типу проблемы и т. Д. Дает вашей команде отличное представление о том, откуда исходят ваши основные проблемы поддержки и, возможно, на чем следует сосредоточить внимание группам разработчиков.
Для некоторых типов поддержки предложение клиентам прикрепить файл или снимок экрана вместе с вопросом может значительно сократить время разговора. Контактная форма Basecamp включает в себя возможность прикрепления файлов прямо впереди.
Вывод: Правильная структура вашей контактной страницы может сэкономить время и нервы для вас и ваших клиентов.
7. Установите ожидаемое время отклика
Как однажды сказал Том Петти: «Ожидание — самая сложная часть». Если вы не предлагаете поддержку в режиме реального времени, предоставление клиентам представления о том, сколько времени им следует ожидать, позволяет им решать, как действовать дальше, и укрепляет их уверенность в том, что они получат ответ.
- Freshbooks записывает часы своего приема и услужливо перечисляет текущее время в своем офисе.
- Basecamp сообщает: «Ожидайте ответа с 8:00 до 18:30 CST с понедельника по пятницу».
- Campaign Monitor указывает, что время ответа по электронной почте составляет «несколько часов» (но меняет страницу по выходным, когда время ответа увеличивается).
Если им говорят, что ответы по электронной почте могут занять день, клиент может решить попробовать варианты самообслуживания и в конечном итоге решить проблему самостоятельно. В качестве альтернативы, если время ожидания приемлемо, они могут перейти к другим задачам, зная, что ответ уже в пути.
Вывод: Не заставляйте клиентов гадать, как долго они будут ждать ответа — укажите время на странице контактов.
8. Позвольте клиентам рассказать вам, что они чувствуют
Один из главных навыков обслуживания клиентов — это умение читать клиентов и действительно их слушать. При предоставлении поддержки по электронной почте это может быть очень сложно. Кевин Хейл, соучредитель исследовательской компании Wufoo, хотел лучше общаться со своими клиентами и решил напрямую спросить их об их эмоциональном состоянии.
Предоставление клиентам возможности поделиться своим эмоциональным состоянием — отличный показатель для группы поддержки о том, как подойти к их ответу, но это также может позволить расстроенным клиентам высказаться перед тем, как поговорить с вашей командой.
На WordPress.com они пробуют аналогичный вариант для своих вошедших в систему клиентов.
Конечно, если вы зададите вопрос, у ваших клиентов появятся основания полагать, что вы сделаете что-то полезное с этой информацией, так что будьте готовы предоставить!
Вывод: Если попросить клиентов рассказать вам, что они чувствуют, вы сможете повысить качество обслуживания.
Вопросы, которые помогут вам создать собственную страницу контактов
Правильная страница контактов для WordPress.com или Basecamp не обязательно подходит вам и вашим клиентам. Я привел вам несколько примеров, на которых можно поучиться, но никто не знает потребности ваших клиентов лучше, чем ваша собственная группа поддержки.
Размышляя о своей странице контактов, задайте себе следующие вопросы:
- Как мы можем направить клиентов по соответствующим каналам?
- Можем ли мы обеспечить одинаковое качество поддержки по всем нашим каналам?
- Что мы можем сделать, чтобы оправдать ожидания клиентов и укрепить их доверие еще до того, как они с нами поговорили?
Направляя клиентов к своей базе знаний, вы хотите, чтобы у них был отличный опыт самообслуживания.Прочтите плейлист из нашей базы знаний, где вы найдете множество советов и примеров, которые помогут вам в этом.
20 лучших страниц контактов в 2020 году, которые конвертируют (+ передовой опыт)
Если бы кто-то искал ваш сайт и хотел заполучить вас, что бы они увидели на вашей странице контактов? Номер телефона? Адрес и карта? Ничего?
Маркетологи часто уделяют так много времени дизайну и содержанию домашней страницы и страницы услуг, что пренебрегают страницей контактов.
Однако ваша контактная страница должна быть одной из ваших самых важных страниц.
Подумайте об этом. Если кто-то нажал на вашу страницу «Связаться с нами», значит, он явно заинтересован в разговоре с вами! Поэтому ваша страница для связи с нами должна быть чем-то большим, чем просто номер и общий адрес электронной почты.
Контактная формаили адрес электронной почты: что лучше?
через GIPHYВозможно, на вашем сайте уже есть контактная страница. Но есть ли у него контактная форма или просто адрес электронной почты компании?
По этому поводу ведется много споров: что должно быть на вашей странице контактов? Посетители уже переходят к нему по какой-то причине, но что должно быть им доступно, когда они туда попадут?
Некоторые компании думают, что подделка общего адреса электронной почты поможет; однако вы никогда не знаете, какие люди будут связываться с вами и по какой причине.Если ваша компания получает много писем, может быть очень сложно их все разобрать и ответить.
Вот почему контактные формы являются обязательными на вашей странице контактов.
Контактные формывыглядят профессионально и проще в использовании.
В целом, мы считаем, что простая в использовании форма для связи выглядит более профессионально и размещена на странице контактов, чем просто электронное письмо.
Подумайте об этом: когда вам действительно нужно обратиться в службу поддержки, вам немедленно понадобится помощь.С помощью контактной формы вы можете заполнить ее в течение нескольких секунд и нажать кнопку «Отправить».
Тем не менее, с электронным письмом вы должны скопировать его, открыть поставщика услуг электронной почты, вставить его в поле получателя, а затем ввести свое сообщение. И, возможно, вы не предоставили компании достаточно информации, и ей потребовалось бы больше писем в обе стороны, пока они не смогут полностью помочь. Это довольно стрессовая ситуация.
Контактные формыпозволяют легко перенаправлять членов команды.
Люди обращаются в компанию по разным причинам: проблемы с продуктом / услугой, интерес к работе с вашим бизнесом или даже интерес к работе в вашей компании.
Когда вы получаете кучу контактных писем, бывает сложно отфильтровать и правильно направить каждое электронное письмо нужному представителю. Но с помощью контактной формы перенаправление может быть выполнено в мгновение ока!
Если вы спрашиваете посетителей, почему они обращаются в вашу компанию, каждое поле ответа может перенаправлять на определенную команду или ее члена — фильтрация входящих сообщений не требуется.
В идеале ваша контактная страница должна включать как простую контактную форму , так и адрес электронной почты.Вы никогда не захотите ограничивать возможности посетителя обратиться к вашему бизнесу. Так что, если сомневаетесь, разместите их обоих на своей странице!
Какие поля следует включить в контактную форму?
Имя и Фамилия
Очевидно, что получение имени контакта является наиболее важным полем, которое нужно включить в контактную форму. Нужно ли мне сказать больше?
Адрес электронной почты
Еще один очевидный, важный элемент, который необходимо указать в контактной форме. Как еще вы собираетесь связаться с ними, если не знаете, на какой адрес электронной почты отправлять?
Лучше всего запросить рабочий адрес электронной почты.Если они включают Gmail, AOL или базовый адрес электронной почты, они могут быть не заинтересованы.
Название компании
Это отличный способ узнать компанию, которая обращается к вам за помощью. Имея название компании в заднем кармане, вы можете немного покопаться, чтобы лучше понять, что компания продает и как вы могли бы помочь им с их проблемами.
Причина обращения
Это очень важно, будь то простое раскрывающееся поле или поле с открытым текстом, абзацем.
Важно понимать цель чьего-либо запроса. Почему обращается к этому человеку? О чем конкретно они ищут ответы?
10 Страница «Свяжитесь с нами» Лучшие практики
Люди переходят на вашу страницу контактов, чтобы связаться с вашей компанией. Следуйте этим рекомендациям, чтобы посетители продолжали приходить к вам, чтобы задавать вопросы, обращаться за помощью и узнавать больше о вашем бизнесе!
Задавайте только необходимые вопросы.
Ваша страница контактов не должна быть похожа на игру из 20 вопросов.Спросите необходимую информацию, а затем попытайтесь получить подробности позже.
Например, в Slack есть простая форма, в которой задается один вопрос, а затем пользователь может выбрать одну причину, по которой он вступает в контакт.
Подумайте об опыте пользователей: чем больше полей они должны заполнить, тем меньше вероятность, что они это сделают.
Покажите реальных людей из вашей службы поддержки клиентов.
Люди могут не решаться отправить форму на вашей странице контактов из опасения, что им никто не ответит.Они также могут полагать, что если попытаются связаться с вами, они получат автоматизированную услугу.
Вот почему важно включать фотографии людей из вашей службы поддержки клиентов или отдела продаж, чтобы ваши пользователи знали, что кто-то настоящий собирается ответить. Например, у Atlassian есть отличная страница контактов с изображениями членов группы поддержки и их ролей.
Включите ссылки на часто задаваемые вопросы.
У вашего пользователя может быть простой вопрос, на который можно легко ответить в разделе часто задаваемых вопросов.Таким образом, ваша служба поддержки клиентов или отдел продаж не будут увязнут в ответах на простые вопросы потенциальных клиентов или клиентов.
Например, Bloomscape, новый стартап по доставке растений, имеет ссылку на часто задаваемые вопросы в правой части страницы для связи с нами, предоставляя посетителям быстрый доступ к нужным им ответам.
Объясните, почему пользователь должен обратиться к вам.
Чем конкретно вы можете им помочь? Расскажите подробнее. Попробуйте добавить на свою страницу подзаголовок, в котором говорится что-то вроде «Чтобы узнать больше, свяжитесь с нами здесь» или «Для вопросов или общих запросов отправьте контактную форму ниже.«
Это дает посетителям четкое представление о том, чего они могут ожидать от связи с вами.
Воспользуйтесь преимуществами смарт-форм.
Люди обращаются в вашу компанию по разным причинам, поэтому они могут вернуться более одного раза и заполнить контактную форму. Используйте умные формы, чтобы переключать поля и каждый раз собирать нужную информацию.
Умные формытакже могут помочь вам направлять потенциальных клиентов по воронке продаж, поскольку вы отслеживаете их действия на своем сайте и изменяете формы, чтобы отображать стадию продаж, на которой они находятся.
Добавьте ссылки на социальные сети.
Иногда люди хотят связаться с вами в социальных сетях для быстрого ответа. Предложите им возможность связаться с вами через один из ваших каналов в социальных сетях. Поступая так, вы также даете им возможность узнать больше о вашем бизнесе.
Например, Muse размещает все свои ссылки на социальные сети внизу своей страницы контактов.
Централизовать параметры связи.
Если вы предлагаете пользователям более одной возможности связаться с вами, добавьте меню в центр целевой страницы «Свяжитесь с нами».Это упрощает пользователям выбор точного способа связи с вами, вместо того, чтобы искать его.
Взгляните на страницу контактов SquareSpace. У них есть варианты для отделов, с которыми можно связаться, в аккуратных ящиках под полем героя.
Следите за тем, чтобы ваш дизайн соответствовал остальной части вашего веб-сайта.
Хотя страница контактов не всегда может быть самой информативной или интересной, это не означает, что вы должны жертвовать хорошим дизайном. Убедитесь, что ваша страница контактов соответствует вашему бренду.
Это означает, что ваша страница «Контакты» должна иметь такие же цвета, шрифты и изображения, что и другие страницы вашего сайта. Вы же не хотите, чтобы ваш пользователь задавался вопросом, нажал ли он ссылку, которая перешла на совершенно новый сайт.
Помогите пользователям найти вашу контактную страницу.
Страницы «Свяжитесь с нами» часто размещаются в закрытых частях веб-сайтов. Пользователи должны искать ссылку на страницу контактов, что отнимает больше времени и, вероятно, увеличивает их разочарование.
Если вашу страницу связи с нами сложно найти, ваш пользователь может подумать, что вы не хотите, чтобы люди связывались с вами, и перейдет к одному из ваших конкурентов, чтобы найти ответы.
Сделайте вашу страницу контактов с нами легко доступной, включив ее в одно из основных меню. Как видите, в главном раскрывающемся меню Yardi есть ссылка для связи.
Сохраняйте простоту.
Наконец, убедитесь, что ваша страница контактов не загромождена и не запутана слишком большим количеством информации. Он должен быть простым и понятным, чтобы пользователи могли легко выполнять желаемые действия.
Плохие макеты и чрезмерное использование изображений и контента могут вызвать трения у людей, которые просто хотят с кем-то поговорить.Когда вы примете простоту в своем дизайне и содержании, вы достигнете своей цели по превращению большего количества посетителей в потенциальных клиентов.
20 примеров идеальных контактных страниц, которые должны вас вдохновить
Ниже приведены 20 лучших страниц для связи с нами, которые мы смогли найти. Взгляните на каждый из них и запишите несколько вещей, которые вам нравятся — они могут помочь вдохновить на редизайн!
* Примечание. Не все эти страницы содержат элементы и передовые практики, описанные выше … но они слишком крутые, чтобы говорить о них , а не .*
1. ЕТИ
В Bluleadz мы любим наши чашки YETI. Вы можете найти по одному на столе у каждого сотрудника (без шуток). Но что еще лучше, чем отличная посуда для напитков YETI, — это их классная страница контактов.
Верхнее изображение привлекает внимание, когда вы попадаете на страницу, и оно демонстрирует индивидуальность и юмор компании с помощью строчки: «Хотя мы хорошо разбираемся в дымовых сигналах, для нас есть более простые способы связаться с вами и ответить на ваши вопросы». вопросов.»
Они предлагают множество вариантов, которые помогут вам найти нужную информацию, включая часто задаваемые вопросы, политику доставки и возврата, гарантию, регистрацию продукта и проверку баланса подарочной карты.Эти пути значительно упрощают поиск ответов.
И, если вы все еще не можете найти правильный ответ на свой вопрос, просто нажмите «Отправить нам электронное письмо», и в новой вкладке появится контактная форма. Здесь вы можете ввести свое имя, адрес и выбрать раскрывающийся список того, о чем вы обращаетесь. Затем используйте открытое текстовое поле, чтобы добавить больше деталей и объяснений.
2. Поехали куда-нибудь
Забудьте электронную почту. Отправь открытку!
Или хотя бы сделать так, чтобы ваша страница контактов была похожа на открытку.Сайт путешествий Let’s Travel Somewhere сохранил свою тему путешествий, создав фантастическую страницу контактов, которая выглядит как открытка.
С помощью простой кнопки CTA вы можете отправить быстрое сообщение Нисе. Однако в правой части страницы вместо адреса, как у большинства открыток, есть ссылки на социальные сети, чтобы пользователи могли заинтересоваться.
Это не типичный для вас внешний вид страницы контактов, поэтому она выделяется среди других.
3. Грамматика
Сохранение простой и понятной страницы контактов — всегда хорошая идея.В конце концов, пользователи находятся на странице, потому что хотят с вами связаться, поэтому не путайте их слишком большим количеством ненужной информации.
Grammarly отлично демонстрирует пользователям чистый дизайн страниц. У них есть три призыва к действию — один для посещения их страницы для прессы, один для помощи и поддержки и один для связи с отделом продаж.
Подобно дизайну YETI, наличие различных веток на входе позволяет посетителям легче находить то, что они ищут. И, когда вы нажимаете на CTA «Связаться с отделом продаж», вы сразу же перенаправляетесь на подробную контактную форму для отправки их отделу продаж.
Эта чистая, простая в использовании контактная страница хорошо отражает остальную часть бренда и веб-сайта Grammarly. Акцентные цвета оживляют страницу, но в целом дизайн остается профессиональным и полезным.
4. Coca-Cola
Неудивительно, что у такой компании, как Coca-Cola, была отличная страница контактов.
Поскольку концепция разговорного маркетинга (чат и чат-боты) продолжает расти в популярности, Coca-Cola обязательно креативно включит ее на свой веб-сайт.
Простое в использовании окно чата появляется, как только вы попадаете на страницу, что позволяет легко «спросить Coca-Cola» и получить немедленный ответ из их базы знаний.
Вкладки FAQ также направляют вас прямо к вопросам для тех, кто хочет найти ответы в Интернете. Прокручивая страницу вниз, вы видите их общую контактную информацию, значки социальных сетей и даже место, где можно отправить идею компании.
5. млн унций
Чтобы хорошо рассказать о странице, не нужен яркий дизайн! Moz делает его простым и конкретным на этой упрощенной странице.
У них есть адрес и жирный желтый призыв к действию, открывающий простую форму для связи со службой поддержки Moz. Ниже приведена мультяшная карта их местоположения. Ничего больше.
Это отличный пример страницы контактов, доказывающий, что вам не нужно перегружать своих пользователей; скорее, простой призыв к действию позволяет им перейти к следующему шагу, когда они будут готовы протянуть руку помощи.
6. UberConference
UberConference — отличная виртуальная конференц-система, которую многие компании используют для общения с командами и клиентами.И когда вам нужно обратиться к ним за поддержкой, вы не будете возражать посетить их аккуратную страницу контактов с нами.
Благодаря четкому отображению номера телефона и электронной почты, с ним легко связаться с кем-либо — не нужно копаться на его веб-сайте в поисках способа связаться (разве это не худшее?).
И, как будто они не могли сделать это проще, у них есть форма, которую вы можете использовать, чтобы задать конкретный вопрос и получить на него ответ!
Но одна замечательная особенность их контактной страницы заключается в том, что это не просто способ связаться с командой: на самом деле это еще один способ, с помощью которого UberConference использует пути конверсии в нижней части воронки, которые обращаются к посетителям с разными намерениями.
По мере того, как вы продолжаете прокручивать страницу вниз, вас приветствует: жирный CTA, побуждающий посетителей подписаться на UberConference.
Это, в сочетании с формой обратной связи, адресом электронной почты поддержки, и возможностью обратной связи, действительно является универсальным как для клиентов, так и для потенциальных клиентов.
7. Wendy’s
На странице связи с намиWendy есть простое и понятное сообщение: свяжитесь с нами в удобное для вас время.
Страница не только красиво оформлена, но и у них есть опрос об удовлетворенности клиентов вверху, который позволяет вам поделиться своим мнением об их услугах и еде.
Они также показывают, что вы можете написать или позвонить им, если у вас есть какие-либо вопросы, комментарии или проблемы. (Кажется, использование смайлов всегда приемлемо.) И не волнуйтесь — они всегда ответят вам, чтобы вы знали, что видели это.
8. Achieve3000
Вероятно, ваш сайт посещают самые разные люди. Они ищут продажи? Нужна ли им поддержка клиентов?
Achieve3000 позволяет людям, посещающим их сайт, легко находить то, что им нужно, с помощью трех целевых призывов к действию.Сегментируя его таким образом, вы можете упростить каждому возможность связаться с отделом, который им подходит.
Ниже на странице они обязательно включают все соответствующие адреса, номера телефонов и электронные письма в зависимости от того, что вы ищете и с кем пытаетесь связаться. Нет ничего более стрессового, чем позвонить по номеру только для того, чтобы вас перенаправили несколько раз, потому что вы позвонили не по нужному номеру. Achieve3000 устраняет эту проблему для своих посетителей — уф!
9. Zendesk
Поговорим о простом.
Zendesk понимает, что люди, заходящие на их контактную страницу, ищут быстрый способ связаться с ними — введите контактную форму с тремя полями.
Все, что они просят, — это рабочий адрес электронной почты, тема (раскрывающийся список между ценами / продажами, выставлением счетов, маркетингом / PR, партнерством или трудоустройством) и быстрое сообщение со ссылкой на ваш охват. Нажмите «Отправить», и в ближайшее время с вами свяжутся!
Если вам нужна поддержка по продукту, есть быстрый способ найти ее — просто нажмите на CTA «посетить наш справочный центр» под контактной формой, и вы будете перенаправлены в справочный центр Zendesk.
10. Баттерии
Еще один простой дизайн, Batterii требует, чтобы вы только заполнили несколько полей, чтобы связаться с ними. Они не проводят вас через тест на IQ или проверку зрения; они просто хотят узнать вас и намерения вашей компании.
Но вот самое лучшее:
Они также размещают свою контактную форму прямо на своей домашней странице!
Это гениальная тактика: предложить посетителям способ связаться с торговым представителем, как только они зайдут на их веб-сайт, — и он ничем не отличается от того, который указан на их странице контактов.На контрасте с яркими цветами и изображениями на заднем плане, контактная форма действительно выделяется при загрузке их домашней страницы.
Но, если вы находитесь на другой странице и хотите связаться с ними, вы можете легко найти выделенную кнопку «Связаться с нами» на панели навигации. (Это дает им двойные бонусные баллы!)
11. Brandaffair
Весь веб-сайт Brandaffair потрясающий… и их контактная страница не разочаровывает.
В то время как простой дизайн упрощает контакт с бизнесом и позволяет меньше отвлекаться, некоторые компании предпочитают более визуальный подход, который привлекает внимание и выглядит смелым. Я думаю, что Brandaffair выиграет!
Если вы ищете номер телефона, адрес электронной почты или адрес, вы можете найти его в разделе «Познакомьтесь с нами». А если вы хотите представить проект или обратиться к команде, вы можете заполнить форму в разделе «Расскажите о нас».Довольно круто, правда?
12. Домо
Страница контактовDomo — еще один пример того, что чистый дизайн работает.
Тонкие градиентные значки символизируют различные способы связи с командой, от телефонного звонка до обращения в службу поддержки 24/7. Затем, когда вы продолжите прокрутку вниз, есть возможность заполнить общую форму, чтобы напрямую связаться с Domo с любыми вопросами, комментариями или проблемами.
В дизайне этой страницы нет ничего сумасшедшего, но кажется, что Домо все-таки не хочет казаться сумасшедшим.Их общий дизайн веб-сайтов такой же чистый, поэтому упрощенный подход к этой странице хорошо дополняет их бренд.
13. Вкусная камедьИногда посетителей привлекает разница в том, чтобы придерживаться статус-кво или расширяться и быть уникальными.И для Yummygum, дизайн-студии в Амстердаме, они выбрали второй путь.
Разделенный белый и синий экран обеспечивает отличный контраст сразу после загрузки страницы. В разделе «Мы здесь» вы можете увидеть, как на экране исчезает карта с адресом компании и значками социальных сетей. Затем в разделе «Давайте поговорим» у вас есть возможность связаться с их общим адресом электронной почты или заполнить различные формы, чтобы связаться с представителем.
Что креативно в их контактных формах, так это выбор вариантов контакта; вместо того, чтобы придерживаться нормы и позволять посетителям интересоваться продуктами, услугами, поддержкой клиентов и т. д., о чем можно поговорить:
- Ваш отличный продукт
- Встреча на кофе
- Птицы и пчелы
Хотя они могут не слишком серьезно относиться ко второму и третьему вариантам, это отличный способ привлечь читателя и заставить его протянуть руку. В зависимости от того, что они выберут, им будет открываться другая форма для отправки.
14. Городское влияние Контактная страницаUrban Influence идеально вписывается в остальной дизайн их веб-сайтов.Модульные цветные блоки разбивают различные разделы на странице, заставляя взгляд переходить к каждому, чтобы увидеть, что происходит.
Согласно верхней части страницы, Urban Influence рекомендует вам подарить им кольцо, отправить им электронное письмо или «заполнить эту изящную форму ниже». С помощью нескольких простых вопросов (и небольшой математики) вы можете связаться с их командой за считанные секунды.
Они также предлагают два способа начать проект и посмотреть, имеет ли ваша компания право работать с Urban Influence. Вверху страницы они включают небольшую гиперссылку, но под их контактной информацией и формой вы можете найти тонкий золотой призыв к действию, чтобы также загрузить анкету потенциальных клиентов и начать работу с ними.
15. ВидьярдВместо того, чтобы использовать несколько призывов к действию или кнопок для направления посетителей в правильном направлении, Vidyard организует их контактную страницу на разных вкладках контактной формы.
Когда вы попадаете на страницу контактов Vidyard, вас встречает фирменное фоновое изображение их логотипа, которое сразу помогает вам идентифицировать их бренд. Затем при прокрутке вы увидите четыре разные вкладки:
- Вопросы
- Стоимость
- Демо
- API
Каждая вкладка содержит различный вспомогательный текст, а также разные формы для заполнения. Таким образом, команда Vidyard точно знает, к чему вы обращаетесь, без необходимости спрашивать вас в форме.Простой, но эффективный выбор дизайна.
16. Проект «Средний палец»
Юмор действительно может иметь большое значение в привлечении новых посетителей и поощрении их к общению. И это именно то, что делает The Middle Finger Project!
Уже будучи интригующим брендом, форма обратной связи The Middle Finger Project не что иное, как развлечение. В формате, похожем на безумную библиотеку, варианты раскрывающегося списка довольно забавны, но связаться с основателем Эшем Амбирджем по-прежнему очень легко.
С помощью нескольких коротких щелчков мышью и небольшого смеха вы можете легко связаться с проектом «Средний палец», чтобы рассказать о продуктах, идеях, отзывах и многом другом. Как только вы закончите, отправляйтесь со скоростью стаи волков.
И, согласно верхней части их контактной страницы, если вам «нужен сверхбыстрый ответ? Напишите в Твиттере @TMFproject для обслуживания клиентов или забавных мыслей!»
17. Deux Huit Huit
Изначально контактная страница на сайте Deux Huit Huit очень черно-белая — довольно упрощенный дизайн.Но по мере того, как вы продолжаете углубляться в дизайн страницы, это довольно аккуратно.
Когда вы наводите курсор на каждую кнопку (контактная форма, номер телефона, электронная почта, Google Maps и т. Д.), Черно-белый текст превращается в цветной текст, и даже появляется действительно классный эффект пишущей машинки.
Затем, в нижней части страницы, есть раздел «Сказать привет». Щелкните здесь, и тогда начнется настоящее веселье. (Я знаю, что это просто страница веб-сайта, но это так здорово!)
«Сказать привет» — это их версия контактной формы.Нет обязательных полей, нет ограничения на количество символов — просто сообщение, которое вы можете отправить команде. И по мере того, как вы печатаете, цвет фона меняется! (Это заставит вас захотеть написать больше, чтобы вы могли смотреть с трепетом.)
В идеале они по-прежнему хотят, чтобы вы указали свое имя и компанию (если применимо), чтобы они имели контекст вашего сообщения и могли лучше понять, откуда вы.
Кроме того, если вы не укажете электронную почту, вы получите это быстрое сообщение: «Хм … Вы не указали, как мы можем с вами связаться.Вы все равно хотите отправить сообщение? »Итак, не забудьте оставить одно, чтобы они могли ответить!
18. HubSpotНеудивительно, что мы большие сторонники HubSpot — как агентство Diamond Partner, мы все находимся в поезде HubSpot.
Но помимо этого, мы действительно обожаем дизайн их веб-сайтов! Если вы еще не проверили это, они используют действительно чистую и забавную анимированную графику в качестве визуальных эффектов … при загрузке страницы создается ощущение, что я вступаю в мультфильм.
Тем не менее, их контактная страница использует несколько иной подход — они показывают реальные изображения реальных офисов и реальных людей. Когда вы связываетесь с ними, они хотят, чтобы вы знали , с кем вы связываетесь.
Изначально под заголовком «Свяжитесь с нами» у вас есть два варианта: поговорить с отделом продаж или связаться со службой поддержки.Когда вы нажимаете «Связаться со службой поддержки», вы перенаправляетесь на их страницу поддержки, где вы можете искать любой из ваших вопросов и позволить их технологиям копаться в их базе знаний, чтобы (надеюсь) найти для вас ценный ответ.
Все еще не можете найти то, что ищете? Прокрутите вниз, чтобы узнать о различных вариантах обращения в службу поддержки HubSpot. Отправляете ли вы заявку, спрашиваете ли вы у сообщества, пишете в Твиттере на HubSpot или звоните, кто-то всегда готов помочь.
19. АнакинХотя дизайн очень нестандартный, результат чертовски крутой.
Я бы не советовал применять этот подход на каждой странице контактов, похоже, он работает для Anakin, дизайн-студии в Германии, потому что их общий дизайн очень громкий и смелый.
Очень простая форма гласит: «Я [имя], мой адрес электронной почты [адрес электронной почты], я отправляю вам [слова] сейчас». Как только вы закончите заполнение, просто нажмите желтое «сейчас», и ваше сообщение будет отправлено.
Поскольку их форма очень наглядная, остальная часть их контактной страницы очень чистая и использует много белого пространства.Достаточно простого приветствия, адреса, электронной почты и номера телефона.
20. Bluleadz
Не то чтобы мы хотели гудеть сами, но нам очень нравится наша собственная страница контактов!
Несколько лет назад мы провели ребрендинг нашего веб-сайта, и страница контактов была лишь одним из элементов этого. С нашей расширенной цветовой схемой и новыми элементами градиента, тени и волны мы вложили все силы в страницу, чтобы сделать ее привлекательной и простой в использовании.
На заднем плане у нас есть карта расположения нашего офиса с адресом, номером телефона и электронной почтой.Мы также использовали эту возможность, чтобы включить призывы к действию, чтобы узнать о спонсируемых гостевых блогах, присоединиться к команде и отправить запросы на работу над проектом. Наш план состоит в том, чтобы упростить получение информации об этих общих запросах, которые мы получаем.
Когда у вас будет отличная страница контактов, будьте готовы привлекать больше потенциальных клиентов. Еще лучше: вы можете подготовить свой отдел продаж к обстоятельному разговору с людьми, которые могут быть готовы стать вашим следующим счастливым клиентом.
9 лучших примеров страниц для связи с нами, которые вы должны увидеть
Ищете примеры страниц для связи с нами, чтобы вдохновить их на создание собственных?
Контактная страница веб-сайта играет важную роль в превращении посетителей в клиентов.
Итак, давайте взглянем на несколько замечательных примеров страниц контактов, чтобы вы могли найти идеи, которые можно использовать на своем сайте, чтобы увеличить свой доход в Интернете.
Как должна выглядеть страница контактов?
Прежде чем мы рассмотрим несколько отличных примеров страниц контактов, мы хотели поговорить о том, как должна выглядеть страница контактов. Есть несколько ключевых рекомендаций по работе с нами на странице контактов, которые следует учитывать при создании собственной.
Вот несколько советов, которые следует иметь в виду, думая о том, как должна выглядеть ваша страница контактов:
- Не используйте отвлекающую боковую панель : постарайтесь не перегружать свою страницу вещами, которые отвлекают посетителей от того, что вы хотите, чтобы они делали.Сосредоточьтесь на контактной форме.
- Ограничение полей формы : Убедитесь, что ваша контактная форма запрашивает только важные детали. Формы с множеством обязательных полей, запрашивающих такие вещи, как адреса и номера телефонов, могут значительно снизить коэффициент конверсии.
- Представьте свой бренд : Первый контакт — это начало отношений с вашим посетителем и вашим брендом. Вы свяжетесь с нами. Дизайн и стиль страницы будут частью первого впечатления вашего потенциального клиента о вашем малом бизнесе.
- Напишите подробности о том, что вы хотите : Когда кто-то попал на вашу страницу «Связаться с нами», он попросит вас написать инструкции о том, что вы от него ожидаете.
Далее давайте посмотрим, что написать на странице контактов.
Что вы пишете на странице контактов?
Хотя это зависит от вашей ниши и типа бизнеса, в котором вы работаете, есть несколько вещей, которые вы хотите разместить на своей странице контактов.
- Приглашение для заполнения вашей контактной формы.
- Копия, соответствующая тону вашего бренда.
- Детали социальных сетей для связи с вашими посетителями.
- Дополнительные сведения и варианты связи по мере необходимости, такие как номер телефона, если вы принимаете звонки, и адрес или карту, если вы управляете витриной.
То, что вы напишите на своей странице контактов, полностью зависит от вас, но вы можете следовать всем или некоторым из этих предложений.
Однако, если вы оставите все на своей странице контактов и включите только одно, это должна быть ваша контактная форма.
Потому что, если кто-то переходит на страницу контактов, они ожидают, что вы предоставите им возможность связаться с вами!
Спросите себя, что я могу сказать, вместо того, чтобы связаться с нами? Как правило, «Свяжитесь с нами» — это простой и ясный способ объяснить, что вы хотите, чтобы посетитель сделал. Но если он соответствует вашему бренду, вы можете смело получать удовольствие от формулировки.
Вот несколько идей о том, что вы можете сказать вместо «Свяжитесь с нами»:
- Напишите нам
- Связаться
- Протяни
- Давайте поговорим
- Свяжитесь с нами
- Держись за нас
Тем не менее, мы не будем говорить «Напишите нам» на вашей странице контактов.Может показаться заманчивым предоставить вашу контактную информацию прямо на вашем сайте. Но это может сбить с толку людей, и использование электронной почты вместо контактной формы обычно не лучшая идея для бизнеса любого размера.
Теперь, когда у вас есть некоторые идеи о том, как должна выглядеть страница контактов и что вы должны написать на странице контактов, давайте рассмотрим несколько различных примеров, чтобы получить еще больше идей о том, что возможно в мире связи с нами. страниц.
Лучшие примеры страниц для связи с нами
Ниже приведены наши лучшие примеры отличных страниц для связи с нами, которые вы можете проверить.
1. WPForms
Мы хотели начать со страницы контактов WPForms, потому что мы думаем, что это хороший пример страницы контактов для малого бизнеса.
Верхняя часть нашей страницы контактов разделена на две части: одна для существующих клиентов, у которых могут возникнуть технические вопросы, а другая — для запросов на предпродажную подготовку.
Контактная форма по умолчанию скрыта. Он будет отображаться только после нажатия кнопки «Заполнить форму».Скрывая форму, он уменьшает размер страницы. Это также гарантирует, что только новые потенциальные клиенты будут использовать контактную форму, потому что она появляется только в том случае, если кто-то нажимает на предпродажную кнопку «Заполнить форму».
Это помогает быстрее сегментировать людей и направлять их в нужные места, облегчая как наш бизнес, так и взаимодействие с людьми.
Кроме того, внизу страницы есть ссылка с призывом к действию для присоединения к VIP-кругу WPForms.
Как создать такую страницу контактов
2.Мари Форлео
Привлекательная страница «Связаться с нами» на веб-сайте Мари Форлео служит лицом к разделу поддержки сайта. Он отправляет запросы в места, где люди могут найти ответы без необходимости связываться с ними без надобности. Он не только быстрее помогает людям, но и выглядит очень гладко.
Как создать такую страницу контактов
3. QuickSprout
Верх этой очень длинной (но забитой индивидуальностью) страницы контактов начинается с инфографики.
Прокрутите страницу вниз, и вы увидите эту лаконичную и остроумную область контактной формы.
Форма также предлагает посетителям сделать сообщение коротким, не более чем одним абзацем.
Если вы хотите избавиться от определенных типов запросов на своем веб-сайте для малого бизнеса, страница «Контакты» QuickSprout является для вас хорошим примером для подражания.
Как создать такую страницу контактов
- Дайте вашим читателям информацию о том, как долго они могут ожидать ответа + почему.
- Настройте текст-заполнитель, чтобы посетители правильно заполняли форму.
4. Legalia
Чтобы форма обратной связи выглядела короткой, Legalia использует форму с несколькими столбцами на своей странице контактов, что, безусловно, помогает снизить процент отказов от формы. Они также предоставляют подробную информацию о физических адресах своего офиса и включают другую полезную информацию, например свой телефон и адрес электронной почты.
Как создать такую страницу контактов
5.Grover Web Design
Этот веб-сайт использует простую контактную форму с функцией CAPTCHA для предотвращения спама. Лучше всего то, что пользователи могут легко пройти CAPTCHA, просто установив флажок.
На странице контактов также есть физический адрес, адрес электронной почты и ссылки на их профили в социальных сетях.
Как создать такую страницу контактов
6. Ден Эрстен
Если ваша компания полагается на клиентов, которые приходят в конкретное место, вы можете использовать карту на своей странице контактов, как это делает эта страница Den Ersten, чтобы связаться с нами.Таким образом вы можете показать своим клиентам, как с вами связаться, и помочь им легко перейти к вашему магазину.
Они также используют короткую и красивую контактную форму на своей странице, которая отлично подходит.
Как создать такую страницу контактов
7. JetBlue
Страница связи с намиJetBlue содержит прямые ссылки на популярные разделы справки и ответы на них. Если пользователи не могут найти ответы на свои вопросы, они могут легко связаться с ними по электронной почте или телефону.
Основным недостатком их страницы является то, что JetBlue не использует контактную форму.Это может расстраивать пользователей, которым срочно нужно обратиться в свою службу поддержки, чтобы ответить на ваши вопросы.
Как создать такую страницу контактов
- Создайте на своем веб-сайте FAQ или базу знаний с помощью плагина.
8. Тюнинг
Еще один лидер в нашем списке лучших примеров страниц для связи с нами — Tune.
Tune показывает красивое изображение героя в верхней части страницы контактов в заголовке. Слева под изображением героя они описывают свою компанию, а также объясняют, почему новые потенциальные клиенты должны связываться с ними, используя форму, опубликованную справа.
Контактная форма предназначена для новых потенциальных клиентов, поэтому они могут легко отправлять предпродажные запросы. Чуть ниже формы они также содержат призыв к действию, ориентированный на существующих клиентов.
Обратной стороной этой страницы является то, что некоторые из существующих клиентов могут также использовать контактную форму для запросов, связанных с поддержкой, вместо того, чтобы отправлять их через страницу поддержки.
Как создать такую страницу контактов
9. Выборочная проверка
Использование изображений реальных людей на странице контактов — один из лучших способов сделать ваш бренд более привлекательным.
Помимо отображения изображений, Choice Screening также использовал заголовок с надписью «Поговори с человеком». Они заверяют своих клиентов, что их электронные письма будут видны и прочитаны человеком, а не будут зарыты в их почтовый ящик.
Они также используют большую контактную форму со множеством полей на своей странице, чтобы отсеять неквалифицированных потенциальных клиентов при отправке форм вместе с призывом к действию, в котором говорится, что нужно поговорить с человеком.
Как создать такую страницу контактов
- Используйте тему WordPress, например Zerif, которая позволяет использовать изображения заголовков во всю ширину.
- Добавьте копию, заверив ваших посетителей в том, что их сообщения будут прочитаны и на них будут своевременно даны ответы.
- Рассмотрите возможность создания многостраничной формы, чтобы получить всю необходимую информацию, не отпугивая посетителей.
Настройте свою контактную страницу с помощью WPForms Pro
Мы надеемся, что эта статья показала вам несколько интересных примеров страниц контактов, которые вы можете использовать в качестве вдохновения для создания своей собственной.
Если вы готовы начать работу с WPForms для своей страницы контактов, вам следует попробовать WPForms Pro.Он поставляется с множеством удивительных функций, включая, помимо прочего:
- Интеграция электронного маркетинга — Настройте формы WordPress для автоматической отправки запросов со страницы контактов в списки рассылки в Constant Contact, AWeber, Mailchimp и других.
- Неограниченное количество форм — Создавайте столько форм, сколько нужно вашему веб-сайту, а не только контактную форму.
- Разговорные формы — Используйте привлекательные разговорные формы, чтобы произвести впечатление на клиентов и потенциальных клиентов с помощью интерактивного маркетинга.
- Целевые страницы — Получите больше потенциальных клиентов, создав страницы с формами, не отвлекая вас, прямо на странице контактов.
- Защищенные формы — Защитите формы с помощью различных параметров защиты от спама, таких как настраиваемая капча, hCaptcha или Google reCAPTCHA v2 или v3.
- Опросы и опросы — Поймите, чего хотят ваши клиенты, плюс используйте красивую панель отчетов, которая позволяет экспортировать эти бесценные данные.
- … и многое другое
С помощью WPForms вы можете легко изменить внешний вид формы так, как хотите.Вы можете прочитать, как оформить свои контактные формы в WordPress. Кто знает, может, вы в конечном итоге станете одним из любимых примеров страницы для связи с нами!
Иногда вам нужно ограничить доступ к WordPress, пока вы создаете формы и все настраиваете. Чтобы узнать, как это сделать, ознакомьтесь с нашим руководством о том, как скрыть свой сайт WordPress, пока он не будет готов.
Чего вы ждете? Начните с самого мощного сегодня плагина форм WordPress.
Если вам понравилась эта статья, подпишитесь на нас в Facebook и Twitter, чтобы получить больше бесплатных руководств по WordPress.
11 способов создать страницу «Свяжитесь с нами», которая конвертирует
Ваш веб-сайт — один из важнейших инструментов маркетинга и брендинга для вашего бизнеса. Поэтому потратить время и деньги на то, чтобы сделать его красивым и простым в использовании, — отличное вложение.
Однако слишком часто контактная страница оказывается запоздалой. Заполните контактную форму — и готово! Правильно?
Неправильно.
Контактные страницы часто являются финальной частью головоломки, которая побуждает пользователей совершить важнейшее преобразование.Это разрыв между тем, кто заинтересован в ваших продуктах и услугах, и тем, кто взаимодействует с вами. Более того, они часто являются одной из самых посещаемых страниц вашего веб-сайта.
Если в последнее время вы не особо задумывались о своей странице контактов, возможно, пришло время вернуться к ней и проявить к ней немного любви.
Вот несколько важных советов по созданию идеальной страницы контактов, которая конвертирует.
1. Убедитесь, что это бренд
Последовательность порождает доверие, поэтому крайне важно, чтобы у вашего бизнеса был единый имидж на вашем веб-сайте, в маркетинговых материалах, на платформах социальных сетей и т. Д.Ваша контактная страница ничем не отличается.
Ваш логотип должен быть четко виден вверху страницы, а шрифт, цвета и изображения должны соответствовать вашему бренду и отражать вашу индивидуальность.
Это не только вызывает доверие, но и помогает пользователям понять, что они оказались в нужном месте. При просмотре веб-страниц в Интернете у многих людей есть несколько открытых вкладок, в которых сравниваются ваши продукты и услуги с вашими основными конкурентами. Поэтому, когда они переходят от вкладки к вкладке, вы хотите, чтобы они могли сразу сказать, что они связываются с нужными людьми.
2. Следите за своим языком
Ваша контактная страница — это начало реального человеческого взаимодействия между вашими клиентами и вашим бизнесом. Это средство наладить диалог и повлиять на впечатление людей о вашей компании.
Итак, если ваш основной текст гласит: «Свяжитесь с нами, заполнив нашу форму», вполне вероятно, что они сочтут вас скучным и неинтересным.
Используйте теплый, приветливый язык. Обобщите важную информацию, которую хотят люди, и объясните преимущества связи и ведения бизнеса с вами.Помните, что ваша контактная страница не должна быть препятствием между вашей организацией и потенциальными клиентами; это должно стать началом разговора.
3. Минимум
Контактные формы — это полезный способ начать диалог и немного узнать о том, чего хотят потенциальные клиенты. Но не используйте это как оправдание, чтобы задать множество вопросов.
У людей нет времени на заполнение длинных и сложных форм, и они часто ускользают, чтобы найти лучшую альтернативу.Просите только основы — минимум необходимой информации. Держите каждый раздел актуальным и четко укажите, какие части являются интерактивными. Есть немного больше разочарований, чем обнаружение, что форма не будет отправлена, но невозможность понять, почему бы и нет.
4. Предоставьте достаточно информации
Бренды и компании часто ограничивают объем информации, которую они предоставляют на своих веб-сайтах, опасаясь, что добавление номера телефона приведет к шквалу звонков или адреса электронной почты к рассылке спама.Но они упускают один трюк.
Утаивание методов связи, таких как номер телефона или адрес электронной почты, создает впечатление, что вам есть что скрывать. Что ты сдерживаешься. Что вы не хотите разговаривать со своими клиентами.
Люди хотят знать, что если у них возникнет срочный вопрос, проблема или жалоба, они будут услышаны. Это еще один способ установления доверия.
В случае предоставления адреса электронной почты это дает людям дополнительную безопасность, заключающуюся в том, что они имеют копию своего исходного сообщения, чтобы они могли вести учет всех сообщений.
5. Добавьте карту
Если у вас есть физический бизнес, добавить карту на страницу контактов не составит труда. Вы можете вести небольшой местный бизнес на известной улице или иметь выгодное месторасположение в большом городе, но если ваш потенциальный клиент приехал из другого города или не знаком с названиями улиц, как вы ожидаете, что они смогут найти Вы?
Добавление карты Google бесценно. Люди смогут проложить маршрут к вашему дому, и это также повысит ваш авторитет и доверие.
6. Используйте четкую навигацию
Говоря о простоте поиска, внешний вид и содержание вашей контактной страницы ничего не значат, если люди не могут найти ее на вашем веб-сайте. Он должен быть видимым, когда люди заходят на ваш сайт, хотя и не властным.
Вы можете включить его как часть основной или дополнительной навигации, но избегайте использования раскрывающегося меню, так как это можно легко не заметить. Не слишком изобретательно подходите к названию страницы — люди хотят иметь возможность найти ее быстро, поэтому в первую очередь они будут искать «контакт», «помощь» или «поддержка».
7. Сделайте красивый дизайн
Ваша контактная страница может быть не самой интересной страницей на вашем сайте, но это не значит, что вам следует пренебрегать ее внешним видом. Как и весь ваш сайт, он должен быть безупречным и удобным для пользователя. Если он плохо спроектирован, выглядит скучно и кажется запоздалым, люди, не задумываясь, соскочат в более гостеприимное место.
И ради всего святого, пожалуйста, убедитесь, что страница (как и весь ваш веб-сайт) адаптируется.Количество людей, просматривающих веб-страницы с мобильных устройств, увеличивается с каждым днем - вы же не хотите, чтобы им приходилось возиться с крошечными полями формы или щипать пальцы и прокручивать страницу, чтобы найти нужную информацию.
8. Проверить работу
Это может показаться очевидным, но это нужно подчеркнуть. Что бы вы ни делали, проверьте и дважды проверьте, правильно ли работает ваша контактная форма, убедитесь, что все ссылки ведут в нужное место, и убедитесь, что вся информация актуальна. В противном случае вы будете выглядеть неряшливо и небрежно.И кто хочет вести дела с людьми, которые производят впечатление, что им плевать?
9. Не оставляйте их висеть
«Ваша контактная страница — это начало диалога, поэтому убедитесь, что он правильно выбран. «По крайней мере,« Сообщение отправлено »должно появиться, когда форма была успешно отправлена.
Но вы, вероятно, можете сделать лучше, чем это! Разверните свое сообщение, чтобы поблагодарить их за то, что они связались с вами, и объясните, сколько в среднем они должны ожидать ответа.В качестве альтернативы перенаправьте их на страницу с благодарностью или убедитесь, что они получили электронное письмо с подтверждением их сообщения.
10. Будьте общительны
Сегодня большинство брендов и компаний присутствуют в социальных сетях. Все чаще эта информация размещается на странице контактов. Это добавляет еще один уровень доверия к вашему бизнесу и побуждает людей следовать за вами, тем самым давая вам полезный маркетинговый инструмент. Кроме того, если вы регулярно следите за своими социальными сетями или у вас есть специальная служба поддержки, это дает людям быстрый и простой способ связаться с вами.
11. Добавьте призыв к действию
Наконец, как и все другие страницы вашего веб-сайта, ваша контактная страница нуждается в четком призыве к действию. Подумайте о действиях, которые вы хотите, чтобы люди предприняли — свяжитесь, подпишитесь на рассылку новостей, подпишитесь на вас в социальных сетях, посетите другие страницы вашего сайта и т. Д. — и побудите их оставаться на вашем сайте, включив полезные или интересные внутренние ссылки.
«Ваша контактная страница — это мост между вашей организацией и вашими клиентами. «Он должен быть профессиональным, но личным, информативным, но не скучным, и, прежде всего, удобство использования — ваш ключ к успеху.
Какие у вас есть советы по созданию идеальной формы обратной связи? Вы можете что-нибудь добавить к нашему списку? Присоединяйтесь к беседе ниже.
15 примеров лучших контактных страниц в 2021 году
Средний коэффициент конверсии составляет 2,35% в 2020 году, и этот средний показатель не сильно изменился за последние пять лет. Несмотря на все достижения в веб-дизайне, UX-дизайне и оптимизации конверсии, средний коэффициент конверсии по-прежнему находится в районе 2% в 2020 году.
Предыдущее исследование эффективности различных типов веб-форм показало, что контактные формы являются наихудшим нарушителем со средним коэффициентом конверсии всего 1%.
Однако мы не собираемся говорить о среднем коэффициенте конверсии . Как показано на диаграмме выше, 25% ведущих брендов в поисковой сети более чем в два раза превышают медианный средний коэффициент конверсии (в среднем), а лучшие 10% почти в пять раз больше конверсий (опять же в среднем).
Это те тесты, к которым вы должны стремиться.
Здесь, в Venture Harbor, мы потратили много лет на переосмысление, переработку и оптимизацию веб-форм, чтобы добиться максимальных результатов и выжать все возможные конверсии из наших форм.Мы увеличили коэффициент конверсии на целых 743% за счет оптимизации форм и улучшили качество наших потенциальных клиентов, чтобы они стали платежеспособными.
Мы уверены, что распознаем хорошую форму, когда видим ее, и вот 15 лучших примеров 2020 года, которые вдохновят вас на собственные кампании по оптимизации форм.
Что делает хорошую контактную форму?Ответ на этот вопрос действительно сводится к тому, чего вы хотите достичь с помощью своих контактных форм.Существует множество статей, в которых перечислены передовые методы разработки передовых практик, но нет единой формулы для контактной формы, которая действительно генерирует конверсии.
Если средний коэффициент конверсии для контактной формы составляет 1%, очевидно, что «передовой опыт» не такой, как они прикидываются.
Не воспринимайте передовой опыт слишком серьезноСамая распространенная «передовая практика» дизайна форм, с которой вы столкнетесь, — это теория, согласно которой более короткие формы обеспечивают более высокий коэффициент конверсии.Идея состоит в том, что чем больше у вас полей формы, тем меньше вероятность того, что пользователи захотят их заполнить, и тем сложнее будет их заполнить.
Звучит как веский аргумент.
Однако, как мы видели ранее, эта теория не работает в реальном мире оптимизации форм.
Изображение выше взято из статьи ConversionXL, написанной бывшим старшим оптимизатором конверсий Unbounce Майклом Агаром, где показано, как следование золотому передовому опыту сокращения количества полей в форме привело к снижению коэффициента конверсии на .И чтобы выбросить эту теорию из окна, коэффициент конверсии увеличился на 19,21% за счет простой оптимизации меток полей в оригинале.
Итак, концепция краткой формы явно не всегда увеличивает коэффициент конверсии, и вы увидите это во многих примерах, которые мы рассмотрим в этой статье. В этом списке есть несколько серьезных B2B-брендов, которые, как вы знаете, тестируют свои формы, и не так много дизайнов, которые вы бы сочли короткими.
И этому есть причина.
Контекст имеет значение в лидогенерацииВы не разместили на своем веб-сайте контактную форму, чтобы заполнить папку входящих сообщений Привет, как дела, сообщения и спам от ботов. Ваша контактная форма — это инструмент для привлечения потенциальных клиентов, предназначенный для привлечения интереса потенциальных клиентов и обеспечения канала связи и поддержки для существующих клиентов.
Как вы увидите в этой статье, лучшие контактные формы помогают пользователям задавать правильные вопросы и отправлять правильные сообщения — остальные просто отфильтровываются.Это позволяет вам отделить потенциальных клиентов и обращения в службу поддержки от спама и пустой траты времени.
Итак, давайте перейдем к примерам.
# 1: BrokerNotesBrokerNotes — это онлайн-платформа, которая помогает инвесторам выбрать для себя лучшую брокерскую фирму, исходя из того, во что они вкладывают средства, и уровня своего опыта.
Веб-сайт использует многоэтапную форму, чтобы задать пользователям актуальные вопросы и уточняет список рекомендаций в соответствии с их ответами.
Теперь, чтобы предоставлять эту услугу, BrokerNotes необходимо работать напрямую с брокерами, поставщиками услуг и средствами массовой информации — все из которых могут захотеть связаться.
Что приводит нас к странице контактов.
И снова мы видим многоступенчатую форму на странице контактов, а не традиционный вертикальный макет, к которому мы так привыкли. Вместо того, чтобы с самого начала запрашивать у пользователей личную информацию, BrokerNotes уделяет им все внимание, спрашивая, что он может сделать, чтобы помочь.
Пользователи могут выбирать из предопределенных опций, что позволяет BrokerNotes контролировать тип получаемых им контактных сообщений.Все, что имеет значение, перечислено среди вариантов, в то время как форма по-прежнему позволяет пользователям выбирать «другое», которое BrokerNotes может пометить как неприоритетное.
За прошедшие годы мы протестировали множество многоэтапных форм и обнаружили, что они увеличивают конверсию на целых 743%. BrokerNotes увеличил конверсию своей домашней страницы с 11% до 46% за счет перехода на многоэтапные формы, но цель с его контактной формой немного другая.
Здесь компания использует многоступенчатую форму, чтобы сообщить пользователям, какие виды взаимодействия она хочет получать, и повысить качество потенциальных клиентов.
Обе эти многоэтапные формы были созданы и оптимизированы с помощью расширенного инструмента построения форм под названием Leadformly.
# 2: SleeknoteSleeknote использует более традиционный подход к дизайну страницы контактов с этой вертикальной формой, выровненной рядом с тремя подсказками, которые почти несут призыв к действию: закажите демонстрацию, получите вдохновение и станьте партнером.
Sleeknote дает очень четкое представление о том, какие действия пользователи могут выполнять на своей странице контактов, и это сокращает количество поступающих нерелевантных сообщений.Те, кто хочет заказать демонстрацию, щелкнут ссылку и будут перенаправлены, например, в соответствующее поле.
Люди с более конкретными или общими вопросами могут заполнить контактную форму, хотя можно с уверенностью сказать, что эти контакты не будут рассматриваться как приоритетные по сравнению с четкой целью конверсии, к которой стремится Sleeknote: бронированием.
Не бойтесь побуждать к конкретным действиям на своих страницах с контактами и отдавать приоритет интересным лидам.
Есть еще один прием преобразования, который Sleekbot использует на своей странице контактов — виджет чата, который обращается к пользователям и спрашивает их, есть ли у них какие-либо вопросы.Это означает, что пользователям даже не нужно заполнять форму, чтобы задать свои вопросы, что не только увеличивает конверсию, но и ограничивает количество не очень полезных сообщений, попадающих в почтовый ящик Sleeknots.
SleekBot может позаботиться об этом и передать полезные взаимодействия части отдела продаж компании.
Этот бот работает на HubSpot, который предлагает бесплатный конструктор чат-ботов для предприятий, использующих бесплатную CRM компании. Тем не менее, вы захотите быть платным клиентом с его программным обеспечением для продаж, чтобы максимально использовать контакты и данные, которые генерирует ваш бот.
# 3: MoosendMoosend — поставщик программного обеспечения для электронного маркетинга, и, как и многие другие компании, о которых мы поговорим в этой статье, он должен предоставлять широкие возможности для контактов и поддержки. В этом случае одна форма не будет сокращать ее, и Moosend должен создать единую страницу контактов, которая направляет пользователей туда, куда им нужно перейти.
Прежде всего, я хочу поблагодарить Moosend за наличие видимой ссылки «Контакт» в заголовке своего веб-сайта. Этот вид навигации — вымирающий вид, но это означает, что пользователи всегда находятся на расстоянии одного клика от страницы контактов.
На странице контактовMoosend есть отдельный раздел, который подготавливает пользователей к тому, что существует множество вариантов. Это тоже не варианты ради этого; это необходимые варианты, направленные на удовлетворение потребностей как потенциальных, так и существующих клиентов.
Во-первых, Moosend предоставляет специальный канал связи для людей, которые хотят связаться с отделом продаж и обсудить цены, планы, функции и т. Д. Пользователи могут щелкнуть Связаться с отделом продаж , чтобы заполнить соответствующую контактную форму, или щелкнуть адрес электронной почты отдела продаж. ссылку, чтобы отправить электронное письмо от выбранного провайдера электронной почты.
Или вы можете прокрутить еще немного вниз…
Существующие клиенты могут связаться со службой поддержки Moosend, щелкнув Связаться со службой поддержки . Посетители также могут воспользоваться чатом в реальном времени для мгновенного ответа, а также разделом справки и рядом вебинаров с инструкциями по использованию программного обеспечения Moosend.
Наконец, маркетологи, желающие работать с Moosend (например, партнерские маркетологи), могут связаться с отделом маркетинга компании.
Компания втиснула многое в свою контактную страницу, но предоставляет всю эту информацию в краткой и структурированной форме. Страница контактов Moosend проста в использовании, и вы можете мгновенно найти нужную контактную информацию.
Что касается самих форм, они создаются с помощью Contact Form 7, одного из самых популярных плагинов для контактных форм на WordPress, и Moosend делает это правильно.
Ключевой момент, который следует усвоить из этого примера, заключается в том, что ваши формы — не единственный решающий фактор в коэффициентах конверсии форм — вы также должны учитывать, как ваша контактная страница структурирована и интегрирована на ваш сайт.
# 4: ScribdЕще больше развивая концепцию упрощения сложных страниц контактов, у нас есть Scribd. Интернет-издательская компания предоставляет в общей сложности восемь различных типов запросов, позволяя отправлять пользователей на соответствующую контактную форму или страницу сайта.
Если пользователь нажимает , мне нужна помощь! Их встречает интерактивный справочный бот. Это работает на Solvvy, системе поддержки клиентов AI, которая обеспечивает мгновенные ответы на типичные проблемы пользователей.
Итак, когда я набираю «Я не могу войти в свою учетную запись» и нажимаю кнопку Задать вопрос , я мгновенно получаю ответы на часто задаваемые вопросы и ответы, которые помогают мне решить мою проблему.
Затем меня спрашивают, отвечает ли эта информация на мой вопрос, и, если я все еще не могу ответить, я могу нажать Связаться со службой поддержки , и мой вопрос автоматически появится в поле описания.
# 5: ZendeskZendesk предоставляет программное обеспечение для обслуживания клиентов и продаж для предприятий, поэтому вы можете думать, что его собственная страница контактов является примером, на котором стоит поучиться.Как и Moosend, Zendesk также должен предоставлять разные варианты контактов и поддержки как для потенциальных, так и для существующих клиентов, поэтому будет интересно сравнить подходы двух компаний.
Zendesk выравнивает по горизонтали два своих варианта контакта, и мне нравится тот факт, что это делает их видимыми для каждого типа пользователей одновременно. Moosend решает отдать предпочтение продажам, а не поддержке — и это нормально. Но мне нравится подход Zendesk с точки зрения чистого UX-дизайна.
Сама форма обратной связи довольно проста на вид, но на уровне кода происходит довольно много всего.У нас есть синхронизированный код JavaScript и AJAX для создания модальных оверлейных форм, которые появляются на существующей странице, то есть вам не нужно переходить на другую страницу, прежде чем вы сможете начать заполнение формы.
Бонусные баллы за реализацию
Пользователи, которым требуется техническая помощь, могут нажать Перейти в справочный центр , где их встретит строка поиска. Продолжайте прокручивать, и Zendesk предоставит прямые ссылки на ресурсы по каждому из своих продуктов, которые содержат руководства, ответы на часто задаваемые вопросы и другие полезные ресурсы.
Пользователи также могут обращаться к сообществу, обновлять свои продукты Zendesk и запрашивать кроссплатформенную помощь при проблемах, связанных с более чем одним продуктом.
Если все это не помогает, пользователям просто нужно нажать кнопку (?) Справка в правом нижнем углу экрана, чтобы связаться с Zendesk Support через систему чата в реальном времени.
Если вы поклонник системы контактов и поддержки клиентов Zendesk, хорошая новость в том, что вы можете реализовать ее самостоятельно, опробовав линейку продуктов Zendesk для поддержки и продаж.Вы можете щелкнуть здесь, чтобы подписаться на бесплатную пробную версию, и все, что вам нужно сделать, это заполнить аккуратную многоэтапную форму, чтобы получить бесплатный доступ к продукту Zendesk на 14 дней.
Определенно стоит попробовать.
# 6: ZeroqodeZeroqode сразу переходит к сути своей контактной страницы, предоставляя простую и удобную контактную форму для заполнения людьми.
Нет никаких ограничений, длинного списка полей или строгой проверки. Если вы когда-нибудь читали какую-либо статью о передовых методах проектирования форм, вероятно, вы бы использовали такую форму обратной связи и разработали ее позже.
С точки зрения устранения трения для конечного пользователя это здорово. С точки зрения привлечения потенциальных клиентов и взаимодействия с пользователями, возможно, не так много, но это призвание Zeroqode.
И Zeroqode, кстати, еще не готов.
Сразу после красивой и простой контактной формы компания предлагает вам большой жирный раздел с призывом к действию, в котором спрашивается, над каким проектом люди хотят работать.
Таким образом, несмотря на то, что Zeroqode лидирует с простой формой обратной связи, компания по-прежнему дает понять пользователям, какого типа взаимодействие она хочет, и делает ее очень доступной.
И, как и многие примеры, которые мы рассматриваем сегодня, Zeroqode усиливает свою контактную страницу с помощью чат-бота, на этот раз работающего на Intercom — платформе, с которой мы получили большой опыт здесь, в Venture Harbor.
Фактически, мы используем Intercom на веб-сайте Leadformly, чтобы обеспечить мгновенную поддержку пользователей и прямой канал связи для людей, которые предпочитают немедленный ответ заполнению форм.
# 7: ОтказатьсяUnbounce — еще один поставщик программного обеспечения, который должен обеспечивать контакты и поддержку клиентов для различных типов пользователей, от потенциальных клиентов и существующих до журналистов и партнеров по маркетингу.
Как и некоторые из компаний, которые мы уже рассмотрели, Unbounce указывает, какие типы взаимодействий он хочет от пользователей, и это помогает сегментировать действия еще до того, как они произойдут.
Как только заинтересованные стороны нажимают кнопку Поговорите с нами , они попадают на страницу контактов для запросов.
Одно нажатие кнопки Chat to Us , и пользователей приветствует чат-бот, работающий на собственном чат-движке Unbounce, который вы также можете использовать, выбрав Unbounce в качестве конструктора целевой страницы (он находится в верхней части нашего списка лучших посадочных мест конструкторы страниц).
ОднакоUnbounce не полагается, что чат-боты обо всем позаботятся за них. Пользователи могут прокрутить вниз и заполнить более традиционную контактную форму, чтобы задать любые вопросы, которые могут у них возникнуть.
К этому моменту Unbounce побуждает пользователей оставлять определенные типы запросов, но это не мешает им задавать им другие вопросы или запросы. Ясно, что приоритет отдается запросам о продажах, но это не закрывает дверь для других взаимодействий, и такая настройка позволяет компании легко сегментировать сообщения по значению / важности.
# 8: PixpaPixpa использует удобную контактную форму с тремя полями, и, помимо использования кнопки по умолчанию Отправить , я не получил никаких критических замечаний. Что действительно отличает эту страницу контактов, так это использование призывов к действию над и под формой.
Прежде чем пользователи смогут заполнить одно поле, им напоминают, почему они должны подписаться на бесплатную пробную версию. Это не просто призыв к действию, стоящий над контактом, он чертовски хорош, а тот, который ждет чуть ниже, возможно, даже лучше.
В конце концов, кому нужны электронные письма, если вместо этого можно получать продажи?
Расти без догадок
Знайте, какие кампании будут работать без потери бюджета с нашим последним предприятием TrueNorth.
Получите бесплатный ранний доступ
# 9: BrandwatchBrandwatch использует более традиционный подход к оформлению дизайна на своей контактной странице с классическим вертикальным расположением.
Как видите, компания вертикально складывает пять полей ввода и один раскрывающийся список — все из которых являются обязательными полями — поверх текстового поля, чтобы пользователи могли написать свое сообщение.
Brandwatch здесь говорит людям, что им придется передать эту информацию, если они хотят связаться. Другими словами, компании не стоит тратить время на то, чтобы иметь дело с контактами, которые не предоставляют эту информацию, и это их звонок.
Иногда имеет смысл снизить общий коэффициент конверсии, если в итоге получается список более ценных, хотя и меньшего размера.
Brandwatch также использует встроенную проверку формы, чтобы выделить поля, которые пользователи не заполняют или заполняют неправильно.Это побуждает пользователей предоставлять всю необходимую информацию, но также дает им визуальную обратную связь, чтобы помочь им избежать типичных ошибок.
Хорошая проверка формы должна обеспечивать пользователям обратную связь при заполнении вашей формы, чтобы они могли видеть любые ошибки, прежде чем нажимать кнопку отправки. По крайней мере, вы хотите убедиться, что пользователи вводят адрес электронной почты в допустимом формате (в отличие от приведенного выше), и то же самое касается номеров телефонов, если вы запрашиваете эту информацию.
Если вы думаете, что это не похоже на контактную форму с высокой конверсией, то, возможно, вы правы, но у Brand Watch есть еще одна хитрость в рукаве.
Компания использует платформу под названием Drift для размещения виджетов чата на своем веб-сайте, включая страницу контактов, на которой бот отправляет специальное сообщение.
Пользователи могут полностью пропустить контактную форму и записаться на встречу с одним из экспертов Brandwatches, щелкнув сообщение выше и связавшись с дружелюбным чат-ботом, который сразу же появится.
Теперь, если вам интересно, насколько это было эффективно для Brandwatch, на сайте Drift есть тематическое исследование, которое объясняет, какое влияние оказало его программное обеспечение для чата.
Речь идет о увеличении на 12,5% лидов , 8 300 общих конверсиях через Drift, 674 встречах, назначенных через бота, и 1300 захватах электронной почты.
Неплохо.
Brandwatch — ни в коем случае не единственная компания, использующая Drift для улучшения своей контактной страницы. Вы найдете множество примеров из практики на сайте Drift, и еще один мой любимый пример — Rejoiner.
Rejoiner — одно из лучших решений для электронного маркетинга для брендов электронной коммерции, и оно использует серьезный подход к дизайну страницы контактов, просто не имея его.
Когда пользователи нажимают ссылку «Связаться с нами», их приветствует Реджи, еще один дружелюбный чат-бот на базе Drift.
Позвольте мне прояснить, я не рекомендую кому-либо удалить страницу контактов со своего веб-сайта, но Rejoiner действительно предоставляет подходящий (даже если крайний) пример альтернатив традиционным формам контактов.
И, если вам нравится идея добавления такого типа бота на вашу контактную страницу / веб-сайт, просто посетите Drift для получения более подробной информации.
# 10: Вкусная камедь
Голландская дизайн-студия Yummygum выбирает двухэтапный процесс создания контактной формы, которая появляется, как только пользователи нажимают кнопку Contact , расположенную в заголовке сайта.
Обратите внимание на то, что копия очень дружелюбна, буквально приглашает людей связаться со своей командой. Возможно, вам не понравится такой непринужденный тон для вашего собственного бренда (кто угодно — птицы и пчелы?), Но вы можете увидеть преимущества выбора приветливого языка на своей странице контактов.
При посещении Meeting для кофе Опция вызывает красивую и короткую общую форму запроса, а Your great project selection возвращает более подробную форму.
Мы не будем рассказывать вам, что предлагает опция Птицы и пчелы .
# 11: полноэкранный дизайн Мэри Лу
Нашим первым примером сегодня была многоступенчатая концепция дизайнера Мэри Лу, и мы вернулись с еще одной работой талантливой женщины. На этот раз мы рассматриваем полноэкранное, многоэтапное предложение, которое станет прекрасной альтернативой традиционной странице контактов.
Эта концепция идеально подходит для такого подхода, когда Yummygum не использует страницу с контактами, когда форма всплывает, как только пользователь нажимает на кнопку контакта.
Направляя пользователей на каждом этапе вашей формы, вы можете получить от них больше информации, не прибегая к длинным формам, которые отпугивают так много людей.
Если вам нравится этот многоэтапный дизайн, вы можете загрузить исходный код с Codrops и настроить его в соответствии со своими потребностями. Для работы с исходным кодом вам потребуются некоторые навыки HTML, CSS и PHP или разработчик с такими же навыками, но это может быть хорошим вариантом, если вы хотите что-то немного отличное от типичных контактных форм плагинов WordPress.
# 12: Активная кампанияActive Campaign возвращает нас к концепциям дизайна страниц контактов, которые должны предлагать пользователям несколько вариантов.Мы не говорим здесь о самом захватывающем дизайне, но он действительно выполняет свою работу простым и эффективным способом.
Каждый вариант понятен пользователям, и Active Campaign может предоставить соответствующую форму (или другой ресурс) в зависимости от их ответа. Некоторые примеры, которые мы рассмотрели сегодня, предоставляют посетителям семь различных вариантов в такой сжатой форме.
Визуальный дизайн формы не вызывает восторга, но ActiveCampaign уже сегментировала интерес к тому времени, когда пользователи зашли так далеко, поэтому для выполнения работы на этом этапе не требуется очень сложной формы.
Пользователям даже не нужно вводить свое имя — им просто нужно выбрать тип запроса в первом поле (дополнительная сегментация) и указать свой адрес электронной почты перед написанием сообщения. Также есть возможность добавлять вложения для пользователей, у которых есть технические проблемы (например: для прикрепления снимков экрана с проблемами, связанными с программным обеспечением).
Если это не помогает, ActiveCampaign также имеет свою собственную систему чата, и вы можете использовать эту функцию на своем собственном веб-сайте, зарегистрировавшись в ActiveCampaign.
Для справки, ActiveCampaign — это лучшая универсальная программная платформа для CRM, электронного маркетинга и автоматизации маркетинга, которую мы использовали почти десять лет здесь, в Venture Harbor, и до сих пор она используется в большинстве наших маркетинговых стратегий.
Если вы ищете комплексное решение для управления клиентами и автоматизации маркетинга, вам определенно стоит попробовать 14-дневную бесплатную пробную версию ActiveCampaign.
# 13: MailerliteMailerLite — еще одна платформа для электронного маркетинга, которая больше предназначена для малых предприятий и предпринимателей в этом мире.Тем не менее, он обладает некоторыми впечатляющими функциями, включая собственный специальный инструмент для создания форм.
По общему признанию, это не самый продвинутый конструктор на рынке, и он не предоставляет никакой аналитики форм, которая могла бы помочь вам оптимизировать и повысить производительность. Однако с его помощью очень легко создавать простые и эффективные контактные формы и контактные страницы.
Собственная страница контактовMailrLite может служить вам хорошим примером.
MailrLite — это бизнес, которым почти полностью управляют удаленные сотрудники, а его продукты в основном предназначены для удаленных специалистов, предпринимателей и фрилансеров.Это означает, что у компании не может быть группы продаж и поддержки в том же духе, что и у такой компании, как ActiveCampaign и многие другие примеры, которые мы рассмотрели сегодня.
Таким образом, он полагается на простую контактную форму и автоматизацию электронной почты для сегментации и обработки запросов.
Для технической поддержки он побуждает пользователей обращаться к видеоурокам, базе знаний и руководствам пользователя для решения основных проблем. По более насущным вопросам пользователи могут обратиться в службу поддержки, хотя им придется дождаться ответа.
Хотя это может быть не идеальной системой поддержки клиентов, это хороший пример того, как малые предприятия могут предоставлять онлайн-ресурсы, чтобы уменьшить отсутствие полноценной группы поддержки.
# 14: мелодияTune — еще одна компания, которая включает ключевые цели конверсии на своей странице контактов, а также простую форму и виджет чата. Чтобы привлечь внимание к своим целям конверсии, Tune просто использует гиперссылки, чтобы выделить текст синим цветом и сообщить пользователям, что они могут щелкнуть, чтобы выполнить описанное действие.
Еще раз, Tune побуждает людей совершать ценные действия, а не просто заполнять контактные формы общими сообщениями. Неудивительно, что компания больше заинтересована в том, чтобы люди подписывались на 30-дневные пробные версии, чем в чтении сообщений со словами «привет».
Пользователи, которые не могут найти то, что они ищут в синем тексте, всегда могут заполнить контактную форму — простой дизайн без излишеств.
Tune на самом деле использует Marketo для создания своих форм, и это, по общему признанию, не является одной из самых сильных сторон платформы.Но это еще один пример того, как контактная форма отходит на второй план, в то время как Tune побуждает пользователей выполнить указанное действие и использует чат-бота для захвата потенциальных клиентов, которые в противном случае могли бы ускользнуть.
Еще один двигатель от Drift, не меньше.
# 14: Форма нижнего колонтитула
Один из подходов, который мы не используем слишком часто, — это дизайн формы нижнего колонтитула, но он может быть очень эффективным. Помимо страницы с контактами, при таком подходе в нижний колонтитул вашего веб-сайта помещается контактная форма, по сути превращая каждую страницу в страницу с контактами.
В случае Creative Design Architects они отказались от форм нижнего колонтитула вместо специальной страницы контактов. Тем не менее, мы всегда рекомендуем иметь страницу с контактами, поскольку пользователи обычно ожидают их, и они также важны для местного SEO.
Возвращаясь к форме нижнего колонтитула, это может быть отличным способом вовлечь людей в работу вашего бренда, как только они достигнут конца вашей страницы. Вот почему вы увидите множество призывов к действию внизу важных страниц — и нет причин, по которым вы не можете использовать и то, и другое.
# 15: Creative Design ArchitectsОдин из подходов, который мы не используем слишком часто, — это дизайн формы нижнего колонтитула, но он может быть очень эффективным. Помимо страницы с контактами, этот подход помещает контактную форму в нижний колонтитул вашего веб-сайта, по сути превращая каждую страницу в страницу контактов.
В случае Creative Design Architects они отказались от форм нижнего колонтитула вместо специальной страницы контактов. Тем не менее, мы всегда рекомендуем иметь страницу с контактами, поскольку пользователи, как правило, ожидают их, и они также важны для местного SEO.
Возвращаясь к форме нижнего колонтитула, это может быть отличным способом вовлечь людей в работу вашего бренда, как только они достигнут конца вашей страницы. Вот почему вы увидите множество призывов к действию внизу важных страниц — и нет причин, по которым вы не можете использовать и то, и другое.
И, если вы хотите создать такую контактную форму на своем веб-сайте, вам может быть интересно узнать, что все это было достигнуто с помощью плагина Contact Form 7 для WordPress.
Дают ли результаты ваши контактные формы?Слишком многие компании пренебрегают своими контактными формами, и это лишает их ценного инструмента для привлечения потенциальных клиентов.Примеры, которые мы рассмотрели в этой статье, демонстрируют, как вы можете заставить свои контактные страницы и формы работать на ваш бизнес, увеличивая как количество, так и качество запросов, поступающих к вам.
Во многих рассмотренных нами примерах используются методы сегментации и квалификации этих потенциальных клиентов путем ограничения вариантов или направления пользователей к конкретным типам взаимодействия, например: запросы расценок, запросы на продажу, технические вопросы и т. Д.
Это позволяет им отфильтровать менее ценные запросы и сосредоточиться на тех, которые представляют реальные возможности для бизнеса.
Мы видели здесь самые разные подходы к дизайну, но у каждого примера есть одна общая черта: определение конкретных целей, а затем создание контактных страниц и форм, которые побуждают пользователей выполнять желаемые действия.
Это тот подход, который вы должны использовать в своих контактных формах.
.
Комментариев нет