Оформление страницы в контакте. Как оформить страницу ВKонтакте. Какой вывод мы делаем по оформлению страницы
Всем хочется выглядеть красиво и индивидуально, выделяться среди других и чувствовать себя особенным. Это касается и личной страницы ВКонтакте, которую также можно преобразить до неузнаваемости, даже без пресловутых тем для ВКонтакте.
Заполнение профиля
Первое, что вы можете сделать со своей страницей: полностью заполнить профиль . Это позволит не просто показать окружающим свои предпочтения, но также упростит поиск вас среди друзей, знакомых, родственников, одноклассников и т.д. Добавьте информацию об учебе, службе, работе, затем плавно перейдите к личным интересам: кино, музыка, хобби. Чем больше информации в профиле, тем интереснее вы покажетесь другим людям.
Айди страницы
Айди вашей страницы, это специальный код, индивидуальный номер, который вы можете найти в адресной строке вашего браузера при ссылке на вашу страницу. Преимущественно это рандомный набор цифр, который можно сменить на интересное имя, ник или свой набор символов. Для этого просто зайдите в Мои настройки, затем перейдите во вкладку общее и там увидите Адрес моей страницы. Здесь айди можно сменить: просто введите латиницей необходимое имя (пробелы нужно заменить символом «_») — потребуется
Добавить фото и сделать альбом
Если в ваших альбомах нет ни единой фотографии — смело добавляйте их. Страница живая, если пользователь постоянно пишет что-то на стене и добавляет новые фотки. Если качество фото вас не устраивает, вы можете воспользоваться встроенным фоторедактором ВКонтакте . Для этого под каждой фоткой выберите Изменить. Здесь вы сможете кадрировать фото, добавлять фильтры, рамки и другие объекты на фотографию.
Также создавайте тематические альбомы для удобства просмотра фото.
Смайлы в статусе
Как добавлять смайлы в статус мы уже рассказывали, упомянем только для чего это делается. Смайлы в статусе — это не только красиво, но и очень информативно. Иногда просто не хватает слов, чтобы передать настроение и смайлы помогут вам выразить чувства или просто сообщить о своем настроении окружающим.
Язык
Мало кто знает, что в соцсети ВКонтакте можно поставить не только какой-нибудь географический язык, но также можно установить интересные языковые пакеты . К примеру, пакет Дореволюционный позволит вам преобразить страницу в эпоху Революции начала XX века. А пакет Советский подарит интересные советские названия вашим Аудиозаписям и Закладкам.
Темы
Ну и наконец темы. Вы можете найти специализированные скины на тематических сайта. Такие скрипты и расширения помогут вам кардинально преобразить вид страницы ВКонтакте. Но помните, что такая кастомизация страницы не подходит для пользователей со слабым компьютером, так как страница будет глючить и дергаться при листании.
Преображайте ВКонтакте, кастомизируйте каждое поле и делайте свою страницу более информативной. Если вы решили искать людей в соцсети, общаться с ними и вообще составлять положительное впечатление, то оформить страницу ВКонтакте нужно обязательно.
Проверьте настройки приватности : ваша рабочая страница должна быть видна всем в интернете, чтобы заказчикам было легко вас найти. У клиентов и коллег должна быть возможность отправить вам сообщение (Настройки — «Приватность» — «Связь со мной»).
Разделы видеозаписей, аудиозаписей находятся внизу и не играют такой большой роли.
Что копирайтеру публиковать на стене?
Для продвижения имеет значение, что вы публикуете на стене и откуда делаете репосты! Среди публикаций обязательно должны быть посты по копирайтингу и по маркетингу в целом. Ведь вам нравится ваша работа?
Можете смело репостить полезные материалы, видео, инфографику . И вам пригодится, и заказчикам покажет, что вы — в теме.
Только имейте в виду, что репост может увести заинтересованного читателя с вашей страницы на страницу конкурента безвозвратно. Поэтому не стоит делиться чужими материалами слишком часто. Публикуйте побольше своих, интересных и полезных .
Вы задавались вопросом «Почему одни рекрутируют в социальных сетях, а другие нет?». И одним из важных факторов является правильное оформление страницы. Т.к. Вам нужно зацепить человека в первые секунды, когда он заходит на Вашу страницу. Но если страница оформлена ужасно, посетитель бежит с нее, потому что считает, что Вы такой же, как и другие тысячи аккаунтов.
И в этой статье я хочу показать Вам, как лучше оформить свою страницу ВКонтакте для того, чтобы человек задерживался на ней и у него было желание подписаться и следить за Вами. И именно это нам важно, потому что, как правило, люди не регистрируются в команду сразу, а продолжают следить за нами какое-то время. И если Вы будете близки со своим потенциальным дистрибьютором характерами, этическими нормами и т.д., он станет Вашим партнером.
Возможно, когда то люди и регистрировались сразу, но сегодня это уже не так, потому что предложений сегодня очень много. В ВК просто сотни тысяч страниц сетевиков, которые ведут свои аккаунты ужасно и отпугивают своих потенциальных партнеров. И если Вы будете выделять из этих тысяч и оформите свой аккаунт правильно, то будете привлекать все больше и больше новых партнеров в свою команду!
Оформление личной страницы ВКонтакте для бизнеса
Конечно же, если Вы просто оформите правильно свой аккаунт и будете сидеть ждать, что Вам сразу начнут писать десятки людей, то этого не произойдет
Ваша личная страница — это только первая точка контакта с потенциальным партнером или клиентом. Дальше все решает контент, который Вы будете давать. Но без этого первого контакта, если человек не подписывается на Вас, весь контент, публикуемый в аккаунте бессмысленный.
Поговорим уже о важных моментах оформления.
Аватар
Да-да, я не просто поставил аватарку на первое место. Именно его человек видет в выдаче и видит, когда заходит на Ваш аккаунт. И если там будут какие-то непристойные фото или котики, то о каком серьезном бизнесе мы можем говорить.
Когда мне пишет какой-то человек или просто добавляется в друзья, то я сразу смотрю на его фото. И если оно плохого качества, или, извините мне, в каком-нибудь колхозе в грязной обуви и с бутылкой пива, то я точно не буду серьезно воспринимать такого человека.
Если же на фото профиля какой-нибудь знаменитый актер, котики, горы и прочее, то это может говорить о двух вещах:
- Человеку есть что скрывать. Часто чужие фотки берут те, кто не хочет показывать настоящее свое лицо. Например те, кто занимается пирамидами. Они прекрасно понимают, что их могут встретить на улице и наказать за их действия. А такое, поверьте, происходит.
- Человек скромный или закрытый в себе. Люди, которые стесняются своей внешности или вообще боятся показывать свою жизнь, могут подкинуть много проблем. Причем не только себе, но и всем окружающим.
И с первыми, и со вторыми я предпочитал бы не связываться. Поэтому, когда будете ставить свое фото на аватар, учтите эти моменты:
- Фото должно быть Ваше!
- На фото должно быть четко видно Ваше лицо!
- На Вас не должно быть солнцезащитных очков!
- Никаких бутылок, сигарет и всего, что может Вас дискредитировать!
- Никаких размытых фото!
- Если нет качественных фото, то сходите на фотосессию.
Имя Фамилия
Обязательно указывайте свою настоящую имя и фамилию! Аналогично фотографии, если человек указывает свои ненастоящие данные, он что-то скрывает и с ним никто не захочет вести серьезных дел!
Представьте, что человек, который за Вами следит, знает Вас под одним именем и когда захочет к Вам присоединиться, он увидит, что Вы совсем другой человек. Я думаю, что возникнут вопросы, на которые Вам придется отвечать. И вместе с вопросами возникнет нота недоверия.
Поэтому, во-первых, не стыдитесь своей фамилии, даже если она кажется Вам неприятной. Очень хорошо про это говорит Радислав Гандапас. Вы представляете, как он стеснялся своей фамилии? А он стеснялся и даже хотел поменять. Но не стал и теперь его все знают и он узнаваемы бренд! И во-вторых, вытекает из первого, Вы делаете свой бренд, о котором будут говорить люди. Несите свои имя и фамилию с гордостью до людей!
Информация на странице
То, что люди читают о Вас. Все эти поля должны быть заполнены. Человек должен владеть этой информацией о Вас. Вы спросите зачем? Чем больше он о Вас знает, тем больше доверия Вы у него вызываете. Возьмем даже банальную дату и год рождения. Многие люди скрывают ее. Но это является одним из важных факторов, по которому я (только на первый взгляд) смотрю насколько человек мыслит. Ведь, если ему двадцать лет, то с ним надо общаться об одном, если ему двадцать семь, то он уже мыслит, скорее всего, по-другому. А по фото этого не определить.
Конечно, не всегда это можно определить по возрасту, но все же это важный показатель.
Поэтому, перейдите в раздел редактирование страницы и заполните все эти поля:
- Город. По тому, какой город Вы укажете, Вас смогут находить люди. И если Вы живете в Ростове-на-Дону, то указывайте город своего проживания — Ростов-на-Дону. Никаких Чикаго и Нью-Йорков (это вообще, я считаю бредом)
- Дата и год рождения. Как я писал выше — этим Вы вызываете больше доверия на эмоциональном уровне.
- Место работы. Здесь Вы можете указать, например, Вашу группу ВКонтакте. Или просто написать название компании, в которой Вы работаете. Только не указывайте чужие группы. Таким образом Вы просто помогаете другим людям создавать трафик на свои страницы.
- Сайт. Здесь все просто — можете указать ссылку на свою посадочную страницу в компании или же на свой блог. У меня, например, указана ссылка на мою историю успеха.
- Группы. Я рекомендую в настройках приватности скрыть список Ваших групп от других пользователей. Мало-ли что Вам интересно. Я думаю, что людям, которые подписываются на Вас для того, чтобы следить, как Вы растете в бизнесе, не нужно знать, что Вы подписаны на группу “ржачные приколы“ и “хроника преступлений в …“. Поэтому делаем так, чтобы группы видели только мы.
- Информация о себе. Заполняем все эти поля. По ним Вас также может находить Ваша целевая аудитория. Я не знаю, правда, кто так делает. Но говорят, что так ищут.
Следим за своими друзьями. На них тоже обращают внимание. И если у Вас много в друзьях магазинов, заблокированных подписчиков и все в этом роде, я рекомендую удалить их, потому что, когда человек из шести показанных друзей видит три “собачки“ и два магазина, он точно посчитает, что Вы добавляете друзей только для количества.
Поэтому чистим свой аккаунт от “некачественных“ друзей.
Сюда входят публичные страницы, на которые Вы подписаны. И расположены они в том порядке, по частотности Вашего взаимодействия с ними. Т.е. если с какой-то группой Вы взаимодействуете чаще, чем с другими, то она будет на первом месте.
Вкладку “интересные страницы“ нельзя скрыть, поэтому следите за этим моментом и если там находятся группы, которые могут негативно повлиять на на Ваш авторитет предпринимателя, то просто выйдите из этих пабликов.
Фото
Как фото над стеной, так и фото слева являются важным моментом! Когда мне пишет человек, я также обращаю внимание на фото. Просматриваю около пяти-десяти фотографий. Так я понимаю с каким человеком я сейчас буду общаться.
Если там фото с пьянок, непонятные картинки, то у меня сразу складывается неприятное восприятие человека.
Удалите все “плохие“ фотографии! Выставляйте, как путешествуете, работаете, отдыхаете. Покажите, что после того, как Вы начали заниматься бизнесом, Ваша жизнь стала интересной!
Она не стала интересной? Тогда сделайте! Иначе Вы не сможете рекрутировать в интернете!
Видео
Здесь не будем задерживаться долго, потому что здесь все аналогично фото. Удалите все непотребные видео!
Кстати, если Вы воспринимаете информацию лучше в видео, то посмотрите его:
Аудиозаписи
У нас есть возможность скрыть свои аудиозаписи от всех пользователей, кроме себя. Просто сделайте это. Аудиозаписи тоже могут плохо повлиять на восприятия человеком Вас.
Если Вы все такие из себя предприниматели, но в аудиозаписях, у Вас блатняк, то о какой серьезности мы можем говорить?
Контент
В этой статье мы не будем писать о том, какой должен быть контент, который Вы даете людям. Об этом я писал уже в статье . Там про инстаграм, но суть одна
Здесь только скажу, что Вы должны понимать, что контент — папа
И именно Ваш контент, после того, как человек подписался на Вам, привлекает его в бизнес.
Какой вывод мы делаем по оформлению страницы?
Итак, после всего вышенаписанного мы должны понимать, что если наша страница ВКонтакте будет некрасиво оформлена, то человек просто не нажмет на кнопку “Добавить в друзья“ или “Подписаться“ и никогда не станет Вашим партнером, даже если мог.
Он найдет красивые страницы с красивым бизнесом!
Поэтому я желаю Вам правильно оформлять страницу и привлекать все больше и больше людей!
Ну и конечно, обязательно присоединяйтесь к мне в социальных сетях, которые указаны под этой статьей и оставляйте комментарии, свои дополнения или возражения.
Всем удачи!!!
: МЛМ-Предприниматель, автор блога
Евгения Крюкова
*Обновление статьи.
Красивое оформление сообщества «ВКонтакте» – это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании. Если публичная страница или группа оформлена непрофессионально, ваши потенциальные клиенты вполне логично могут сделать вывод о том, что вы и к своей работе относитесь так же халатно. Чтобы этого не происходило, позаботьтесь о том, чтобы ваша страница «ВКонтакте» была красивой, аккуратной и удобной в использовании. Как это сделать? Читайте ниже.
Актуальные размеры изображений «ВКонтакте»
Некоторое время назад разработчики социальной сети «ВКонтакте» запустили новый дизайн. Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени.
А теперь давайте более подробно по каждому пункту.
Размер аватара ВК
Минимальный размер аватара – 200 на 200 пикселей. Если вы постараетесь загрузить изображение менее 200 пикселей в ширину или в длину, вы увидите вот такую ошибку:
Максимальный размер аватара – 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера – до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2 к 5.
Покажу на примере.
У меня есть изображение. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако использовать это изображение я все равно не могу, т. к. «Контакт» не позволяет мне выделить его полностью.
Обложка
Размер обложки для полной версии сайта — 1590 на 400 пикселей.
Обратите внимание: в мобильной версии и приложениях отображается не полная версия обложки, а только ее часть размером 1196 на 400 пикселей. Посмотрите, как она обрезается в приложении на мобильном:
Чтобы этого не происходило, располагайте основные элементы вашей обложки в пределах 1196 на 400 пикселей.
Прикрепленные изображения
В обновленном дизайне «Контакта» ширина ленты новостей стала фиксированной. Это значит, что изображения, прикрепленные к посту, больше не растягиваются, а остаются такими, какие они есть. Поэтому, если вы хотите, чтобы ваше изображение полностью заняло отведенное ему место в ленте новостей, его ширина должна быть не менее 510 пикселей. Лучше всего, чтобы это был квадрат или прямоугольник в альбомной ориентации.
Звучит слегка запутано:) Поэтому покажу на примере.
Допустим, у нас есть изображение квадратной формы со сторонами 510 пикселей. Если мы прикрепим его к нашей записи, оно будет очень хорошо смотреться в ленте новостей на всех устройствах:
А вот так смотрится горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):
Как вы видите, чем уже изображение (по высоте), тем мельче оно смотрится в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:
Понятно, что разница здесь не особо критична, и пользователи смартфонов все равно рассмотрят ваше изображение, просто во втором случае им будет немного комфортней.
Изображения к постам со ссылкой
Все эти данные берутся из кода разметки Open Graph :
Если Open Graph не прописан, заголовок берется из метатега Title, а изображение – из статьи. При этом, его можно легко изменить – либо выбрать другое изображение из статьи с помощью специальных стрелочек:
Либо загрузить свое:
Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, – 537 на 240 пикселей. Однако вы можете загружать и более крупные изображения, если будет соблюдена пропорция.
Картинка для статьи, созданной в редакторе
Размер изображения для обложки статьи, созданной в редакторе, — 510 на 286 пикселей. Лучше, если она будет темного цвета и более или менее однотонная, т. к. на светлом фоне теряется название статьи и сообщества.
Хороший пример:
Не очень хороший пример:
Размер фото и видео для историй
Размер для фотографий — 1080 на 1920 пикселей. Размер для видео — 720 на 1280 пикселей.
Технические характеристики для видеозаписей:
- до 15 секунд;
- не больше 5 МБ;
- кодек h.264;
- звук AAC.
В историях необходимо использовать фото и видео вертикального формата.
Обратите внимание: истории от лица сообществ на данный момент могут добавлять только крупные сообщества, для которых разработчики «ВКонтакте» открыли эту функцию. И делается это с помощью официального приложения. С компьютера это сделать нельзя.
Примеры динамических обложек:
Обложка + описание сообщества + ссылка на сайт
Некоторые компании специально не закрепляют в шапке никаких постов, чтобы у пользователей была возможность прочитать основную информацию о странице и сразу перейти на сайт.
Описание с хэштегами
Некоторые компании добавляют в стандартное описание страницы хэштеги, которые ее характеризуют. Делается это для того, чтобы у страницы была более четкая релевантность, и чтобы за счет этого она находилась выше в поиске по соответствующим запросам. Честно говоря, я не знаю, работает этот способ или нет. Кейсов на эту тему я не встречала, поэтому если кто знает, буду благодарна, если поделитесь ссылочкой.
Закрепленный пост, рассказывающий, о чем страница
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивой версткой), то вы можете прикрепить к шапке вики-пост или статью, сверстанную в редакторе, с яркой картинкой на анонсе, которая будет призывать пользователей кликнуть по ней. Пример такого поста:
А вот что видит пользователь после того, как он кликнет по ссылке:
Новое меню ссылок
Не так давно разработчики «ВКонтакте», наконец, порадовали владельцев сообществ новым инструментом, с помощью которого можно создавать меню – быстро и без всяких мучений с вики-страницами. Оно выглядит несколько примитивно, поэтому о том, как создать красивое меню, я тоже расскажу.
Меню появляется автоматически, если вы используете приложения сообществ или у вас подключен магазин. Например, на предыдущей картинке все три пункта меню – ссылки на приложения. Вы можете добавлять сюда свои – на важные записи, альбомы, обсуждения и т. д., до 7 штук (не считая приложения). Но ссылаться можно только на ресурсы внутри соцсети, кроме вики-страниц.
Чтобы отредактировать меню, нажмите на «Настроить» в правом верхнем углу виджета:
Чтобы добавить пункт меню, нажмите «Новая ссылка».
В раскрывшемся окошке выберите обложку (минимальный размер – 376х256 px), введите название пункта меню (важно уложиться в 20 символов с пробелами), добавьте ссылку и нажмите «Сохранить».
Если вы хотите скрыть приложение из меню, поменять его заголовок или обложку, нажмите «Изменить» напротив соответствующего пункта. То же самое можно делать с остальными ссылками, которые добавлялись вручную и требуют корректировки.
На выходе должно получиться что-то вроде этого:
Меню группы открытое
Открытым меню я называю такое меню, по которому сразу видно, из каких пунктов оно состоит. То есть картинка-анонс вики-поста полностью дублирует его содержимое. Таким образом, пользователи сразу видят то, что их ожидает внутри. Покажу на примере.
Вот как выглядит закрепленный пост в шапке страницы Flatro:
Меню группы закрытое
Закрытое меню – это тот же самый вики-пост, как и в предыдущем пункте, только на анонсе стоит картинка, на которой нет пунктов меню. Обычно на ней пишут: «Меню», «Навигационное меню» или «Навигация по материалам паблика».
А вот что мы видим, когда кликаем по нему:
Кстати, стоит отметить, что это далеко не единственные варианты. По сути, на этой картинке вы можете написать все, что угодно. Главное, чтобы пользователю хотелось по ней кликнуть, и он понимал, что его после этого ждет. Пример:
Слитное меню для группы
Слитное меню – это когда картинка на анонсе вашего меню составляет с аватаром одно изображение. Чуть ниже я подробно расскажу, как сделать такое меню, а пока просто посмотрите, как это красиво выглядит.
Хотите красиво оформить свое сообщество «ВКонтакте», но нет необходимых навыков? Закажите оформление в нашей компании. Подготовим для вас аватар, обложку, шаблоны для рубрик, меню и превью товаров.
Гифка и аватар одним изображением
А вот этот вариант оформления шапки меня действительно сильно восхитил. Автоматически проигрываемая гифка сливается с аватаром в единую композицию и приковывает внимание пользователей, даже несмотря на то, что на ней нет вообще никакой информации.
Кстати, этот пример я подсмотрела в группе SMM-маркетолога Сергея Шмакова. Так что, за находку выражаю ему благодарность:)
Скрытое меню
Скрытое меню доступно только для групп (у страниц такого функционала нет). Чтобы его увидеть, нужно кликнуть по соответствующей ссылке. Плюс этого способа оформления заключается в том, что пользователям видна основная информация сообщества, а если они захотят воспользоваться меню, им достаточно сделать всего один клик. Однако здесь есть и небольшой минус – не все пользователи знают о существовании данной функции, поэтому ваше меню может получить меньше внимания, чем если бы оно было закреплено в начале страницы.
Автоматически воспроизводимое видео
В конце ноября 2015 года в социальной сети «ВКонтакте» появилось интересное нововведение – как только пользователь заходит на вашу страницу, видео, прикрепленное к шапке, начинает воспроизводиться автоматически. С помощью этого приема вы сможете привлечь еще больше внимания пользователей (особенно тех, кто впервые зашел на вашу страницу), и при этом, не раздражать тех, кто не любит, когда ему навязывают свой контент, ведь видео воспроизводится без звука и практически не мешает.
Как добавить такое видео в шапку своей страницы?
Для этого нужно выполнить три условия:
- Прикрепить ролик к записи и закрепить эту запись вверху сообщества.
- Кроме ролика, к записи больше ничего не должно быть прикреплено. Только видео и текст по желанию.
- Видео должно быть загружено «ВКонтакте» – сторонние плееры не поддерживаются.
Запись, которая получает много репостов
Еще один способ продуктивно использовать место в шапке вашей страницы – это закрепить в нее один из своих самых удачных постов – тот, который уже набрал и продолжает набирать большое количество лайков и расшариваний. Зачем это делать, думаю, всем понятно – чем больше репостов, тем больше охват, тем больше подписок получает страница.
Анонсы новых клипов, альбомов, мероприятий
Презентация новых товаров/услуг
Скидки и акции
Кейсы, отзывы клиентов
Реклама приложения
Розыгрыши
Правила сообщества
Ссылки на другие соцсети
Я перечислила далеко не все варианты оформления шапки. По сути, на обложке и в закрепленном посте вы можете размещать любую информацию: вакансии, объявления, ссылки на самые продаваемые товары и т. д. Так что не ограничивайтесь примерами, приведенными выше. Включайте фантазию и используйте оформление вашего сообщества для достижения ваших целей.
Каким должен быть аватар
Аватар – это не только красивое изображение с логотипом вашей компании, а рабочий инструмент маркетолога, с помощью которого он добивается поставленных целей. Давайте разберем во всех подробностях, каким он должен быть, чтобы привлекать внимание пользователей и побуждать их к выполнению целевого действия. Начнем с миниатюры.
Миниатюра аватара
- Текст на миниатюре аватара должен быть достаточно крупным, чтобы его можно было прочитать.
- Текст не должен выходить за пределы миниатюры.
- Пользователям должно быть понятно, что изображено на аватарке.
- По возможности лучше не использовать стоковые изображение, т. к. они часто понижают доверие к компании.
- Нежелательно, чтобы миниатюра аватара была слишком блеклой и скучной, иначе она будет теряться на фоне более ярких аватарок конкурентов.
- Если вы хотите, чтобы ваша аватарка выглядела современно, сделайте ее в стиле минимализм: поменьше текста, теней, градиентов и не несущих никакой смысловой нагрузки элементов. Ваша аватарка должна быть максимально простой и аккуратной. Этот стиль сейчас в тренде.
- Если перед вами стоит цель привлечь внимание пользователей и выделиться на фоне других аватарок в ленте, придется включить фантазию. Подумайте, на что вы сами обращаете внимание, когда ищете интересные сообщества? Вот меня, например, уже который раз привлекают аватарки с горящим огоньком, который обычно указывает на то, что пришло новое сообщение. Это очень старый прием, но на меня он почему-то до сих пор воздействует – когда вижу подобный огонек, обязательно задержу на нем взгляд.
Я не утверждаю, что этот прием будет работать и с вашей страницей. Мысль, которую я хочу донести, заключается в том, что способов выделиться очень и очень много, просто нужно задаться этим вопросом и проявить немного креативности. Вот, например, еще одна интересная идея, до которой я сама вряд ли бы додумалась:
Аватарка представляет из себя черный круг: большой и маленький. Казалось бы, зачем вообще это делать? Но когда листаешь список сообществ, такие аватарки приковывают к себе внимание, потому что они сильно отличаются от всех остальных.
Какую информацию можно разместить на миниатюре аватара
Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:
Анонс нового продукта/услуги/события
Преимущества компании/сервиса/страницы
Номер телефона компании
Выгодные цены
Бесплатная доставка
Кстати, очень часто информацию о том, что компания предоставляет бесплатную доставку, добавляют и в само название группы, чтобы пользователи точно обратили на него внимание.
Акции
Конкурсы
Вакансии
Каким должен быть сам аватар?
Я рассмотрела, какой должна быть миниатюра аватара и какой текст на ней можно разместить. А теперь давайте перейдем к самому аватару. Полная версия аватара будет отображаться только в том сообществе, в котором не установлена обложка. Именно для таких случаев я и написала этот раздел. Итак, каким должен быть аватар вашего сообщества, чтобы пользователи сразу поняли, что ваша компания подошла к созданию страницы ответственно и профессионально.
- Аватар должен быть качественным. О том, как этого добиться, я писала чуть выше. Для тех, кто пропустил эту часть, скажу вкратце – размер аватара должен быть в 2–3 раза больше того, что вы запланировали.
- Желательно, чтобы аватар сочетался с меню: был такой же цветовой гаммы, имел те же самые шрифты, элементы и т. д. Благодаря этому шапка вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
- Сам аватар и миниатюра аватара могут быть разными. Например, вы можете нарисовать на аватаре круг, оформить его так, как вам нравится, выбрать эту область в качестве миниатюры, а остальную часть аватара выполнить в другом стиле.
- Для того чтобы побудить пользователей подписаться на вашу страницу или написать сообщение представителю компании, вы можете разместить в самом низу аватарки соответствующий призыв к действию и сопроводить его указывающей на кнопку стрелочкой.
- Старайтесь не размещать на аватаре слишком много информации, иначе он будет смотреться перегруженным и неопрятным. Добавьте на него только самые важные пункты и обязательно убедитесь, что между ними есть «воздух».
Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.
Какую информацию можно разместить на аватаре?
По сути, на аватаре можно разместить все, что угодно. В отличие от миниатюры, здесь действительно есть где разгуляться. Главное, не злоупотребляйте этим:)
Домен сайта
Телефон/адрес/время работы
Конкурсы/акции
Самые покупаемые товары/новинки
Информация о доставке
Реклама мобильного приложения
Главные преимущества компании/страницы/товара и т. д.
Обновление ассортимента/новое творчество и т. д.
Информация о том, что ваше сообщество является официальным
Информация о предстоящих мероприятиях
Адреса аккаунтов в других социальных сетях
Расширенное описание страницы
Хвасты
Вообще, на аватаре можно размещать абсолютно любую информацию. Я привела лишь некоторые идеи, чтобы вы могли посмотреть, что делают другие, и вдохновиться их примерами. Ну, и держите в голове основные рекомендации: аватар должен быть качественным, шрифт – крупным, а между элементами побольше «воздуха».
Как создать слитные аватар и меню
Для того чтобы сделать слитные аватар и меню, вам потребуется программа Adobe Photoshop или ее аналог. Я буду объяснять весь процесс на примере «Фотошопа». Итак, поехали.
- Скачайте шаблон для «Фотошопа», который я специально подготовила для этой статьи. В обычном размере (меню – 510 пикселей в ширину, аватар – 200) или в увеличенном (меню – 1020 пикселей в ширину, аватар – 400).
- Откройте изображение, которое вы хотите взять в качестве основы.
- Скопируйте его, вставьте в шаблон и расположите его так, как вы бы хотели его разрезать.
- Добавьте эффекты, текст, графику и т. д.
- Если вы не хотите, чтобы терялась часть изображения (в том пробеле, который составляет 50 пикселей), сдвиньте ее вправо так, как показано на следующей гифке:
- Выберите инструмент «Раскройка» и нажмите на кнопку «Фрагменты по направляющим».
- Удалите лишние фрагменты (правый щелчок мыши – «Удалить фрагмент») и подредактируйте уже имеющиеся (правый щелчок мыши – клик в пустое место – берем нужную область и растягиваем ее до нужного размера).
- Зайдите в раздел «Файл» и выберите команду «Сохранить для Web».
- Перейдите в место, куда вы сохранили картинки (рабочий стол или какая-то конкретная директория), и найдите там папку под названием «Images». Именно там и будут ваши изображения. Теперь остается только залить их на страницу.
P.S. Высоту аватара можно менять по вашему усмотрению. Я взяла максимальный размер – 500 пикселей, но у вас это значение может быть и меньше. Например, как на странице «Вики-разметка»:
Как использовать виджеты
Виджеты тоже являются частью оформления сообщества ВК. С помощью них пользователь может: оформить заказ, подписаться на вашу рассылку, принять участие в конкурсе, читать и оставлять отзывы, открыть поиск по сообществу, получить подарок, купон на скидку и т. д.
Вот несколько примеров того, как выглядят виджеты на странице «ВКонтакте»:
class=»incut»>
Как оформить изображения к постам
Если вы занимаетесь веб-дизайном или обладаете художественным вкусом и чувством прекрасного, то вам не составит труда придумать фирменный стиль для своих изображений. Однако, мне кажется, таких людей в этой статье будет меньшинство (я, к слову сказать, тоже к ним не отношусь). Поэтому давайте подробно разберем, как же это делается, основываясь на примерах успешных компаний.
Кстати, обратите внимание, почти все известные компании «ВКонтакте» брендируют свои изображения, т. е. добавляют небольшой логотип, адрес своей страницы или водяной знак. Это повышает узнаваемость бренда и защищает ваши изображения от копирования. Стоит ли это делать, каждый решает сам. Единственное, что хотелось бы посоветовать: если все-таки решите этим заниматься, постарайтесь сделать так, чтобы ваш логотип не был слишком ярким и не занимал слишком много места, иначе весь акцент пойдет на него, и изображение потеряет свою привлекательность.
Где взять хорошие изображения?
У нас в блоге есть хорошая статья на эту тему – « ». Они все бесплатные, но какие-то – требуют регистрации. Если не подберете для себя ничего подходящего, попробуйте искать по ключевому слову + обои (или, если на английском, wallpaper). Обычно по такому запросу выходят качественные изображения. Но тут нужно быть внимательным и проверять тип лицензии, иначе, если у вас серьезный бизнес, можно нарваться на неприятности.
А что делать тем, кто не умеет работать в «Фотошопе»?
Если вы никогда не работали в «Фотошопе» (или любых других графических редакторах) и пока не готовы выделить время на его освоение, вы можете воспользоваться сервисами, в которых уже есть готовые шаблоны картинок для разных социальных сетей:
1. Fotor.com
После этого в левой части экрана выбираем шаблон, который нас интересует. Обратите внимание, бесплатно предоставляются только те шаблоны, на которых нет значка в виде алмазика.
Вставляем ее в шаблон, выделаем левой кнопкой мыши, выбираем команду Layer (иконка бутерброда) и кликаем по Move to bottom. Таким образом наша картинка будет идти фоном, а все надписи наложатся поверх нее.
После этого меняем текст, шрифт, размер шрифта, расположение надписи и т. д.
Затем жмем на иконку в виде дискеты, выбираем название, формат изображения, качество и жмем на кнопку Sign in to download.
Как пользоваться вики-разметкой
Ну вот мы и подошли к самому интересному и одновременно сложному разделу. Возможно, среди читателей есть люди, которые не знают, что такое вики-разметка, и вообще впервые слышат этот термин. Поэтому специально для вас я приведу определение, которое дает сам «Контакт».
Вики-разметка — язык разметки, который используется для оформления текста на веб-сайтах (как правило, относящихся к классу wiki-проектов) и позволяет упростить доступ к возможностям языка HTML. На нашем сайте wiki-страницы — хорошая альтернатива обычным записям и текстовой навигации. Если вам необходимо создать большую статью с различным форматированием текста (жирный шрифт, подчёркивание, заголовки и прочее) или добавить к ней графику, либо просто создать красочное навигационное меню по вашему сообществу — wiki незаменима.
Точно также как у WordPress (или любой другой CMS) есть HTML-редактор, с помощью которого вы создаете статьи, так и у «Контакта» есть свой редактор для создания и редактирования вики-страниц. Выглядит он вот так:
С помощью этого редактора создаются навигационные меню, а также статьи с картинками, видео и аудиозаписями. Чуть ниже я разберу подробно, как работать в данном редакторе, но сначала я прошу вас добавить себе в закладки две ссылки. Они вам очень помогут в изучении вики-разметки.
В настоящее время многие пользователи не представляют свою жизнь в Интернете без социальных сетей. В действительности, таковые помогают скрасить нашу жизнь, а также отлично провести свободное время. Основным преимуществом социальных сетей является то, что с их помощью можно общаться с другими пользователями. К примеру, многие люди занимаются созданием и раскруткой своих публичных страниц. Соответственно, хочется сделать их по-своему красивыми и уникальными. Наверняка вы не раз задумывались о том, как оформить страницу «В Контакте» так, чтобы она вас радовала. Украсить свой аккаунт в социальной сети вы можете несколькими способами. В настоящее время присутствуют как платные, так и бесплатные методы. Вам стоит только определиться, какой из них вам больше всего подходит. Сейчас мы приведем несколько популярных вариантов того, как украсить «В Контакте» страницу, и возможно, вам приглянется один из них.
ОК
Для сравнения немного поговорим о социальной сети «Одноклассники». Там украшать свою личную страничку намного проще, так как присутствуют специальные функции, и пользователь самостоятельно может выбрать более подходящий дизайн. В «ВК», к сожалению, подобной возможности нет, а соответственно, пользователю самостоятельно приходится искать решение указанной задачи.
Инструкция
Итак, давайте же разберемся, как украсить «В Контакте» страницу. Добиться результата вы сможете при помощи специальных плагинов. Как мы уже упоминали выше, существуют варианты как платные, так и бесплатные. Сейчас мы рассмотрим плагин Page Morph. На самом деле у этого решения существует официальный ресурс, на котором каждый пользователь может не только выбирать уже предоставленные варианты, но также при желании создавать свои собственные или редактировать подготовленные системой. Этот проект поможет создать красочную тему для социальной сети «ВК». Теперь вы уже знаете рабочий способ того, как украсить «В Контакте» страницу с помощью различных тем.
VKTEMY
Под вторым вариантом рассмотрим еще одну специальную программу. Она называется VKTEMY. Эта платформа способна полностью решить вопрос с тем, как украсить «В Контакте» страницу. С помощью данного приложения вы сможете не только изменять внешний вид свой анкеты в социальной сети, но также и редактировать ее по своему усмотрению. Программа очень удобна и проста в использовании.
Благодарим за внимание каждого читателя.
Как оформить личную страницу менеджера ВКонтакте?
Как оформить личную страницу менеджера ВКонтакте? В этом видео я расскажу вам о том, как оформить личную страницу менеджера ВКонтакте для работы с клиентами. Как назвать аккаунт, какую аватарку поставить и чем опасно называть страницу фэйковыми именами или названием кампании. Подробности смотрите в этом видео по продвижению бизнеса ВКонтакте.
Меня зовут Владимир Казаков. В сегодняшнем видео поговорим с вами на тему «Как вести страницу менеджера во ВКонтакте», то есть менеджера, который закрывает клиентов на сделки.
Существует несколько разных мнений и каждый говорит по-своему, у каждого smm-щика свое мнение, но лично я на своем опыте сейчас расскажу, как рекомендую вести аккаунты, как его оформить, и вообще как правильно делать. Во-первых, для тех, кто оформляет аккаунты менеджеров таким образом, что на аватарке стоит логотип компании, личный аккаунты менеджера называется «Компания А», то есть названием компании – это все запрещено во ВКонтакте. То есть во ВКонтакте не разрешают использовать личные страницы в целях продажи и вообще в позиционировании своей компании. Это во-первых. Во-вторых, такую страницу у вас могут легко забанить, это не проблема для ВКонтакте. Ну и в-третьих, это очень сильно уменьшает лояльность целевой аудитории к вашему бизнесу, потому что все пользователи ВКонтакте знают, что такое боты. Эти боты в свое время всем поднадоели. И к такому аккаунту будет как минимум меньше обращений.
правильное оформление
А теперь расскажу о том, как сделать правильно. Во-первых, менеджера для своего бизнеса во ВКонтакте рекомендую оформить настоящим именем. То есть если у вас есть сестра, жена, либо подруга, рекомендую оформить этот аккаунт именем и фамилией этой подруги. То есть полностью как нормальному пользователю. Зачем это нужно? Так как ваш бизнес во ВКонтакте и все продажи будут держаться именно на консультациях с этим менеджером, то если его забанят, у вас просто не будет возможности восстановить этот аккаунт.
Почему не будет? Мы как-то сделали в своем магазине не реальный аккаунт, то есть несуществующего человека. У на была, по-моему, там Лиана Симонова называлась. И что было в итоге? В итоге нам отправляли возвраты на Лиану Симонову, которые мы с почты не могли забрать. Во-вторых, когда у нас менеджера забанили, мы не смогли его восстановить с первого раза, нам пришлось действительно искать Лиану Симонову настоящую.
Так вот, как нужно оформить. ВКонтакте потребует, если забанят аккаунт менеджера, то он потребует фотографию паспорта, то есть подтвердить, идентифицировать этого пользователя по паспортным данным. Соответственно, поэтому чтобы ваш бизнес на забаненном менеджере во ВКонтакте не встал, рекомендую оформить аккаунт под настоящего человека, полностью настоящего. Ну и, соответственно, во ВКонтакте тоже не дураки, поэтому этот аккаунт должен вести какую-то активность на стене. То есть там не должны быть только публикации и репосты с вашей группы, там должны быть и другие публикации, и другие репосты с другой группы. В общем, я имею в виду другой контент тоже должен присутствовать.
А как уже оформить страницу, как правильно, грамотно ее оформить? Лично я считаю, что менеджер во ВКонтакте должен реально быть настоящий. То есть лучше фотографию менеджера использовать, который действительно работает, действительно ведет свою страницу. Пусть даже брать публикации с его личной страницы и публиковать их себе в сообществе. Таким образом лояльность аудитории будет намного больше и чаще будут писать, и больше будет доверия как реальному пользователю.
На этом все. Надеюсь, на ваши вопросы, которые касались ведения страницы менеджера во ВКонтакте, я ответил. Если что-то непонятно, то обязательно там напишите в комментариях, я постараюсь на них ответить. С вами был Владимир Казаков. Пока!
Обязательно посмотрите наше видео по продвижению Вконтакте: Бесплатное продвижение группы ВКонтакте через фото и видео.
Поделиться в соц. сетях
Как создать идеальное сообщество ВКонтакте и гордиться собой
На протяжении многих лет люди писали умные книги по рекламе, выводили нормы, законы и правила. А потом появились социальные сети, и пришлось все переписывать. Сегодня основной закон рекламы можно сформулировать так: «Если твоей организации нет в соцсетях, то твоей организации практически не существует». С каждым годом алгоритмы продвижения усложняются, но при этом парадоксальным образом становятся проще и удобнее в использовании. Для сегодняшней шпаргалки начинающего SMM-щика мы выбрали социальную сеть ВКонтакте, в которой можно за пару недель взлететь на вершину узнаваемости или же годами оставаться ни с чем, вкладывая в группу тонны денег. Kislorod предлагает сосредоточиться на первом варианте.
Шаг №1 — Создайте страницуКак и в любой поваренной книге, где предлагается начать с поиска подходящей посуды, ВКонтакте нужно создать страницу для вашей НКО или проекта. Изначально платформа предлагает выбрать из двух вариантов: публичная страница или группа. Группа — это собрание людей, где подразумевается постоянное обсуждение каких-то конкретных тем и вопросов, а контент дополнительно создается пользователями. А публичная страница — это своеобразная трибуна, с которой вы можете транслировать свою волю, мысли, идеи, рецепты и прочие радости. А вообще у нас есть отдельная статья, посвященная выбору между группой и публичной страницей.
После выбора типа страницы, в котором, мы уверены, вы вряд ли запутаетесь (вы ведь не выберете пункт «музыкальная группа», если вы приют для животных), вам надо заполнить ее описание. Это первая стадия, на которой вам понадобятся грамотные писари, или, по-научному, копирайтеры. Описание индексируется всеми поисковыми системами, а значит, вас должны находить по опорным словам.
Очень тщательно наведите мосты и настройте связь между всеми существующими интернет-каналами, которыми ваша НКО уже пользуется. Ссылка на вашу группу ВК должна появиться в: Facebook, Twitter, Instagram, YouTube, Patreon, TikTok, Snapchat, Odnoklassniki, Ответы Mail.ru… Даже в автоматической подписи вашего почтового клиента.
Ну и контактные данные не забывайте. Kislorod надеется, что вы есть во всех мессенджерах.
Шаг №2 — ОформлениеВК предлагает две постоянных секции для оформления на публичной странице. Это шапка и аватар. В месте под аватарку должен находиться ваш неземной красоты логотип, который вы уже давно нарисовали вместе со знакомым дизайнером. Если у вас еще нет логотипа, то его пора придумать, ведь он многократно повышает узнаваемость организации, а у кого-то начинает просто ассоциироваться с объектом благотворительности. Вспомните грустную малютку-панду с лого WWF.
Оформить шапку страницы можно двумя путями: сделать постоянную картинку или динамический баннер. В случае постоянного изображения стоит озаботиться красочным и запоминающимся дизайном и заострить внимание на качестве исходного файла. Динамический баннер — это изображение с изменяемыми блоками. Они отражают количество подписчиков, имя последнего из них, актуальный комментарий и другую информацию средней важности. Подумайте, какие изменяемые величины вы можете вынести в шапку страницы, может, последнее пожертвование или завести доску почета и оформить ее в эту секцию.
А теперь вам нужен единый стиль постов. Если вам кажется, что одинаковые красивые картинки, созданные в канве, — это единственно правильный путь, то это не так. Есть еще множество других вариантов. А что если это будет строго пять строчек текста + прикрепленный gif + тематическая музыкальная композиция? Вполне сойдет за единый стиль — пробуйте!
Шаг №3 — КонтентЕсли у вашей НКО нарисовались хорошие деньги на хорошее продвижение, то вы просто нанимаете медиа-агентство или отдельно взятого копирайтера, который отвечает за наполнение вашего сообщества. Найти специалистов стоит и ради постоянного контента, и ради продвижения вашей страницы, но об этом мы поговорим позже. Будьте уверены, что вы точно не справитесь с наполнением сообщества хорошим контентом своими силами, если только вы раньше этим не занимались или не имеете соответствующего образования. Подумайте над тем, чтобы нанять копирайтера-волонтера.
Нет знакомых копирайтеров, нет денег, а волонтер-копирайтер провалил миссию… Что ж, придется наполнять сообщество самим. Мы не будем вам расписывать руководство на триста страниц о современных трендах в мире SMM-маркетинга, ведь, во-первых, мы отберем работу у рекламных профи, во-вторых, этот труд вряд ли уместится хотя бы в 300 страниц, и в-третьих, его все равно никто не прочитает. Конечно, через поисковые сети вы можете найти десятки «стопроцентно работающих схем» того, как продвинуть сообщество ВКонтакте и заиметь 140 миллионов подписчиков за уикенд, но обычно они связаны с накруткой или с устаревшими способами. Вам же мы советуем зайти на публичные страницы с похожей тематикой, которые вы же сами и считаете успешными. За несколько минут вы поймете, за счет чего этот контент работает, и сможете применить нечто подобное в вашем случае.
Контент-план — это то, с чего стоит начинать наполнение вашей публичной страницы. Вы должны знать, что будет опубликовано у вас на стене в ближайшую субботу в 10 утра. Таким образом вы сможете грамотно выстроить стратегию, понять, какая тема или стиль постов срабатывает лучше и к чему нужно стремиться. Разумеется, все эксклюзивное должно публиковаться мгновенно, но эксклюзив контент-плану не враг, а друг и товарищ.
Шаг №4 — ПродвижениеОпределяйте целевую аудиторию, анализируйте «боль клиента» и продвигайте ваше сообщество… Ах, если бы это было так просто. Определение ЦА — это одна наука, анализ «хотелок» пользователя — другая. Опять же, универсальных советов по грамотной рекламе в социальных сетях еще не придумали, ведь все снова упирается в специфику деятельности вашей НКО. Мы лишь можем бегло по пунктам разобрать некоторые опорные инструменты:
- Вики-разметка — ВК предлагает удобный инструмент для публикации статей. Пользуйтесь им для размещения текстов свыше 1000 знаков, ведь иначе ваш безумно интересный текст вряд ли кто прочитает.
- Истории и Прямой эфир — снимайте больше видео на телефоны и планшеты. ВКонтакте сам охотно рассылает приглашения на прямые эфиры и предлагает посмотреть историю.
- Предложить новость — стимулируйте ваших подписчиков создавать контент через функцию «предложить новость». А если вы «смелый, ловкий и умелый», то открывайте стену для всех.
- Вовлекайтесь — во вражеском фейсбуке внутри сообществ постоянно выскакивает надпись «обычно отвечает в течение n минут». Отечественная соцсеть никого к такому, конечно, не обязывает, но вам точно нужно быстро отвечать на личные сообщения и на комментарии с вопросами.
- Рассылка — например, senler.ru помогает рассылать всем вашим подписчикам важные личные сообщения. Только не переусердствуйте, люди такой способ не слишком жалуют.
- Виджеты — существует масса удобных виджетов, которые предлагают пользователю при помощи пары кликов сделать нечто полезное. Например, сразу посмотреть тематическое видео, совершить пожертвование, подписаться на группу или заполнить нужную форму. SpyCat, слышали о таком? Попробуйте.
На сегодня ВК предоставляет, пожалуй, самый совершенный инструмент по точечному размещению рекламы. Настройки таргета могут быть настолько гибкими, что вы сможете прорекламировать вашу НКО лично вашему бывшему учителю физкультуры, потратив на это соотносимое количество средств.
Настройки таргета интуитивно понятны. Не нужно знать никаких дополнительных чит-кодов и паролей и разбираться в html. Все снова упирается в знание целевой аудитории и «боли клиента». Конечно, таргетированная реклама требует бюджета, но на данный момент расценки более чем адекватны. Если вы совсем не разбираетесь в том, как направлять ваши рекламные потоки с предельной точностью, но вот вам наш гайд по таргетингу.
Не забывайте рекламироваться в популярных сообществах, предварительно отсеяв их по аудитории и репутации. Многие SMM-щики со стажем говорят, что это самый действенный способ продвижения, но есть и скептицизм, ведь пользователи заходят в любимые сообщества не для того, чтобы лицезреть вашу рекламу, а значит, вы можете создать ненужный негативный фон.
Пользуйтесь сервисами вроде Pepper, которые помогут в определении целевой аудитории. Приложениями вроде Moderator, чтобы отслеживать активность. И собственными мозгами… Это иногда помогает. А еще применяйте все наработанные годами навыки, которые вы приобрели, читая полезные статьи Kislorod’a.
Шаг №5 — ПоддержкаПо нашему опыту смеем заверить, что безудержного энтузиазма для грамотного ведения страницы ВКонтакте хватает где-то на пару месяцев. Потом сообщество превращается в бледную копию самого себя, теряет любые перспективы и некоторое время висит мертвым грузом в списках интересных страниц у потерявших надежду подписчиков.
Мы вам советуем вести публичную страницу, что называется, до последнего. Обновлять шапку, генерировать контент, общаться с пользователями и всячески пытаться продвинуться и прорекламироваться, даже если в предыдущие разы это заканчивалось ничем. Во-первых, как известно, терпение и труд все перетрут, а во-вторых, вы никогда не сможете предугадать, в какой момент алгоритмы ВК выведут группу вашей НКО в ТОП сообществ по интересам и на первые места в «Умной ленте». Может быть, уже завтра!… Или послезавтра.
Удачного вам продвижения!
Оформление и дизайн групп Вконтакте
«Встречают по одежке, а провожают по уму» — гласит народная пословица.
Нет ничего лучше, когда в порядке не только ум, но и одежка. То же самое касается и оформлений групп Вконтакте. Чем изящнее и продуманнее дизайн, тем лучше. Только изрядно поработав над стилем и имиджем своей группы, можно заинтересовать больше новых участников, добиться поставленных целей, осуществить задуманное.
Оформление группы Вконтакте занимает немало сил и времени, но это того стоит. Необходимо отметить, что в ноябре 2012 года были установлены новые нормы и требования к размеру аватара. Теперь он составляет 200х500 px. Размер области, где планируется размещать кликабельное графическое меню – 390 px в ширину.
Кликабельное графическое меню может включать в себя одну и более кнопок. В таком случае, ширину изначально нужно выставить в размере 370 px вместо 390.
Как же красиво оформить группу Вконтакте?
Итак, мы имеем страницу Вконтакте со всеми необходимыми разделами (Описание, Обсуждения, Фотографии, Аудиозаписи и т.д.). В правом верхнем углу группы находится изображение с фотоаппаратом. Первое, что нужно сделать, кликнуть на него и загрузить фотографию. Фото должно соответствовать характеру группы. Изображение следует выбрать с компьютера и в появившемся окне растянуть уголки так, чтобы полностью закрыть темный фон, заполняя всю область аватара. Не забываем нажать на кнопку «Сохранить и продолжить».
В результате получается красивая страница с характерным изображением. Необходимо убедиться, что размер фотографии 200х500 рх. Если навести курсор мыши на аватар и нажать правую кнопку мыши, появится окно. В нем нужно выбрать «Информация об изображении» или «Свойства изображения», там и будет указан размер фото.
Далее, в программе Photoshop нужно создать документ с необходимыми размерами, например ширина 600 рх и высота 1000 рх. Затем, сделать скриншот экрана страницы группы и вставить его в недавно созданный документ в Photoshop. С помощью инструментов («фрагменты» и «направляющие») необходимо отделить области и очистить слой. Таким образом, мы получаем документ, общей шириной 600 рх, где 200 рх является шириной аватара, 10 рх – зазором между аватаром и рабочей областью, а 390 рх – это ширина рабочей области.
Дизайн группы Вконтакте играет большую роль. Поэтому следует ответственно подойти к данному вопросу. Для начала, нужно определить какие части страницы будут кликабельными и некликабельными. В меню программы Photoshop выбираем «Файл» и «Сохранить для WEB устройств», выбираем необходимые составные и нажимаем «Сохранить». В сохраненной папке видно, что весь готовый дизайн разделился несколько фрагментов.
Осталось совсем немного. На странице группы нужно заменить аватар на тот, который получился после сохранения из Photoshop. Остальные изображения можно загрузить в альбом группы. На главной странице есть раздел «Свежие новости». Необходимо навести на него курсор мыши и кликнуть. Рядом появится ссылка «Редактировать» и окно «Микроразметки», где остается изменить заголовок, запрограммировать код и «Сохранить». Графический дизайн группы готов.
Это сложно?
На первый взгляд, все кажется сложно. На самом деле, стоит набраться немного терпения, найти время и начать работать. Каков будет дизайн группы – зависит от ваших требований, навыков и желаний. Для тех, у кого есть желание и цель, нет ничего невозможного.
Если Вы посетили данную страницу, Вы согласны с тем, что мы можем отправить Вам сообщение в социальной сети ВКонтакте.
как создать паблик вконтакте за пару минут и … / SMMberry / SMMberry
Публичная страница вконтакте: отличия от групп и мероприятий
Напомню основные особенности официальных страниц вконтакте:
- публичная страница в контакте доступна для просмотра даже тем, у кого нет аккаунта vk (таким образом охват аудитории у публичной страницы шире)
- паблик виден на странице того, кто на него подписался в отдельном блоке «Интересные страницы» (тем самым паблик постоянно самопиарится)
- отсутствует кнопка «пригласить друзей»
- нет встроенного вики-меню вконтакте (но меню в паблике все равно мы можем сделать)
- в паблике есть подсказки, которые можно скрыть
- можно делать экспорт в твиттер!
- фотографии, аудио и видеоматериалы, обсуждения имеет право добавлять только руководитель
- посты на стену добавляют тоже только админы (можно с подписью и без)
- так же можно добавлять места (в группе нельзя)
- на панели справа есть раздел «контакты», где можно указать телефон или e-mail контактного лица
- в публичной странице есть возможность создавать мероприятия отдельной страницей
- и можно рассказать о событиях, которые организуете, на боковом виджете
- нет «основного альбома», нет фотографий «со стены»
- нет фотовитрины, все фотоальбомы справа
- там же (на панели) аудио и обсуждения
Так как создать паблик вконтакте? Пошаговый инструктаж
Итак, создать страницу в контакте очень просто, нужно в меню ваших групп при создании сообщества выбрать пункт “публичная страница” (если вы задавались вопросом как создать группу в контакте, то это делается там же):
Придумываем заголовок (можно будет в дальнейшем изменить) и создаем сообщество.
У нас появится новое окошко, где нужно будет выбрать тип вашей страницы, а затем вы будете выбирать подраздел. Учтите, что поменять подраздел, после создания страницы можно, а вот тип останется таким, какой вы выберете сейчас. Поэтому я вам покажу все возможные подгруппы для каждого из пунктов, чтобы вы могли подобрать своему сообществу тот, который подойдет именно ему.
Итак, вот основной список:
Выбираем вариант, ставим галочку, что мы — официальный представитель, и жмем на кнопку, позволяющую создать публичную страницу вконтакте.
Если вы выбрали “место или небольшая компания”, то вам будут доступны такие подразделы:
- Общественное питание
- Покупки
- Развлечения
- Туризм и отдых
- Спорт и красота
- Культура и искусство
- Бытовые услуги
- Медицинские услуги
- Образовательное учреждение
- Профессиональные услуги
- Транспортные услуги
Почему вообще нужно подбирать подраздел? Это поможет сделать ваш паблик вконтакте более понятным и открытым, так как выбранная характеристика отображается в поиске, а еще её будет видно, если кто-то добавит вас в “ссылки”. Посмотрите сами:
Кажется, что это мелочи, но из таких вот мелочей создается общий имидж вашего сообщества. Именно с помощью таких нюансов в конечном итоге повышается эффективность ведения бизнеса в социальных сетях. Вас должны заметить и заинтересоваться.
Но вернемся к тому, как создать страницу вконтакте. Мы уже увидели варианты подгрупп для “места или небольшой компании”, а вот остальные варианты.
Компания, организация или веб-сайт:
- Веб-сайт
- Интернет-магазин
- Образовательное учреждение
- СМИ
- Компания
- Организация
- Высокие технологии
- Искусство и развлечения
- Потребительские товары
- Экономика и финансы
Известная личность или коллектив:
- Ведущий/Ведущая
- Госслужащий/Госслужащая
- Духовное лицо
- Журналист
- Критик
- Общественный деятель
- Политик
- Предприниматель
- Публицист
- Спортивная команда
- Спортсмен/Спортсменка
- DJ
- Актер/Актриса
- Композитор
- Комик
- Модель
- Музыкальная группа
- Музыкант
- Певец/Певица
- Писатель/Писательница
- Поэт
- Продюссер
- Режиссер
- Танцор
- Творческое объединение
- Фотограф
- Художник/Художница
- Персонаж
Произведение или продукция:
- Альбом
- Игра
- Книга
- Сериал
- Спектакль
- Телепрограмма
- Фильм
- Шоу
- Технология
- Товар
- Услуга
- Программное обеспечение
Как видите, выбор действительно очень богатый и можно создать паблик вконтакте максимально подходящим под ваш бренд. Сначала сообщество будет не заполнено, но с помощью меню “управление страницей” и подсказок можно быстро все организовать.
Дальнейшие действия по заполнению практически не отличаются от того, как создать группу в контакте (смотрите шаги 2 и 3 в этой статье), а именно:
1. Загружаем подходящее (соответственно тематики) фото.
2. Добавляем фотографии или картинки.
3. Добавляем аудио треки или аудио книги, семинары.
4. Пишем более десятка постов (коротких, с ссылками, больших и без ссылок).
5. Приглашаем друзей и рассказываем друзьям о своем сообществе.
Поздравляю, вам удалось создать публичную страницу вконтакте! Согласитесь, это было очень просто
: Технологии и медиа :: РБК
Что делать со страницей скончавшегося пользователя соцсети, решат его родственники. Если ее захотят сохранить, на месте, где обычно указано время последнего посещения, появится надпись «Страница умершего человека»
Фото: ВКонтакте / Vk
«ВКонтакте» добавила специальные отметки на страницы умерших пользователей. Об этом РБК сообщили в пресс-службе соцсети.
Надпись «Страница умершего человека» появится на месте, где обычно указывается время, когда владелец аккаунта в последний раз заходил на страницу.
Сохранить или удалить аккаунт умершего пользователя, будут решать его родственники. Для подтверждения они должны будут отправить в службу поддержки фотографию свидетельства о смерти.
В Facebook назначить хранителя страницы можно с 2015 года. После смерти пользователя аккаунт переходит в «памятный статус», а рядом с именем человека отображается надпись «Светлая память».
«ВКонтакте» запустила сервис групповых видеозвонковкак оформить группу и страницу «Вконтакте»
Итак, поговорим про оформление групп и пабликов (далее — сообществ) ВКонтакте на понятном языке.
Для начала, нужно понимать, Что красивое оформление сообщества ВКонтакте — это, в первую очередь, маркетинговый инструмент. Правильное заполнение информации о себе на странице и начальные визуальные данные — ваш первый — и, возможно, главный — продающий пост (по аналогии с Instagram)!
[Про оформление Facebook] [Про оформление Instagram]. Красивое и понятное оформление ВК — ваша визитная карточка для многомиллионной аудитории. Как сделать страницу интересной и красивой с точки зрения оформления — читайте ниже!
[тут мы поговорим о привлечении трафика]
Размеры изображения «ВКонтакте» с учетом нового дизайна.В социальной сети vk.com несколько раз менялся концепт оформления сообществ и принципы отображения визуальных объектов. Представляем памятку, которая соответствует всем актуальным требованиям к размерам изображений!
В первой части мы подробно рассмотрим с примерами аватар, прикрепленные изображения, изображения к постам со ссылкой, стартовое описание, вики-страницы и про оформление шапки страницы.
Про варианты оформления сообществ ВК — в других публикациях. Запаслись кофе? Поехали!
Аватар
Минимальный размер аватара — 200х200 px.
Максимальный размер аватара — 200х500 px. *Можно загружать изображения любого разамера — до 7000 px. с каждой стороны. Ключевое — это соотношение сторон — 2х5
Прикрепленные изображения
В последней версии дизайна ВК — ширина ленты новостей фиксирована. То есть, все изображения, которые мы прикрепляем к посту не растягиваются, а остаются такими, какие они есть. Если нужно, чтобы изображение занимало всю ширину ленты новостей — оно должно быть 510 px. в ширину. Удобнее всего — квадрат или прямоугольник в альбомной ориентации.Изображение в публикации vk.com/loveandtech — прямоугольник в альбомной ориентации |
Помните: закрепленные вверху страницы публикации должны быть размещены с учетом предполагаемого размера (510 px. в ширину). |
Изображения к постам со ссылкой
Изображения к постам со ссылкой — это изображения, которые автоматически загружаются, когда вы вставляете ссылку в публикацию. Берутся они из Open Graph (если изображение там предусмотрено)
Если в Open Graph не прописан заголовок, изображение можно загрузить вручную (как и отдельно прописать заголовок).[что такое Open Graph]
Минимальный размер изображения, которое вы можете загрузить в качестве анонса к статье — 537х240 px. Можно загружать и крупнее. Главное — соотношение сторон 2,2х1.
Вики страница
Чтобы изображение занимало всю ширину вики-сраницы, оно должно быть не менее 610 пикселей в ширину. Картинки большего размера автоматически уменьшаются до 610 px.
Как оформить шапку страницы?
Шапка группы или публичной страницы — первое, на что обращают внимания ваши подписчики и клиенты ВК. Постарайтесь использовать их внимание с пользой для себя!
Обложка + закрепленная запись:
Согласно принципам оформления «Вконтакте», на главной странице можно загружать большие и броские обложки (1590*400 px.). Чтобы сделать это, нажмите на клавишу «Загрузить» в настройках сообщества.
На обложке вы можете разместить все, что угодно: начиная от акций и предложений, заканчивая логотипом и УТП вашей компании, слоганом и.д.
Стандартное описание
Некоторые компании специально не закрепляют вверху никаких постов, чтобы у пользователей была возможность почитать основную информацию о странице и сразу перейти на сайт.
Сообщество организаторов выпускных в Миснке — vk.com/vypusknik_by |
Описание страницы с помощью вики-поста
Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и версткой), то вы можете прикрепить в верху страницы вики-пост с яркой картинкой на анонсе, которая будет призывать пользователей кликнуть по ней.
При клике на элементы меню, происходит переход на страницу с музыкой (фильтр по хэштегам) [подробнее про хэштеги] |
В этой публикации я подробно и с примерами рассмотрел, как нужно оформлять сообщества.
Про планирование контента, организацию трафика и веб-сайты поговорим немного позже.
Интересно то, что я делаю? Угости меня кофе! Расскажу много нового!
[Часть 2 — примеры оформления + товары VK]
29 лучших примеров страниц для связи с нами, чтобы вдохновить вас [Обновлено на 2021 год]
Страницы для контактов. Они есть у всех, они нужны, но действительно ли вы обращаете внимание на стоящую за ними стратегию?
Это правда, не так ли? Об одной из самых ценных страниц вашего веб-сайта обычно думают позже. Это одна из тех вещей, которые должны быть там, но достаточно часто вы добавляете необходимую информацию и оставляете ее как есть. Какая трата!
Само название страницы является призывом к действию; Относитесь к нему с некоторым уважением.
Страницы «Свяжитесь с нами» часто становятся полезными для нового посетителя с миссией. Именно сюда они обращаются, когда у них возникает вопрос и они действительно хотят поговорить с сотрудником вашей организации.
Они существуют для обслуживания пользователей с целью предоставления им информации о том, как они могут связаться с вами.
Целью каждой страницы контактов является преобразование путем четкого и эффективного представления методов (-ов) как можно быстрее связаться с компанией.
Но как это выглядит?
Свяжитесь с нами страница передового опыта
Вот несколько рекомендаций, которые следует учитывать при составлении следующей страницы связи с нами:
- Установите ожидания. Для чего использовать эту форму? Когда можно ожидать ответа и как? Все это должно быть адресовано на вашей странице. Заверьте пользователя, что вы свяжетесь с ним. Выделите время ответа или сообщите им, от кого они будут слышать.
- Избегайте ненужных копий. Цель вашей страницы контактов — одна из самых прямых. Если информация не направлена на объяснение того, как кто-то может с вами общаться, ее не должно быть.
- Не запрашивайте лишнюю информацию. Делайте поля формы как можно короче и по существу. Информация, которую вы запрашиваете, должна иметь смысл для того, что будет получено. Это не только упростит заполнение формы, но и заставит людей чувствовать себя более комфортно.
- Предложите несколько способов связи с вами. Иногда пользователи хотят поговорить с вами по телефону или в чате, а не заполнять форму. Обязательно дайте им возможность выбрать наиболее удобный для них метод.
- Персонализируйте как можно больше. Используйте такие функции, как интеллектуальный контент и условная логика, чтобы адаптировать страницу к потребностям пользователя. У вас есть другой набор вопросов к потенциальному клиенту, чем к пользователю, которому нужна поддержка? Убедитесь, что на вашей странице отображаются правильные вопросы и информация независимо от личности.
- Включите видео: Имейте в виду, что ваша страница для связи с нами является целевой страницей, и одним из самых эффективных способов увеличения конверсии целевой страницы является включение видео.Мы заметили, что существует простая трехэтапная структура, помогающая добиться цели. Во-первых, объясните, почему зрителю нужно решение; Во-вторых, объясните, в чем состоит решение; И в-третьих, объясните, что будет дальше, если они воспользуются этим решением (или как оно работает).
🔎 По теме: The Selling 7: лучшие видео примеры целевой страницы
Теперь, когда вы знаете, какие страницы с лучшими контактами включают в себя, готовы увидеть несколько звездных примеров?
Вам повезло.Мы подготовили эту статью с помощью всей нашей команды!
Мы выбрали наши любимые страницы контактов и даем вам знать, почему они нам нравятся, что они могли бы сделать лучше, и немного вдохновляем вас для следующего редизайна страницы контактов.
1. Приложение Marvel
Какой забавный пример! Эта страница связи с нами от Marvel позволяет пользователям заполнить простую общую форму или сегментировать себя, чтобы найти конкретную помощь, в которой они нуждаются (например, продажи, пресса или поддержка).
Далее, настоящая фотография, используемая в разделе «Местоположение», помогает составить представление о бренде и дает представление о корпоративной культуре компании (сотрудники, которые кажутся довольными своей работой, — это плюс).
🔎 Связано: Полное руководство по проектам редизайна веб-сайтов для предприятий
С точки зрения дизайна, добавление визуальных подсказок помогло бы направлять взгляд пользователя, подсознательно подталкивая его к информации ниже сгиба.
Итог: Проявите немного индивидуальности.Эта страница подчеркивает культуру их бренда с помощью иллюстраций и реальных фотографий, что делает их чрезвычайно доступными.
2. Sleeknote
Вместо того, чтобы просто заполнять форму, Sleeknote также предлагает помощь пользователю с помощью ссылок, которые направляют его на поиск дополнительной информации или выполнение популярных действий. Они также позаботились о том, чтобы добавить социальное доказательство с помощью проверенных логотипов.
Визуально замечательно, что форма короткая, а вся информация организована в сжатом виде, но постоянный интервал между элементами может улучшить восприятие и ускорить прокрутку к другим областям страницы.
Они даже зашли так далеко, что добавили красочный призыв к действию внизу страницы, чтобы продвинуть пользователей дальше по воронке с помощью бесплатной пробной версии. Они действительно позволяют этой странице делать тяжелую работу!
Итог: Сделайте это, не стесняйтесь указать следующий шаг на своей странице контактов. Вы привлекаете их внимание, используйте его, чтобы направлять их дальше по вашей воронке!
3. Zendesk
Zendesk удовлетворил все основные потребности благодаря своей странице контактов, сохраняя при этом чистый дизайн и даже включая элементы самостоятельного выбора.На странице у них есть два направления для пользователя: либо поговорить с членом их отдела продаж, либо перейти в справочный центр для поддержки продукта и учетной записи.
Выбирая путь заранее, веб-сайт может показывать пользователю наиболее релевантный для него контент и, в свою очередь, упрощает пользователям поиск того, что они ищут. Есть что-то более неприятное, чем невозможность найти на веб-сайте то, что вам нужно.
Они также включают информацию о местоположении со ссылкой на карту.
Итог: Простота имеет большое значение. Дайте понять пользователю, в каком направлении им следует следовать, если он ищет помощи по чему-то конкретному.
4. Страхование ягод *
* Примечание редактора: Berry Insurance является клиентом IMPACT.
Berry Insurance делает много хороших вещей со своей контактной страницей.
Во-первых, ура, реальные фотографии реальных людей в их реальном офисе! В мире веб-сайтов, изобилующем фотомоделями, ваша страница контактов — идеальное время, чтобы показать свое истинное лицо.
Отсюда Berry Insurance включает в себя все различные способы связи с ними, позволяя вам выбрать тот, который вам больше нравится — будь то через форму, чат, телефон или электронную почту.
Наряду со всей этой информацией, которую они включили, когда вы можете ожидать ответа от члена их команды, и подробные маршруты проезда о том, как добраться до их офиса, включая ориентиры.
Наконец, они включили список членов своей команды на случай, если вы хотите связаться с кем-то конкретно (и снова включили фотографии реального человека, с которым будет разговаривать).
Итог: В зависимости от вашей отрасли не бойтесь предоставлять информацию о своей команде, поэтому, если ваш посетитель ищет кого-то конкретно, он может обратиться напрямую, вместо того, чтобы проходить общий конвейер.
5. Freshworks
В последний раз, когда мы просматривали страницу контактов Freshworks, у них была форма за кнопкой «Get In Touch», которая открывала лайтбокс в разделе героев.
Теперь они вытащили форму из кнопки «Связаться с нами», а также вытащили телефонные номера для справок о продажах для каждого местоположения.
Это упрощает пользователям поиск нужной информации, а размещение формы прямо на странице устраняет один ненужный шаг на пути к контакту.
Итог: Обратите внимание на то, как пользователь взаимодействует с вашей страницей, используя программное обеспечение для тепловых карт, такое как HotJar или Lucky Orange, и внесите необходимые изменения, чтобы сделать страницу более успешной. Выделяйте ключевые важные элементы, чтобы пользователю не приходилось искать их на странице.
6.Медь
В этом примере очевидно, что компания Copper уделила особое внимание тому, чтобы страница для связи с нами соответствовала внешнему виду всего их веб-сайта.
Используемые цвета соответствуют бренду, а образ улыбающейся женщины привлекает и непринужден, что заставляет людей чувствовать себя более комфортно, задавая вопрос или оставляя отзывы.
Итог: Чем более доступным кажется ваш бренд, тем более склонен к взаимодействию пользователь.
7. Полоса
Stripe устанавливает почти все основные флажки для успешной страницы контактов. У него чистый дизайн, который дает понять, как связаться с их командой, а контент на странице имеет теплый и дружелюбный тон.
Что нам больше всего нравится на этой странице, так это то, как они демонстрируют несколько компаний, с которыми они работают, рядом с формой. Демонстрация компаний, использующих их программное обеспечение, заставила меня задуматься: «Если эти крупные компании доверяют Stripe, почему бы мне не доверять», и помогала облегчить любые сомнения, которые могут возникнуть у посетителя по поводу обращения к их отделу продаж.Увидев эти логотипы, я подумал: «Если эти крупные компании доверяют Stripe, почему бы и мне не доверять».
Самое большое, чего не хватает на этой странице, — это тип контактной информации, доступной пользователю. Форма отличная, но пользователи не сообщают о местонахождении или каких-либо телефонных номерах.
Итог: Социальное доказательство ОГРОМНОЕ. Если он у вас есть, выставляйте его напоказ! Добавление этого дополнительного элемента доверия рядом с точкой конверсии — это победа.
8. Йети
Yeti гордится тем, что продает качественную посуду для напитков и кулеры, предназначенные для любителей активного отдыха.
На всем сайте они размещают фотографии на тему природы и заголовки, такие как «Создано для дикой природы», чтобы укрепить свой бренд уличной рекламы и найти отклик у аудитории.
Эти усилия не заканчиваются на их странице контактов.
Слишком часто компании рассматривают страницы контактов как второстепенную задачу в процессе разработки и в конечном итоге создают общую шаблонную страницу.
Нам нравится, что Yeti размещает свой бренд и голос на странице контактов с красивым изображением туриста.Они добавляют к этому дерзкую строку: «Хотя мы хорошо разбираемся в дымовых сигналах, есть более простые способы связаться с нами и ответить на ваши вопросы».
Несмотря на то, что все эти элементы великолепны и на ней представлено много важной информации (часы работы, корпоративный адрес и т. Д.), На странице действительно отсутствует форма. Призыв к действию «Отправить электронное письмо» лучше использовать в виде формы в лайтбоксе, а не открываться в новой вкладке.
Итог: Просто потому, что страницы для связи с нами являются стандартной необходимостью, это не означает, что их содержание и их тон должны быть такими же.Оставайтесь верными своему бренду на этой странице, как и на любой другой.
9. Atlassian
Atlassian — это компания-разработчик корпоративного программного обеспечения, которая предлагает ряд различных продуктов, направленных на поддержание организованности крупных компаний.
Специализируясь на организации, неудивительно, что их страница контактов очень чиста и хорошо организована. Они позволяют посетителям легко найти нужный отдел и связаться с ним.
Они также позаботились о том, чтобы страница выглядела теплой, дружелюбной и заслуживающей доверия, предоставив возможность связаться с основателями и дать обратную связь напрямую.
🔎 Связано: Как создать стратегию обмена сообщениями о бренде, которая понравится вашей аудитории
Хотя добавление настоящих хедшотов тоже здорово, мы не знаем, с кем разговариваем. Добавление этого дополнительного индивидуального подхода будет иметь большое значение для демонстрации пользователю вашей заботы.
Итог: Не бойтесь быть уязвимыми. Atlassian сильно рискует, прося предоставить открытые отзывы, но мы уверены, что откровенные отзывы, полученные через эту страницу, позволили им улучшить взаимодействие с пользователем.
10. Речные бассейны и курорты *
* Примечание редактора: River Pools and Spas является клиентом IMPACT.
Как и IMPACT, River Pools and Spas включает видео о том, чего ожидать и что, как они обещают, произойдет, когда вы заполните эту форму.
Они привлекают немного больше внимания к видео, чтобы убедиться, что вы смотрите и знаете, что делать дальше. Это не только гарантирует, что вы получите необходимую информацию, но и познакомитесь с их командой в процессе.
Итог: Мы все знаем, что это может быть сложно, когда вы выбираете большой проект, который нужно выполнить у вас дома, и кто будет с вами связываться и когда. С этими типами видео посетители могут быть спокойны, зная, в чем именно заключается процесс.
11. Infinum
Иногда «короткий и приятный» путь — лучший выход. Компания Infinum, занимающаяся разработкой приложений, применяет этот простой подход.
Как только вы попадаете на страницу, вас приветствуют гигантским дружелюбным «Привет.”
Оттуда они сообщат вам, что они здесь, чтобы помочь вам, и вам будут предложены три простых варианта. Страница чистая, доступные действия очень четко отображаются, а ограниченное количество контента на странице легко читается.
Здесь есть все, но пользовательский опыт после нажатия на адрес электронной почты оставляет желать лучшего. Вместо того, чтобы предоставлять пользователю форму на странице, автоматически открывается почтовый клиент вашего компьютера по умолчанию, чтобы вы могли написать компании электронное письмо.Это неуклюже и нежелательно.
Итог: Не переусердствуйте. Иногда простой дизайн и четкое выделение того, что пользователь явно ищет, могут быть очень эффективными.
12. Разработка Zeroqode (ранее Bubblewits)
Zeroqode Development, разработчик мобильных приложений, продвигает свою страницу контактов на один шаг вперед, превращая ее в источник потенциальных клиентов. Первое, что вы увидите, когда приедете, — это их короткая контактная форма, но действительно интересная часть находится прямо под ней, где они включили таблицу цен со ссылками на «Начать работу.”
По сути, это половина страницы с ценами!
Каким бы умным он ни был, на странице все еще, к сожалению, отсутствуют некоторые визуальные подсказки, которые помогли бы пользователю прокрутить вниз, чтобы увидеть ее.
Итог : не существует свода правил, в котором говорилось бы, что на вашей странице для связи с нами должна быть нижняя часть формы воронки, и все. Поэкспериментируйте с использованием страницы «Контакты» для дальнейшего отбора потенциальных клиентов.
13. Dollar Shave Club
Dollar Shave Club (DSC) действительно хочет помочь посетителю, и они доказывают это, когда вас буквально приветствует дружелюбное раскрывающееся меню, спрашивая, как они могут вам помочь на этой уникальной странице контактов.
Вместо того, чтобы напрямую связывать вас с кем-то, DSC старается помочь вам сначала найти ответ самостоятельно, экономя ваше время и энергию.
Каждый вопрос, на который вы отвечаете в раскрывающемся списке страницы, переводит вас на более мелкий вопрос, пока вы (надеюсь) не найдете то, что вам нужно. Если вы почему-то не сделали этого, они включили призыв к действию, который изменяет содержание страницы на более традиционное «контактное» ощущение.
DSC со временем предлагает более традиционную страницу контактов, но они могут разместить эту информацию где-нибудь на целевой странице контактов.Это не повредит потоку, но улучшит ощущение, будто вам нужно перепрыгнуть через обручи, чтобы схватить настоящего человека.
Кроме того, учитывая, что у Dollar Shave Club, как известно, очень забавный копирайтинг, мы хотели бы, чтобы некоторые из этих личностей были включены на страницу.
Итог: Проявите индивидуальность и не упускайте важные элементы на своей странице «Свяжитесь с нами».
14. Buzzworthy Studio
Buzzworthy — громкий бренд, что очень заметно на их сайте, и их страница контактов не является исключением.Объемный текст и потрясающее ценностное предложение создают привлекательный призыв к действию. Контактная информация также присутствует, но им удалось привлечь ваше внимание к тому, на чем они действительно хотят, чтобы вы сосредоточились — CTA Start A Project.
Хотя нам нравится CTA, в настольной версии он слишком низок на странице. Общий дизайн страницы можно было бы улучшить, если бы они переоценили отзывчивые разрывы, а пользователь страдает от слишком большого количества пробелов между элементами, особенно когда нет визуальной подсказки, призывающей их продолжить прокрутку.
Итог: Крупный текст как графика не всегда работает, но они добиваются успеха с минимальными элементами дизайна из-за отличного копирайтинга. Обычно обычную контактную страницу всегда можно улучшить с помощью отличного разговорного копирайтинга.
15. Squarespace
Минималистичный дизайнSquarespace сильно отличается от некоторых других примеров, которыми мы поделились, но именно поэтому он вошел в наш список!
Вместо подхода «или / или» к своей странице «Связаться с нами» Squarespace определила, что пользователи заходят на эту страницу, чтобы найти информацию в одной из шести категорий.
После того, как пользователь сделает выбор, ссылка приведет вас к простой для заполнения форме или справочному центру по темам, которые он просматривает в своем собственном темпе.
Это просто, по делу и направляет пользователя именно туда, куда ему нужно.
Итог: Не бойтесь подыгрывать тому, кто вы есть. Самое замечательное на этой странице — это то, что все ответы буквально помещены в «квадрат»!
16. Решения для здоровья Fitbit
Это отличный пример страницы, сочетающей в себе простоту и стиль.Мы видели много простых страниц контактов, которые мы любим и хвалили, но Fitbit сделал их лучше. Пользователь встречает простое заявление о том, что делать на странице и каков будет последующий ответ.
Затем пользователь может определить, кто он (вероятно, чтобы его информацию можно было направить в наиболее подходящее место), и заполнить короткую форму. Все стилизовано. Все фирменное. Пользователь не пропустит ни секунды в этом опыте.
Если вы хотите поговорить о чем-то еще, они предложили пользователю несколько других вариантов.
Итог: Если у вас есть разные решения для разных типов пользователей, которым требуется различная информация в форме, создайте взаимодействие с пользователем, которое позволит пользователю понять, кто они.
17. Adobe
Сейчас Adobe отлично выполняет сегментацию.
По прибытии посетителей спрашивают, ищут ли они продажи или поддержку, и в любом случае пользователь может выбрать, как они хотели бы получать дополнительную информацию.Они могут ссылаться на форумы сообщества, быть перенаправлены в службу поддержки или просто позвонить по одному из множества предоставленных телефонных номеров.
Оттуда пользователь может увидеть глобальные местоположения и даже перейти к очень конкретным ссылкам, связанным с запросами СМИ, спонсорством и исследованиями. Наконец, если ни один из этих вариантов не понравился вам, вы можете просто позвонить им по их номеру 800 или пообщаться с ними в чате. Эта страница — выигрыш со всех сторон!
Единственное, чего действительно не хватает на этой странице, так это фирменного стиля Adobe.Это просто и по делу. Все дело в информации на странице, и это правильно. Но пользователям остается очень простая страница, которая не дает никаких указаний на согласованность дизайна. Сделайте витрину!
Bottomline: Это отличный макет для добавления множества полезных ссылок на одну страницу, не перегружая их. Подумайте о том, какую информацию вы должны предоставить своим пользователям, можете ли вы изменить порядок элементов, чтобы сделать их более полезными?
18. Mailchimp
Mailchimp начинается с простого и прямого заголовка, который идет прямо в модуль самостоятельного выбора.
Возможность самоидентификации направляет пользователя именно туда, куда ему нужно, чтобы получить наиболее важную информацию для своего путешествия.
Отсюда есть простой почтовый адрес и несколько прямых ссылок на очень конкретные вопросы «свяжитесь с нами», касающиеся API и злоупотреблений.
В целом, нам нравится, как Mailchimp развивал эту страницу, но у нее нет формы. Простая форма или чат в реальном времени уберет границу для получения ответа, даже с такой полезной страницей.
Итог: Подумайте о часто задаваемых вопросах и добавьте эту очень конкретную информацию на свою страницу контактов. Вы получите нужную информацию пользователям и избавите себя от лишних хлопот.
19. Ремонт анкерного фундамента *
* Примечание редактора: Anchor Foundation Repair является клиентом IMPACT.
Нам нравится, как Anchor Foundation Repair показывает изображение команды на своей странице контактов, чтобы пользователь знал, с кем он будет разговаривать и работать.
Вместе с фотографией команды они поясняют, что если вам нужна бесплатная смета, позвоните им. По любой другой причине используйте форму ниже.
Anchor Foundation Repair также требует двух вещей перед заполнением формы: фотографии ваших проблемных мест помогут вам наиболее эффективно обслужить и узнать больше об их процессе и о том, как получить ваше предложение.
Хотя создание видео сделало бы эту целевую страницу еще более успешной в отношении того, как получить вашу цитату, это промежуточный этап создания, пока вы не сможете загрузить это видео, чтобы помочь ответить на некоторые вопросы, которые могут возникнуть у людей.
Ниже формы Anchor Foundation Repair включает социальное доказательство от клиентов, которые ранее работали с ними.
Итог: Мы знаем, что каждый любит читать отзывы, прежде чем запрашивать работу в компании, с которой никогда раньше не работал, не скрывайте свои отзывы, делайте их впереди и в центре внимания.
20. Hootsuite
Hootsuite позволил очень легко связаться с ними на их странице контактов.
Вероятно, отражая обычное поведение пользователей, они начинают страницу с простой формы продажи.Если это не то, что вам нужно, они предоставят другие способы связи и поиска ответов справа от этой формы, включая социальные сети и их справочный центр.
Наконец, у вас есть список всех их международных офисов на случай, если вы захотите связаться с кем-то еще в вашем районе.
Продажи явно являются здесь главным приоритетом Hootsuite, но мы должны предположить, что многие пользователи также обращаются к этой странице за поддержкой.
Мы бы предпочли, чтобы поддержка на этой странице имела такой же вес, как и продажи, и предоставляла пользователю больше возможностей для выбора.
Итог: Если у вас есть многоцелевая страница «Связаться с нами», убедитесь, что вы предоставили свои пользовательские параметры и не переносите их в стандартную одностраничную форму.
21. PayPal
Нас действительно привлекает то, насколько ориентирована на пользователя эта страница!
Копия немедленно начинает диалог, показывая наиболее распространенные проблемы, с которыми сталкиваются пользователи, а затем требует от них выбрать свой путь.
Если ничего из этого не подходит, они могут ввести свой поисковый запрос в строку поиска вверху страницы.Затем PayPal предоставляет четыре других, более традиционных способа связи: написать нам, спросить у сообщества, в центр разрешения проблем и позвонить нам.
Чтобы поднять страницу на ступеньку выше, пользователям будет полезна форма или функция чата. Иногда вам просто хочется протянуть руку помощи.
Итог: Подойдите к странице контактов с нами с точки зрения решения. Ваш посетитель, скорее всего, имеет в виду что-то, о чем он хотел бы услышать от вас, работайте оттуда.
22. Базовый лагерь
С первого прикосновения к этой странице вы знаете, с кем будете разговаривать и сколько времени пройдет, прежде чем они ответят.
В довершение ко всему, эта страница не может быть больше посвящена бренду! Иллюстрации делают пользовательский опыт максимально совместимым с тем, что есть на других страницах.
Также приятно видеть, как долго и когда вы можете ожидать ответа от команды.
Итог: Придайте своему бренду лицо! Сообщение пользователю о том, кто будет на другом конце его взаимодействия, укрепляет доверие и заставляет людей чувствовать себя более комфортно и уверенно, что они на самом деле разговаривают с другим человеком, а не с ботом.
23. HubSpot
Страница контактовHubSpot позволяет пользователям «выбирать свой путь», чтобы помочь им быстро получить наиболее актуальные ответы, которые им нужны.
По мере того, как пользователь прокручивает страницу, он находит местные номера телефонов для внутренних и международных местоположений HubSpot, и они даже предоставляют маршруты проезда к ближайшей штаб-квартире!
Наконец, на странице есть функция живого чата. Если вам понадобится помощь, прямо сейчас вы можете щелкнуть мышью и начать разговор.
Какой бы полезной ни была страница, было бы неплохо видеть ссылки перехода, основанные на глобальных регионах, чтобы помочь пользователю перемещаться по длинной странице.
Итог: Рассмотрите свою аудиторию географически. Если ваша аудитория лучше всего обслуживается из их собственного местоположения, убедитесь, что они могут легко найти лучший источник.
24. Кофе в голубой бутылке
Страница контактовBlue Bottle Coffee очень упрощена, но именно это делает ее великолепной.Это дает вам возможность оставаться на связи (с помощью формы подписки), изображение, чтобы оставаться в бренде, несколько способов связаться с различными отделами и очень короткую контактную форму.
Поскольку страница настолько проста, было бы здорово, если бы они могли использовать интеллектуальный контент для предварительного заполнения поля электронной почты в контактной форме, если пользователь ввел его в поле подписки. Это небольшой жест, но пользователи оценят его.
Итог: Мы рассмотрели множество примеров, которые включают ТОННУ информации, этот упрощает задачу.Не бойтесь изложить основные элементы и оставить все как есть.
25. InVision
В последний раз, когда мы просматривали страницу контактов InVision, она была частью гораздо более крупной страницы компании, которая предоставляла пользователю множество аспектов информации, которую любой пользователь потенциально мог искать на странице контактов с нами.
InVision теперь использует другой подход с упрощенной специальной страницей контактов. На этой странице контактов у них есть форма, в которой вы можете выбрать тему, и если вы выберете конкретную тему, она перенаправит вас на другую страницу.Хотя это хорошо, потому что приводит вас в нужное место, перенаправление происходит медленно, поэтому вы можете начать заполнять форму и быть перенаправлены на новую страницу. Нет визуального сигнала о том, что вас могут перенаправить.
Итог: Иногда лучше меньше, да лучше, но не забирайте слишком много важной информации.
26. Отказаться
Unbounce покрыли все свои базы на своей странице контактов.
Они предложили несколько способов связи с ними в зависимости от ваших потребностей, от обращения к специалисту до запросов о партнерстве, плюс, помимо этого, они указали местоположение своих раскопок, а также номера телефонов.
Они даже побуждают людей «позвонить нам, а еще лучше — зайти в наш штаб, чтобы поздороваться лично».
Поскольку Unbounce имеет множество различных способов связи, приятно видеть самые популярные причины, по которым люди обращаются к ним и как с ними связаться. Выделение этой индивидуальности на первый план показывает, что вы приветливы, и побуждаете их к общению.
Итог: Будьте дружелюбны!
27. Счастливый апельсин
Эта страница переходит к сути.
Как только он загрузится, вам будет представлена простая форма для связи с нами во всплывающем модальном окне. Если вы не хотите связываться с ними напрямую, просто нажмите вне модального окна и выберите один из множества вариантов, которые могут помочь пользователю в его путешествии.
Это отличный путь к центру знаний, который живет за пределами формы.
Теперь, как бы хороша ни была модальная форма, у пользователя нет возможности пройти мимо формы, а затем вернуть ее обратно. Он использует его или теряет, и это может сильно расстраивать некоторых пользователей.
Итог: Подумайте о том, как вы можете изолировать функции, которые действительно нужны вашим пользователям, на странице контактов, чтобы сделать это очень простым и очевидным для них.
28. УДАР
IMPACT — первая такая целевая страница, на которой мы действительно видим видео об этом. Основываясь на принципах «Они спрашивают, вы отвечаете», одним из семи продаваемых видеороликов, которые выведут ваши продажи и маркетинг на новый уровень, являются видеоролики с целевой страницей.
В этом видео IMPACT рассказывает о том, что произойдет после того, как пользователь заполнит форму, и когда вы можете ожидать нашего ответа.Это также делает наш бренд более человечным и укрепляет доверие, фактически знакомя вас с членом нашей команды, с которым вы будете работать.
Итог : Добавьте видео на целевую страницу. Видео могут помочь укрепить доверие и ответить на любые сомнения, которые могут возникнуть при заполнении формы. Они помогают посетителю целевой страницы понять, что в его интересах делиться своей информацией с вашей компанией, поскольку они обеспечивают пассивную среду взаимодействия, где посетители могут воспринять ваше сообщение с минимальными усилиями.
29. Понедельник
Понедельник не только предоставляет типичную форму для связи, но и предоставляет пользователю ссылки, которые направляют его на другую ценную информацию, которая кажется общими болевыми точками — изучение программного обеспечения, как его используют другие команды и как получить мгновенные ответы в их ресурсах поддержки.
Они также уделили особое внимание тому, чтобы добавить социальное доказательство, указав, сколько организаций используют их инструменты, и продемонстрировали логотипы некоторых из самых известных.
Итог: Предоставьте пользователям другие возможности для сбора информации, пока они ждут вашего ответа.
Итог, вот что вам нужно знать
Если вы думаете о том, чтобы обновить свою страницу контактов, помните о наших передовых методах и просто будьте внимательны! Вы всегда хотите думать о том, как вы можете быть более полезными для своих пользователей.
Сделайте задания максимально простыми для пользователя и не забывайте устанавливать правильные ожидания, когда они получат ответ от вас.
🔥
Продолжайте: 46 лучших примеров целевых страниц, которые вдохновят вас в 2021 году [обновлено] 🤔 Или, может быть, этот: 27 лучших примеров страниц «О нас» на 2020 год и способы их созданияКак создать идеальную страницу «Свяжитесь с нами» [Примеры внутри]
Что делает отличную страницу «Свяжитесь с нами»?Знаете, вопрос о лучшей странице «Свяжитесь с нами» очень субъективен. Мы имеем в виду, что то, что замечательно для вас, может показаться плохим или даже уродливым для других.
Лучше учитывать не свой личный вкус и предпочтения, а удобство использования. Помните, что на хорошей странице «Свяжитесь с нами» должно быть указано следующее.
Он должен быть легко доступен с домашней страницы. Вы должны поместить ссылку на свою страницу «Свяжитесь с нами» на видном (ожидаемом) месте на веб-сайте, чтобы пользователи могли легко ее найти.
Само собой разумеется, что ваша страница «Свяжитесь с нами» должна быть чистой, а дизайн должен отражать визуальную идентичность вашего бренда и т. Д.
На самом деле, существует множество способов дать вашим клиентам возможность связаться с вами. Но очень важно помнить, что в настоящее время ваши клиенты ожидают от своего виртуального опыта большего, чем когда-либо прежде. Есть так много других ресурсов, которые знают, как их привлечь. Вот почему так важно то, как вы общаетесь с пользователями. Вам необходимо постоянно развиваться и соответствовать их самым высоким ожиданиям, будучи доступными где угодно и когда угодно.
Как правило, лучшие страницы контактов выполняют определенные функции:
- Они объясняют, почему посетитель должен связаться с вами, и описывают, как вы можете помочь решить проблемы посетителей.
- В них указан адрес электронной почты и номер телефона, чтобы посетители могли быстро найти необходимую информацию.
- Они включают короткую форму, в которой используется заполнение, которое поможет вам понять, кто с вами связывается.
- Они содержат призыв к действию, чтобы люди оставались на вашем веб-сайте и предоставляли им еще один вариант, если они не хотят заполнять даже простую форму.
- Они демонстрируют основные идеи компании. Это можно сделать, включив список последних сообщений в блогах или статей о компании в прессе.
- Они связаны с вашими активными корпоративными учетными записями в социальных сетях, таких как 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 примеров некоторых из лучших страниц «Связаться с нами». Ознакомьтесь с ними и подумайте, как вы можете включить некоторые из этих идей в свой собственный дизайн страницы контактов.
Добавьте страницу контактов в свой магазин · Справочный центр Shopify
Эта страница была напечатана 8 июня 2021 г. Для получения текущей версии посетите https://help.shopify.com/en/manual/online-store/themes/os/customize/add-contact-form.
Примечание
Если вы используете бесплатную тему от Shopify, то вы можете связаться со службой поддержки Shopify для получения помощи по этому руководству. Чтобы узнать больше, обратитесь к Поддержка тем .
Вы можете добавить страницу контактов в свой магазин, чтобы покупатели могли связаться с вами. Все темы Shopify имеют встроенную контактную форму, которую вы можете применить к создаваемым страницам.
Создать контактную страницу
Вы можете создать страницу, на которую вы можете добавить контактную форму. Если вы создаете страницу без какого-либо контента, то контактная форма — это все, что будет отображаться на странице. Если вы добавите контент на свою страницу, он будет отображаться над формой для связи. Вы можете включить информацию о том, как клиенты могут связаться с вами, например, по телефону, по почте или лично.
Наконечник
Чтобы увидеть больше видео, посетите наш канал YouTube.
Для создания страницы контактов:
- От администратора Shopify перейдите в интернет-магазин > Pages .
- В приложении Shopify нажмите Магазин .
- В разделе Каналы продаж коснитесь Интернет-магазин .
- Нажмите Страницы .
- В приложении Shopify нажмите Магазин .
- В разделе Каналы продаж коснитесь Интернет-магазин .
- Нажмите Страницы .
Щелкните Добавить страницу .
В поле Название введите заголовок для своей страницы контактов, например Свяжитесь с нами или Свяжитесь с нами .
В поле Content введите любой текст, который должен отображаться над формой контакта. Вы можете оставить этот раздел пустым.
Некоторая информация, которую вы можете добавить в поле Content :
- Короткий дружественный текст, например «Мы свяжемся с вами, как только сможем»
- Адрес вашего магазина, если у вас есть розничная торговля
- Ваш номер телефона, если вы хотите, чтобы клиенты могли связаться с вами по телефону
- Короткий дружественный текст, например «Мы свяжемся с вами, как только сможем»
В разделе «Шаблон » выберите страницу
. Свяжитесь с
из раскрывающегося меню суффикса шаблона :Нажмите Сохранить .
Ваша контактная форма теперь должна быть видна на странице Контакт .
Возможно, вам потребуется добавить страницу контактов в меню навигации, чтобы сделать ее видимой в вашем магазине.
Ваша контактная форма отправляет все материалы на адрес электронной почты отправителя вашего магазина. Вы можете изменить адрес электронной почты отправителя в общих настройках администратора Shopify.
Примечание
Вы не можете изменить тему писем, отправленных через контактную форму в магазине Shopify.
Если вы хотите использовать другой адрес электронной почты, вы можете использовать бесплатную онлайн-службу, такую как Wufoo или Jotform, для создания настраиваемой контактной формы для встраивания на свою страницу контактов.
Фильтрация спама
Содержимое поля contact [body]
вашей контактной формы анализируется спам-фильтрами Shopify. Если Shopify решит, что отправка является спамом, тогда к теме письма будет добавлен префикс [СПАМ]
, но письмо все равно будет отправлено. Вы можете создать фильтр электронной почты, чтобы отложить электронные письма с темой, содержащей [СПАМ]
.
Shopify отправляет все отправленные контактные формы, в том числе помеченные как спам, чтобы вы не пропустили никаких законных сообщений, которые были ошибочно помечены как спам.
30 лучших страниц «Свяжитесь с нами», которые вы захотите скопировать
Примеры страниц «Свяжитесь с нами»
- Мелодия
- HubSpot
- Выборочная проверка
- Атлас 1031 Обмен
- Моррони
- Pixpa
- PeopleMetrics
- Legalia
- Weifield Group Contracting
- Выжить
- Йети
- Глянец
- млн унций
- Zendesk
- Accenture
- Без дыни
- Шрибд
- Агентство ВИА
- Atlassian
- Студия Legwork
- бан.сделать
- Quick Sprout
- Средний
- Достижение 3000
- Marvel
- Dollar Shave 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. Обмен Atlas 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.Это заставило меня рассмеяться, особенно когда я увидел личные штрихи, которые они добавили, чтобы продемонстрировать свою индивидуальность, и этот эмоциональный отклик делает бренд более запоминающимся — связь, которая является неотъемлемой частью лояльности клиентов.
17. Писец
[См. Полную страницу «Свяжитесь с нами» здесь.][См. Полную страницу «Свяжитесь с нами» здесь.]
Scribd — это полностью цифровая библиотека, которая позволяет читателям наслаждаться множеством книг, аудиокниг, новостных статей, журналов и многого другого прямо из браузера.Подобно остальной части веб-сайта Scribd, их контактная страница интересна и уникальна. Вверху страницы указано расположение штаб-квартиры их компании на Google Maps. Они также четко указывают свой адрес и предоставляют посетителям веб-сайтов ссылки на все свои профили в социальных сетях.
Ниже представлена интерактивная и увлекательная карта с упорядоченными кнопками, где пользователи могут выбрать нужный им ресурс, поговорить со службой поддержки клиентов или отправить адрес электронной почты в службу поддержки клиентов в зависимости от их проблемы.Scribd гарантирует, что посетители их веб-сайтов могут получить необходимую помощь прямо на своей контактной странице, что экономит время как посетителю, так и Scribd. Не только это, но и дизайн контактной формы забавный и уникальный.
18. Агентство ВИА
[См. Полную страницу «Свяжитесь с нами» здесь.]
Агентство 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 пытается подорвать свой рынок, позиционируя себя как более дешевое и удобное решение для бритья.Для этого ему необходимо рассказать своей целевой аудитории, что это за услуга, почему она отличается и как клиенты могут зарегистрироваться.
На странице контактов это достигается путем предоставления исчерпывающего руководства по продуктам и услугам компании. В середине страницы находится раскрывающееся меню со списком опций, включая то, как это работает, отгрузку и доставку, управление учетной записью, продукты и подарки. Этот тип самообслуживания клиентов способствует большему взаимодействию с посетителем и повышает рейтинг кликов вашего сайта.
27. Моламил
[См. Полную страницу «Свяжитесь с нами» здесь.]
Моламил попал в наш список по двум причинам: во-первых, трудно забыть страницу, заполненную плавающими заголовками. Во-вторых, копия настолько подлинна, что вы захотите доверить этой компании разработку своего видения продукта. Вверху страницы рассказывается захватывающая история бренда и предлагается посетителю «зайти на чашку кофе или пива». Это заставляет посетителя чувствовать себя желанным гостем, вместо того, чтобы заставлять его принимать немедленные решения.
Помимо необычных изображений и игривого текста, Molamil также подчеркивает ценности своего бренда. На странице контактов указано, что сотрудничество, исследования и проактивность являются основными ценностями компании Molamil. Это позволяет посетителю понять, что бизнес может немного развлечься, но он по-прежнему посвящен удовлетворению потребностей клиентов.
28. Поехали куда-нибудь
[См. Полную страницу «Свяжитесь с нами» здесь.]
Let’s Travel Somewhere — это блог о путешествиях, написанный группой авторов, путешествующих по всему миру.Цель блога — «запечатлеть сущность каждой страны на планете». Это делает страницу контактов важным компонентом веб-сайта. Посетители должны легко получить доступ к странице и отправить свои работы редактору.
Поскольку редактор уезжает, авторам блога нужно несколько способов связаться с ней. Таким образом, она предоставляет всплывающую форму и несколько ссылок на социальные сети, предоставляя автору несколько вариантов общения. Она даже отмечает, что из-за ее частых путешествий иногда может медленно реагировать.Это обрисовывает ожидания ее авторов, поэтому они не сбиты с толку, если их работы не публикуются сразу.
29. Грамматика
[См. Полную страницу «Свяжитесь с нами» здесь.]
Grammarly — это программа, проверяющая письменные документы на грамматические и орфографические ошибки. На его странице контактов легко ориентироваться, и посетители могут легко достичь своих целей. Grammarly знает, что посетители, заходящие на эту страницу, скорее всего, имеют запрос в службу поддержки. Таким образом, он разместил ссылку поддержки прямо посередине страницы ярко-зеленым цветом.
Если у посетителя установлено расширение Grammarly, он вставит информацию о пользователе в формы поддержки. Пользователям не нужно тратить время на заполнение одних и тех же полей, и они могут сразу перейти к описанию своей проблемы.
30. Hulu
[См. Полную страницу «Свяжитесь с нами» здесь.]
Страница контактовHulu совмещена с базой знаний. Пользователи ищут собственные решения, а затем используют ссылки внизу страницы, чтобы при необходимости связаться со службой поддержки.Это улучшает качество обслуживания клиентов и сокращает количество обращений в службу поддержки.
Hulu также предлагает удобный чат-бот, который поможет посетителям выполнить действия по устранению неполадок. Он запускает чат, предлагая возможные вопросы, которые могут у вас возникнуть, и предоставляет ссылки на статьи, которые могут на них ответить. И большинство из этих вариантов основано на популярных телевизионных событиях, происходящих в то время, как в примере ниже:
Источник: Hulu
Подведение итогов: дизайн контактных форм и страницы, которые выигрывают
Независимо от того, в какой сфере вы работаете или каков ваш покупатель, каждая компания должна стремиться к созданию отличной страницы «Свяжитесь с нами».Хорошо продуманный дизайн контактной формы позволит легко взаимодействовать с аудиторией, а также создать с ними позитивные и долгосрочные отношения.
Все на вашем веб-сайте должно быть хорошо продумано и продумано, а также должно оставаться профессиональным — это означает, что каждая деталь имеет значение, когда речь идет о дизайне вашей контактной формы.
Качественный конструктор форм поможет вам создать хорошо продуманную форму для связи с нами за считанные минуты. В конструкторах форм есть функции перетаскивания, которые предоставляют вам простой способ встраивать формы на ваш веб-сайт, чтобы посетители могли немедленно и эффективно отправлять свою информацию.
39 Вдохновляющие примеры страниц контактов
Большинство страниц контактов разработаны с учетом функций.
Они наносят адрес электронной почты, телефон и местоположение на простой фон и называют это днем.
Но основные страницы контактов не вдохновляют посетителей на общение и общение.
Другие страницы позволяют легко связаться с компанией — и это здорово.
Кроме того, это также может увеличить расходы на обслуживание клиентов.
Итак, что же делает страницу «Контакты» идеальной?
Замечательная страница «Свяжитесь с нами» находит правильный баланс между упрощением связи с компанией и совместным использованием ресурсов, которые пользователи могут использовать, чтобы сразу же ответить на свои вопросы.
Продолжайте читать, чтобы открыть для себя 39 примеров страниц «Связаться с нами», которые выходят за рамки основ и, надеюсь, вдохновят вас вывести свой сайт на новый уровень.
39 Превосходная страница контактов Примеры, которые вам нужно увидеть
1. Брокерские заметки
На первый взгляд контактная страница Broker Notes выглядит довольно пустой.
Нет ни графики, ни причудливой копии, только простая старая контактная форма.
Отлично подходит для UX, но не так хорош, чтобы вдохновлять пользователей на общение.
Итак, что выделяется на этой странице?
Раскрывающееся меню в разделе «Чем мы можем вам помочь?» позволяет пользователям сообщить причину, по которой они обращаются к сайту.
Это упрощает сортировку запросов и как можно скорее отвечает на важные контакты.
Например, если вы выберете «Я брокер, желающий разместить рекламу в Broker Notes», вы перейдете к другой форме, чтобы поделиться дополнительной информацией о вашей фирме.
Объявление
Продолжить чтение ниже
Маленькая полоска внизу позволяет узнать, сколько времени осталось в форме, чтобы пользователи с меньшей вероятностью были раздражены.
2.Sleeknote
Sleeknote использует формат, аналогичный Broker Notes: они спрашивают, чем они могут помочь, и предоставляют ссылки, чтобы забронировать демонстрацию или стать партнером.
Если пользователю нужно что-то еще, ему предлагается заполнить контактную форму.
Еще одна отличительная особенность Sleeknote — это чат в реальном времени, где пользователи могут связаться с ними, чтобы узнать больше о том, что они предлагают, или задать вопросы.
Реклама
Продолжить чтение ниже
Упрощение поиска информации служит двум целям.Он:
- Помогает покупателю найти то, что ему нужно.
- Уменьшает количество контактов, которыми должен управлять бренд.
Другими словами, это беспроигрышный вариант.
3. Yeti
Страница контактов Yeti выделяется по нескольким причинам.
Во-первых, они предлагают красивый (и фирменный) фото фон. Это поразительно, не отрываясь от копии.
Текст немного дерзкий: «Хотя мы хорошо разбираемся в дымовых сигналах, есть более простые способы связаться с нами.”
В нижней части страницы Yeti предлагает ряд ресурсов, в том числе ответы на часто задаваемые вопросы о продуктах, информацию о гарантиях и ссылки для проверки остатков на подарочных картах.
Реклама
Продолжить чтение Ниже
Но они также не скрывают контактную информацию, которая может только расстроить пользователей.
Нажав на кнопку «Отправить нам письмо», вы попадете прямо в контактную форму.
Найти легко, но не так-то просто. (Что также помогает держаться подальше от надоедливых ботов.)
4. BrightLocal
BrightLocal сохраняет свою контактную страницу простой, но персонализирует ее именами и лицами группы поддержки.
Это помогает пользователям почувствовать, что они общаются с реальными людьми, а не просто с безликим брендом.
Они также спрашивают, являются ли пользователи текущими клиентами, что позволяет им предоставлять более качественные услуги, понимая, есть ли у контакта, вероятно, возникнет вопрос или потребуется обслуживание.
Объявление
Читать ниже
5.RedBull
В веб-сайте RedBull есть за что любить, но их контактная страница действительно выделяется среди .
Как и Yeti, они используют яркое изображение в качестве фона.
Они также предоставляют раскрывающийся список категорий, чтобы пользователи могли поделиться тем, в чем им нужна помощь.
Чуть ниже стандартной контактной формы они предоставляют специальную форму только для представителей прессы, что приятно (и, вероятно, сокращает количество запросов от прессы, которые они получают через обычную контактную форму!)
Продолжить чтение ниже
6.Chipotle
Контактная страница Chipotle начинается с непринужденного тона, который соответствует их корпоративному бренду: «У вас есть вопросы, у нас есть ответы на все, что угодно, Chipotle».
Затем на странице предлагается обширный список часто задаваемых вопросов (который, опять же, помогает свести эти контакты к минимуму).
Мне очень нравятся две вещи на этой странице.
Во-первых, они встают прямо перед вами, чтобы вы знали, что время отклика больше, чем обычно.
Реклама
Продолжить чтение ниже
Ура для установления ожиданий.
Но у них также есть чат-бот, который помогает людям ориентироваться в часто задаваемых вопросах.
Chipotle обеспечивает идеальный баланс между ограничением количества электронных писем и отличным обслуживанием клиентов.
7. MeUndies
Если вам нравится забавное нижнее белье, попробуйте MeUndies.
Бренд предлагает веселую атмосферу, и это отражено на их странице контактов.
Как и большинство других брендов, они в первую очередь пытаются направить пользователей в свой справочный центр.
Не можете найти то, что вам нужно?
Реклама
Продолжить чтение ниже
Они позволяют легко связаться со своим «CheekSquad» через чат, электронную почту, текстовые сообщения или в социальных сетях.
8. Podia
Сколько раз вы обращались в службу поддержки и проводили дни в ожидании ответа?
Podia начинает с того, что подчеркивает свое короткое время ожидания, что действительно разумно, особенно с учетом того, что в наши дни многие люди работают удаленно.
Они также делятся часами чата и фотографиями своей службы поддержки, чтобы напомнить клиентам, что они будут разговаривать с реальным живым человеком.
9. Проект «Средний палец»
Если вы ищете книгу о том, как избавиться от синдрома самозванца, я не могу порекомендовать эту книгу.
Реклама
Продолжить чтение ниже
Но мы здесь, чтобы поговорить о страницах контактов.
Итак, вот контактная страница The Middle Finger Project:
Формально, это не очень интересно, правда?
Но мне нравится дерзкий язык и «Что я действительно хочу сказать…» и кнопка отправки:
Я не знаю, какова средняя скорость стаи волков, но звучит неплохо.
Кто сказал, что страницы контактов должны быть скучными?
Реклама
Читать ниже
10.Brands to life
Brands to life — австралийское агентство по брендингу и креативу, которое помогает, ну, в общем, воплощать бренды в жизнь.
У них уникальный бренд, простой и понятный.
Их контактная страница включает всю стандартную информацию — имя, местонахождение, адрес электронной почты и т. Д.
Страница кажется простой, но она соответствует остальной части их сайта и их общему брендингу, что позволяет пользователю узнать, кто этот бренд и чего он может ожидать.
Реклама
Продолжить чтение ниже
Это просто говорит о том, что страницы контактов не обязательно должны быть красивыми, особенно если личность вашего бренда проста.
11. Kick Point
Kick Point отлично справляется с задачей отсеивания людей, с которыми они не хотят работать, с самого начала — «Не отправляйте нам свое электронное письмо,« Уважаемые господа ». — довольно сильное утверждение, чтобы ваша контактная форма была в центре внимания!
Чуть ниже на странице контактов команда сообщает, сколько времени им требуется, чтобы ответить.
Реклама
Продолжить чтение ниже
Это все относительное и фирменное.
Копаю.
12. Гольф-центр Лидса
Чему нас может научить поле для гольфа в создании отличной контактной страницы?
Во-первых, они упрощают онлайн-бронирование, что, вероятно, является основной причиной, по которой люди переходят на их веб-сайты.
Смарт.
Чуть ниже они перечисляют всю свою контактную информацию — телефон, электронную почту, даже факс.
Но что действительно выделяется, так это их контактная форма, в которой есть изящный маленький флажок, чтобы люди могли подписаться на их информационный бюллетень.
Пользователи должны установить этот флажок — они не коварны, но это простой способ увеличить количество подписчиков на рассылку новостей.
Реклама
Продолжить чтение ниже
13. Nebular
Nebular — американское агентство цифровых разработок.
Их веб-сайт смелый и громкий, и их контактная страница придерживается этой темы.
Самоуничижительный юмор всего в нескольких строках демонстрирует, кем они являются как бизнес, а жирные цвета перенесены с остальной части сайта.
Просто, но эффективно.
14. Basecamp
Кто указан на другом конце этой контактной формы?
Реклама
Продолжить чтение ниже
С некоторыми компаниями вы никогда не узнаете.
Basecamp, однако, показывает улыбающиеся (хотя и нарисованные) лица своих команд прямо в верхней части контактной формы.
Они также включают ссылки для регистрации, получения дополнительной информации об их предложениях и ценах.
В результате их контактная страница выглядит приветливой и простой в использовании.
15. ConvertKit
ConvertKit известен своими инструментами автоматизированного обслуживания электронной почты, предназначенными для того, чтобы помочь клиентам получить максимальную отдачу от их маркетинга.
Реклама
Продолжить чтение ниже
Их контактная страница подчеркивает одну из их основных целей — успех клиентов.
Чуть ниже главного изображения клиенты могут щелкнуть, чтобы посетить базу знаний, обратиться за поддержкой или изучить основы на своих семинарах.
И, как и многие другие бренды, они предлагают чат прямо на странице контактов, что может помочь уменьшить разочарование клиентов, помогая им сразу найти нужную информацию.
Реклама
Продолжить чтение ниже
16. Moon Pie
Moon Pie имеет одну из моих любимых учетных записей в Твиттере (серьезно, проверьте это), поэтому я собирался проверить их контактную страницу для этого списка.
К сожалению, на их контактной странице не было ни единого ироничного очарования, но оно невероятно хорошо изложено.
Для начала они предлагают простые ссылки, по которым можно позвонить или связаться с каждым из офисов бренда, а также показать, где разместить оптовые заказы.
Чуть ниже они делятся часто задаваемыми вопросами, такими как «Где я могу найти MoonPies в моем районе». и «Кошерны ли MoonPies?»
Реклама
Продолжить чтение ниже
Только после того, как они поделятся этой информацией, они предоставят вам контактную форму.
Контактная форма вообще не скрыта, но они обязательно сделают все возможное, чтобы ответить на ваши вопросы, прежде чем предоставить вам контактную форму.
17. Taco Bell
Вот еще один бренд, известный своим вызывающим социальным присутствием.
Как и MoonPies, Taco Bell ведет прямую, но небрежную информацию на своей странице контактов.
Они запрашивают контактную информацию и сначала пытаются направить пользователей на свои страницы часто задаваемых вопросов.
Что действительно выделяется, так это то, что Taco Bell позволяет клиентам выбирать, как получить ответ, включая опцию «Ответ не требуется.”
Реклама
Продолжить чтение Ниже
Это заставляет меня чувствовать, что есть большая вероятность, что они действительно ответят мне.
18. Focus Lab
Дело в том, что контактные страницы должны быть функциональными.
Если вы слишком сильно увлечетесь дизайном, вы можете просто расстроить пользователей.
Но то, что он должен работать, не означает, что он не может быть творческим.
Focus Lab создала эту потрясающую интерактивную контактную форму, которая позволяет пользователям сообщать свое имя, потребности и бюджет (что имеет решающее значение для работы с клиентами).
Он уникален, что является частью привлекательности его бренда.
Реклама
Продолжить чтение ниже
И если форма кажется слишком большой, вы можете прокрутить немного дальше, чтобы найти их электронную почту, местоположение и учетные записи в социальных сетях.
19. 99Designs
Страницы контактов часто превращаются в универсальное поле, на сортировку которого может уйти много времени.
99Designs решает эту проблему, разделяя запросы в зависимости от необходимости с помощью одной ссылки для запросов на помощь и отдельной страницы для запросов по связям с общественностью.
Если время поддержки сокращается, возможно, стоит поискать способы разбить контактную форму на отдельные почтовые ящики.
Реклама
Продолжить чтение ниже
20. Freshbooks
Freshbooks используют свою контактную страницу, чтобы привлечь внимание к одному из своих аргументов — отличной поддержке клиентов.
Они не предлагают форму поддержки по электронной почте, а скорее поощряют клиентов звонить и разговаривать с реальным, живым человеком.
В мире чат-ботов и форм электронной почты это здорово освежает!
Они также выделяют то, что предлагают, и приглашают пользователей узнать больше обо всем, что может предложить их программное обеспечение.
Реклама
Продолжить чтение ниже
Это почти половина целевой страницы / половина контактной страницы. И если вы ожидаете, что на вашей странице с контактами окажется много людей, не являющихся клиентами, это хорошая стратегия.
22. Five
Теперь я могу быть неравнодушен к странице контактов Five с нами (, полное раскрытие: я работал с ними в прошлом ), но я одержим ее раскрывающимся списком из основной навигации .
При наведении курсора на навигацию вверху это раскрывающееся меню появляется на каждой странице веб-сайта, что позволяет пользователям легко задавать вопросы, где бы они ни находились.
Реклама
Продолжить чтение ниже
23. Xbox
Моя любимая часть страницы контактов Xbox — «Служба поддержки инвалидов».
Я еще не видел, чтобы другая компания добавляла эту функцию на свою страницу контактов.
По мере того, как доступность становится все более важной для SEO, я надеюсь, что мы начнем видеть, что все больше брендов используют эти типы контактов.
Спасибо за руководство, Xbox!
24. Zendesk
Zendesk дает нам атмосферу в стиле Матрицы, предлагая выбрать между разговором с продавцом или просмотром справочного центра.
Реклама
Продолжить чтение ниже
Вы примете красную или синюю таблетку?
Это обычная практика. Я начинаю замечать тенденции в области SaaS.
По мере того, как компании сокращают накладные расходы или работают с минимальным количеством сотрудников, они заставляют вас искать ответ самостоятельно в справочном центре.
Но, если вы хотите купить, у вас есть возможность поговорить с человеком.
25. Dollar Shave Club
Пока я надеялся на единорога или какой-то сарказм, просматривая страницу контактов Dollar Shave Club, я был приятно удивлен, обнаружив эту интерактивную страницу контактов.
Dollar Shave Club объединяет справочный центр со своей страницей контактов на основе вашего запроса.
Реклама
Продолжить чтение ниже
26. Kinsta
Kinsta, хостинговая компания WordPress премиум-класса, является одной из моих любимых хостинговых компаний WordPress.
В основном потому, что я наблюдал, как скорость страницы утроилась после перехода на Kinsta.
Но хостинг Kinsta WordPress — не единственное, что мне нравится.
Контактная страница Kinsta дает прямые ответы на вопросы, а также прямой адрес электронной почты и чат.
Полное раскрытие информации: в прошлом я предоставлял услуги копирайтинга для Kinsta.
Реклама
Продолжить чтение ниже
27. Swab the World
Swab the World становится одним из моих любимых веб-сайтов, в основном из-за его необычной копии.
Вы можете увидеть на странице контактов Swab the World, они передают свой разговорный тон даже в минимальной копии на странице.
Плюс, я люблю кричать на обычную почту. Кто-нибудь все еще любит получать обычную почту? 🙋♀️
28. Shopify
Shopify обслуживает дружественную страницу контактов с теплой приветливой улыбкой в визуальных эффектах.
Реклама
Продолжить чтение ниже
Что еще более важно, Shopify разбивает разделы поддержки, которые могут вам понадобиться.
Shopify выделяет свои форумы сообщества, справочный центр и контактную информацию для поддержки.
Заметили расположение?
Это означает, что пользователям нужно обращаться за помощью на форум, а затем в справочный центр, пока, наконец, вам не понадобится помощь человека.
29. Trello
Подобно Shopify, Trello обращается к сообществу Trello, чтобы помочь пользователям получить поддержку.
Реклама
Продолжить чтение ниже
По мере того, как все больше клиентов начинают пользоваться вашими услугами или продуктом, полезно предоставлять дополнительную поддержку от других пользователей, которые могли столкнуться с той же проблемой.
Тем не менее, когда ничего не помогает, пользователи могут напрямую связаться с командой поддержки Trello.
30. PayPal
Служба поддержки клиентов PayPal определяет общие запросы, которые она получает, на своей странице контактов.
Ниже показано, как PayPal выделяет проблемы с паролями, платежами, пожертвованиями, спорами и т. Д.
Однако, если вы все еще не можете найти решение, PayPal предоставляет дополнительные ссылки, чтобы помочь пользователям быстро найти ответы.
Реклама
Продолжить чтение ниже
32. Ben & Jerry’s
Хотя Ben & Jerry’s — один из моих любимых брендов мороженого (привет любителям Phish Food!), Дизайн и текст веб-сайта Ben & Jerry всегда были на виду. верхняя часть моего списка.
Опять же, как и в PayPal, Ben & Jerry’s предоставляет раздел часто задаваемых вопросов с наиболее часто задаваемыми вопросами, чтобы ускорить время ответа.
33. Friends
Команда Friends остается верной своему бренду с монотонными цветами и игривыми копиями.
По мере того, как вы продолжаете прокручивать страницу «Свяжитесь с нами», Friends рассказывает о своих многочисленных офисах, чтобы дать потенциальным клиентам представление о повседневной жизни в Friends.
34. Bite Size Entertainment
Bite Size Entertainment сделала интересный поворот на своей странице контактов.
Реклама
Продолжить чтение ниже
Вместо формы они используют встроенную интерактивную карту, чтобы выделить рестораны, бары и кафе рядом с офисом.
Bite Size Entertainment демонстрирует свою индивидуальность, используя вдохновляющие тексты, такие как «работа вашей будущей мечты», и переходя на личные темы с помощью «разговоров за чашечкой кофе».
Даже на странице контактов с нами тон разговора передается по всему сайту.
35. Poo-Pourri
Послушав подкаст с Сюзи Батиз несколько лет назад, я стал большим поклонником копии Poo-Pourri.
Реклама
Продолжить чтение ниже
Они напрямую воздействуют на свою целевую аудиторию, как вы можете видеть в чате: «Расскажите нам немного о себе.”
36. Squatty Potty
Squatty Potty стал большим событием после его премьеры на Shark Tank и этого рекламного ролика на YouTube, который стал вирусным.
Но уникальное чувство юмора Squatty Potty и его любовь к 💩 — не единственное, что мне нравится в этом бренде.
Реклама
Продолжить чтение ниже
Squatty Potty — это страница контактов с нами, на которую вы захотите взглянуть.
Squatty Potty не только предоставляет контактную форму, но и включает организованный ниже раздел часто задаваемых вопросов, чтобы помочь быстрее ответить на ваши вопросы.
37. Velocity
Velocity — это маркетинговое агентство B2B, которое уже много лет заставляет меня смеяться над копией своего веб-сайта.
Он играет на своих собственных услугах, признавая, что если вы попадаете на эту страницу, вы находитесь на «более поздних этапах пути к покупке B2B».
Если вы специалист по поисковой оптимизации, вам понравится, как Velocity добавила маршруты к своим офисам, отправив тонны местных сигналов в поисковую выдачу, указав конкретные железнодорожные станции, кинотеатры, мосты и т.
38. Энн Хэндли
Энн Хэндли долгое время была фаворитом фанатов команды Search Engine Journal.
Реклама
Продолжить чтение ниже
Но мы не только поклонники рассказов Анны.
Ее страница «Контакты» снова прибивает.
После того, как Энн очарует вас своей копией выше, она подробно расскажет, как написать ей по электронной почте, чтобы получить более быстрый ответ.
39. Солнцезащитные очки Pit Viper
Должен признаться, я купил пару этих солнцезащитных очков, основываясь только на дизайне веб-сайта и копии Pit Vipers.
Из-за пограничного грубого и язвительного копирования веб-сайта и использования шрифта без комиксов, как ботанику-оптимизатору сложно не захотеть покупать на этом сайте.
Страницы для связи — это татуировки вашего сайта
Это печально, но факт, страницы для связи — это татуировки с вашего веб-сайта.
Реклама
Продолжить чтение ниже
Вы знаете, что они там, но, вероятно, забыли позаботиться о них и подправить их.
Контактные страницы должны сначала указать функцию.Но, как показывают эти примеры, страницы контактов не обязательно должны быть скучными.
Не бойтесь сделать свою страницу интересной с помощью красивых фотографий, интерактивных элементов и оригинального копирайтинга, которые подчеркнут индивидуальность вашего бренда.
Дополнительные ресурсы:
Кредиты на изображения
Рекомендуемое изображение: Создано автором, сентябрь 2020 г.
Все скриншоты сделаны автором, сентябрь 2020 г.
Как создать контактную страницу на WordPress : Все, что вам нужно
Ваша контактная страница — один из самых основных элементов вашего сайта WordPress.И хотя может возникнуть соблазн просто предложить быстрое решение, не уделять времени тщательному созданию страницы контактов может быть ошибкой, особенно для веб-сайтов B2B, где 44% респондентов заявили, что они покинут веб-сайт поставщика, на котором отсутствует контактная информация.
Независимо от того, какой у вас сайт, вы хотите, чтобы посетители, читатели и / или клиенты могли с ним связаться. Хорошо продуманная страница контактов с такими функциями, как специальная контактная форма, дает вам наилучшие шансы на поощрение такого общения.Кроме того, создать эффективную страницу контактов несложно, и это можно сделать менее чем за час.
В этом посте мы обсудим важность контактных страниц, объясним их ключевые элементы и покажем вам несколько вдохновляющих примеров. Затем мы объясним, как создать страницу контактов в WordPress. Давайте поговорим!
Зачем нужна контактная страница
Страница контактовHubSpot предлагает различные каналы для связи.
В некоторых случаях потребность в странице контактов на вашем сайте WordPress довольно очевидна…
Если у вас, например, корпоративный веб-сайт или портфолио, вам нужно предоставить возможность потенциальным работодателям и сотрудникам, сотрудникам и многим другим людям связываться с ними.Точно так же, если у вас есть интернет-магазин, покупатели захотят связаться с вами, чтобы задать вопросы.
В конечном счете, однако, страница контактов жизненно важна для всех веб-сайтов, даже тех, где она может показаться менее важной.
Многие владельцы блогов считают, что они им не нужны, но это приводит к упущению возможностей. Если у вас есть специальная страница контактов в вашем блоге, читатели могут писать вопросы и предлагать темы, приглашенные авторы и соавторы могут связываться с вами и так далее.
Ключевые элементы эффективной контактной страницы
Теперь, когда вы понимаете, почему так важно уделять пристальное внимание своей странице контактов, давайте поговорим о том, что она должна содержать. Как правило, вам нужно включить:
- Различные контактные данные, такие как адрес электронной почты, номер телефона и физический адрес. Чем больше каналов вы предоставите, тем выше вероятность того, что вы будете требовать общения. Однако для 100% цифровых блогов вы, вероятно, можете обойтись без физического адреса.
- Форма обратной связи. И вам, и вашим посетителям проще добавить специальную контактную форму, чтобы они могли отправить вам сообщение, не покидая сайт.
- Ссылки на социальные сети. Многие люди теперь предпочитают социальные сети более традиционным формам общения. Фактически, 59% опрошенных американцев, у которых есть учетные записи в социальных сетях, «согласны с тем, что обслуживание клиентов через социальные сети облегчило получение ответов на вопросы и решение проблем».
- Карта и / или направления. Если у вашей компании есть физическое местонахождение, карта или подробные инструкции более удобны и полезны, чем простой адрес.
Чтобы увидеть эти элементы в действии, посетите страницу контактов Moz:
Фоновое изображение придает странице стильный вид, а основная кнопка поддержки расположена на видном месте. Более того, есть удобная карта, по которой посетители могут найти штаб-квартиру компании, и полезные кнопки навигации на боковой панели.
И, что более важно, вот наша собственная контактная страница:
Мы предоставляем ссылки на документацию, ответы на часто задаваемые вопросы и общую контактную информацию.Мы также указываем различное время ответа, чтобы посетители точно знали, сколько времени им нужно ждать, чтобы получить от нас ответ.
Как создать контактную страницу для вашего сайта WordPress (за 2 шага)
Приведенные выше примеры иллюстрируют, как может выглядеть ваша готовая страница контактов. А теперь перейдем к самому интересному — научимся создавать страницу контактов!
Шаг 1. Решите, какие элементы включить
PayPal предлагает список ответов на общие вопросы на своей странице контактов, а также ссылки для поддержки.
Как мы уже упоминали, центральные элементы большинства контактных страниц включают контактную информацию, ссылки на социальные сети, маршруты и, возможно, контактную форму. Однако каждая ситуация уникальна, и вам может потребоваться больше или меньше информации.
Поэтому, прежде чем создавать контактную страницу, тщательно подумайте, что она должна включать, и учитывайте как свои цели, так и целевую аудиторию. Чего они хотят, и почему они будут пытаться связаться с вами? Чем лучше вы понимаете своих посетителей, тем точнее вы сможете предсказать их потребности и предоставить полезную информацию.
Например, если у вас есть магазин, имеющий как физические, так и онлайн-адреса, ваша аудитория, вероятно, захочет связаться как лично с , так и с через Интернет. Более того, более молодая целевая аудитория может захотеть общаться через социальные сети, а люди старшего возраста могут предпочесть номер телефона. Если вы еще этого не сделали, найдите время, чтобы тщательно изучить демографические данные, которых вы пытаетесь охватить.
Шаг 2: Используйте солидный дизайн для улучшения своей контактной страницы
Когда у вас есть план, самое время создать страницу контактов.Конечно, основной процесс очень прост. Все, что вам действительно нужно сделать, это создать специальную страницу и добавить все детали.
Однако это приводит к тому, что основная контактная страница вряд ли будет очень интересной или привлекательной. Поскольку эта страница очень важна, вам нужно, чтобы она была хорошо продуманной и всеобъемлющей. Вот несколько способов сделать это:
- Включить изображения . Людям нравится видеть, с кем они будут разговаривать, если это возможно. Кроме того, ваша контактная страница — отличное место для добавления брендов.
- Позаботьтесь о размещении каждого элемента. Постарайтесь разместить наиболее важные и часто используемые контактные данные вверху страницы и сделайте их заметными.
- Используйте плагин контактной формы. Плагин, такой как WPForms, упрощает добавление настраиваемых форм на страницу контактов. Однако будьте осторожны, чтобы не добавлять слишком много полей, что может запутать пользователей.
Это сложно сделать? Неа! Например, с WPForms практически все, что вам нужно сделать, это установить и активировать плагин.Затем вставьте шорткод на страницу:
У нас также есть более подробная статья о том, как добавить контактную форму в WordPress, если вам нужна дополнительная помощь.
Заключение
Контактные страницы кажутся простыми, но они жизненно важны для создания целевой аудитории для вашего веб-сайта посредством общения. По этой причине важно приложить некоторые усилия для создания отличной страницы контактов.
У вас есть вопросы о том, как создать эффективную страницу контактов? Спросите в разделе комментариев ниже!
Бесплатный гид
5 основных советов по ускорению работы вашего сайта на WordPress
Сократите время загрузки даже на 50-80%
, просто следуя простым советам.
Как создать идеальный контакт Страница
Контактная страница веб-сайта может принести или прервать конверсию. Если у вашего посетителя был хороший опыт до момента посещения страницы контактов (были бы они все еще на вашем сайте, если бы их не было?), А страница контактов не может генерировать этот последний «клик», потенциальный клиент ушел , вполне возможно, навсегда.
Крайне важно, чтобы вы побудили пользователей сделать последний шаг от случайного интереса к полноценному взаимодействию с вашей компанией или компанией вашего клиента.Эффективная контактная страница не только поможет посетителю восполнить пробел, но и может стать последним доказательством качества, которое им необходимо, чтобы убедить его сделать это.
Создание эффективной контактной страницы
Создание эффективной контактной страницы — ключевой процесс для большинства сайтов. Вот 9 элементов, на которых нужно сосредоточиться, чтобы кнопка «отправить» не сидела без дела:
1) Ограничить количество обязательных полей
Чем больше информации вы запрашиваете у пользователя, тем меньше вероятность, что он заполнит контактную форму.Всегда запрашивайте только ту информацию, которая вам абсолютно необходима.
2) Поместите ограничивающую рамку вокруг формы
Помещая ограничивающую рамку вокруг форм, вы упрощаете их распознавание и помогаете пользователям определить, какие части страницы являются интерактивными.
3) Встроить карты Google
Для обычного бизнеса помощь пользователям в поиске местоположения, безусловно, полезна. Даже для онлайн-бизнеса отображение физического местоположения повышает доверие.
4) Добавьте социальное доказательство
Говоря о доверии, добавьте элементы, которые внушают доверие клиентам, такие как отзывы, эмблемы BBB, количество лет вашего бизнеса и т. Д.
5) Добавьте брендинг
Это может показаться глупым, но большинство потенциальных клиентов просматривают множество сайтов, часто на нескольких вкладках. Стоит напомнить им, с кем они собираются связаться.
6) Руководство пользователя ввод
Используйте элементы пользовательского интерфейса, такие как выборки и поля параметров, для управления вводом пользователем. Чем проще предоставить вам нужную информацию, тем выше вероятность, что вы ее получите.
7) Будьте проще
Simple всегда выигрывает, особенно на мобильных устройствах.Помните, что на мобильных устройствах ваша форма может быть больше, чтобы ее можно было использовать.
8) Укажите свой номер телефона
Многие компании не хотят указывать номер телефона, потому что думают, что будут отвечать на звонки весь день. На самом деле номер телефона похож на карты Google, он дает вам доверие и позволяет клиенту чувствовать себя в безопасности, передавая свои личные данные.
9) Добавьте заявление о конфиденциальности
Добавьте гарантию, что ваша компания будет хранить конфиденциальную информацию о пользователях.Это укрепляет доверие.
Зерно и строительный раствор
- Human Test прост, но защищает от спама. Когда тесты на спам трудно расшифровать, пользователи разочаровываются и отключаются.
- Размещение часто задаваемых вопросов на странице экономит время пользователей и позволяет получать более качественные запросы.
- Всего три обязательных поля — это не может быть намного проще.
- Общая простота дизайна с огромными полями для мобильного UX, как правило, приятна для просмотра и работы.
Evoke
- Нетрадиционный дизайн, напоминающий открытку. Поскольку дизайн также прост и в него вплетено немного веселья, повышается интерес пользователей.
- Ограничивающая рамка вокруг формы запроса выделяет ее среди остальной части страницы.
- Цветовая схема, логотип и элементы доверия в нижнем колонтитуле (ассоциации) объединяются для убедительного представления бренда. У этой контактной страницы определенно есть свой характер, изысканный, но приземленный.Форма должна находить отклик у людей, ищущих эти качества.
Шайнер
- Четкие границы вокруг полей формы не позволяют пользователям запутаться.
- Опять же, мы видим небольшое количество полей формы слишком большого размера.
- В дизайне есть немного старомодного, традиционного вкуса — несомненно, каково их пиво на вкус. Последовательность бренда вызывает у посетителей жажду!
- Большая встраиваемая карта Google Maps — хорошее удобство для пользователей, избавляющее от необходимости увеличивать или уменьшать ее.
Знание бизнеса + знание клиента = отличная контактная страница
Обратите внимание, что все эти примеры эффективны, но используют разные методы проектирования.