Иконки социальные сети: Изображения Социальные иконки | Бесплатные векторы, стоковые фото и PSD

Гайдлайн по использованию иконок социальных сетей

Автор: Елизавета Гуменюк Просто люблю писать, переводить и давать людям возможность читать интересный контент. И пусть я не всегда идеальна — есть к чему стремиться!!!

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

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

 

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

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

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

СТАНДАРТИЗИРОВАННЫЙ ГАЙДЛАЙН ПО ИСПОЛЬЗОВАНИЮ ИКОНОК СОЦИАЛЬНЫХ МЕДИА

Facebook

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

Сине-белый или просто белый. Детские варианты! Любое другое использование должно быть одобрено Facebook. Конечно, некоторые сайты пошли на такой шаг, как использование нелегальных иконок, но большинство ресурсов все же придерживается рекомендованных иконок.

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

 

Twitter

Способом, подобным Facebook, Twitter не допускает изменение цвета иконки с их торговой маркой. Поместите птицу на него, но удостоверьтесь, что это модный светло-голубой цвет.

Также нельзя:

• Использовать речевые пузыри или слова вокруг логотипа
• Вращать или изменять направление логотипа
• Анимировать логотип
• Окружать логотип другими птицами или существами
• Менять цвет логотипа
• Очеловечивать логотип
• Добавлять спецэффекты к логотипу
• Использовать более старые версии логотипа, предыдущие логотипы или любые другие значки, которые могут быть перепутаны с брендом

Pinterest

Нельзя:

• Вращать значок
• Изменять пропорции или цвета
• Добавлять посторонние эффекты

Можно:

• Использовать значок в удобочитаемом размере
• Поддерживать пустое место, равное, по крайней мере, половине высоты логотипа по всем сторонам
• Использовать красный логотип на светлом фоне
• Использовать белый логотип на темном фоне

YouTube

Система идентификации этого сервиса не должна меняться, а логотип всегда должен быть виден полностью.

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

Нельзя:

• Изменять или частично прикрывать логотип
• Менять пропорции, положение или расстояние между буквами
• Растягивать, сжимать, искажать или отделять элементы логотипа
• Изменить цвет или добавлять эффекты (тень, свечение и т. д.)
• Заменить шрифт логотипа на другой
• Размещать картинку внутри логотипа
• Поворачивать логотип по вертикали, горизонтали или диагонали

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

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

ОПРЕДЕЛЕНИЕ ЛУЧШЕГО МЕСТА ДЛЯ ИКОНОК СОЦИАЛЬНЫХ МЕДИА

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

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

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

Сайдбар: расположение социальных иконок в верхней части боковой панели еще один способ, чтобы посетители смогли их быстро увидеть.

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

 

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

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

Ищите что-то интереснее? Как насчет эффекта усиления изображения, возникающего ниоткуда? Это дает иконкам исключительную видимость, и они буквально прыгают на тебя. Когда посетитель прокручивает страницу вниз, появляется баннер сквозь заголовок, предлагающий ему поделиться странице на Facebook. Существует несколько плагинов, которые вы можете использовать, чтобы реализовать это.

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

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

 

ВЫБИРАЙТЕ ПРАВИЛЬНЫЙ РАЗМЕР

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

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

ПЕРСОНАЛИЗИРУЙТЕ ВАШИ ИКОНКИ

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

ПЕРЕДАВАЙТЕ ЦЕЛИ ИКОНКИ

Люди могут не понимать, почему иконки социальных медиа находятся там. Они также могут не знать реальной цели их размещения на сайте. Кроме того, некоторые могут не знать, как связать иконки с правильными социальными сетями.

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

ЗАКЛЮЧЕНИЕ

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

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

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

Источник

Как добавить иконки социальных сетей в WordPress

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

Так зачем мешать посетителям общаться с вами в Facebook, Twitter, Instagram и на всех основных социальных сетях?

Многие темы WordPress поставляются со встроенными кнопками социальных сетей, но что если ваша любимая тема WordPress не обеспечивает эту важную функцию? Или, возможно, вы недовольны тем, как устроены встроенные кнопки социальных сетей, и хотите заменить их значками, которые не конфликтуют с остальным сайтом?

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

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

Ваша тема уже обеспечивает социальное меню?

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

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

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

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

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

Чтобы активировать меню социальных ссылок:

• Войдите в свою учетную запись WordPress, если вы еще этого не сделали.
• В левом меню WordPress выберите « Внешний вид»> «Настройка» .
• Выберите Меню> Создать новое меню .
• Дайте вашему меню описательное имя.
• Установите флажок « Меню социальных связей» и нажмите « Далее» .

Чтобы добавить первый значок в меню, нажмите « Добавить элементы» , а затем нажмите, чтобы развернуть раздел « Пользовательские ссылки ».

В поле URL введите адрес своего профиля в социальных сетях, например https://www.facebook.com/MyWebsite или https://twitter.com/JessicaThornsby .

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

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

Как создать собственное меню социальных ссылок

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

Чтобы установить этот бесплатный плагин WordPress:

• Войдите в свою учетную запись WordPress, если вы еще этого не сделали.
• В левом меню выберите « Плагины»> «Добавить новый» .
• В строке поиска начните вводить виджет социальных значков с помощью WPZOOM . Когда появится нужный плагин, нажмите соответствующую кнопку « Установить сейчас» .
• Когда появится кнопка « Активировать» , нажмите ее.

Ваш плагин готов к работе! Давайте использовать его для создания ссылок на наши профили в социальных сетях:

• В левом меню WordPress выберите « Внешний вид»> «Настройка» .
• В левом меню выберите Виджеты .
• Выберите область виджета, в которой вы хотите отобразить значки социальных сетей, например, « Боковая панель блога» или « Нижний колонтитул 1» .
• Выберите Добавить виджет .

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

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

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

Чтобы добавить социальную сеть, нажмите Добавить еще, а затем введите URL-адрес одной из ваших учетных записей социальных сетей, например https://www.instagram.com/mywebsite или https://www.pinterest.co.uk/example . Плагин должен идентифицировать сеть на основе URL и автоматически отображать правильный значок.

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

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

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

Создание социальных сетей с помощью простого ресурса

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

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

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

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

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

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

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

Чтобы создать ряд кнопок обмена:

В левом меню WordPress выберите « Плагины»> «Добавить новый» . Найдите плагин Simple Share Buttons Adder и, когда он появится, выберите Install Now . При появлении запроса нажмите « Активировать» . В левом меню WordPress выберите « Настройки»> «Простые кнопки общего доступа» .

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

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

Простые кнопки общего доступа Adder предоставляет множество различных способов стилизации кнопок общего доступа, поэтому щелкните, чтобы развернуть раздел « Стиль », и потратьте некоторое время на изучение доступных параметров. Когда вы экспериментируете с этими настройками, WordPress будет отображать предварительный просмотр в реальном времени, чтобы вы могли отслеживать, как эти кнопки в конечном итоге появятся на вашем веб-сайте.

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

Когда вы довольны своими настройками, щелкните значок ретро дискеты.

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

Встроить кнопки социального обмена в любое место на свой веб-сайт

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

Чтобы встроить кнопки совместного доступа в социальные сети в любое место на своем веб-сайте:

• В левом меню WordPress выберите « Настройки»> «Простые кнопки общего доступа» .
• Выделите раздел Shortcode и щелкните, чтобы развернуть. Это должно показать шорткод.
• Нажмите сопровождающую кнопку копирования шорткода.
• Перейдите на страницу, запись или любой другой элемент, где вы хотите отобразить свои кнопки общего доступа, и откройте этот элемент для редактирования.
• Найдите точное местоположение, где вы хотите отобразить эти кнопки, и вставьте шорткод в этот раздел.

Ваши кнопки общего доступа теперь будут отображаться именно в этом месте.

Создать плавающую панель обмена

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

Чтобы создать этот плавающий бар:

• Перейдите в « Настройки»> «Кнопки социальных сетей» .
• Выберите вкладку Share Bar .
• Найдите ползунок Share Bar и вставьте его в положение « Вкл .».

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

Вывод

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

Есть ли у вас какие-либо хитрости или советы, чтобы побудить людей общаться с вами в социальных сетях? Или любимый плагин для социальных сетей, о котором мы не упомянули? Дайте нам знать в комментариях ниже!

Лучшие WordPress темы и плагины на рынке Envato

Исследуйте тысячи лучших тем WordPress, когда-либо созданных на ThemeForest, и ведущих плагинов WordPress на CodeCanyon . Купите эти высококачественные темы и плагины для WordPress и улучшите работу своего сайта для себя и своих посетителей.

Вот несколько самых продаваемых и перспективных тем и плагинов для WordPress, доступных на 2020 год.

• вдохновение

  15+ лучших тем WordPress для портфолио

  Бренда Баррон

• WordPress

  17 лучших плагинов WordPress для слайдеров и каруселей 2020 года

  Даниэль Стронгин

• WordPress

  20 лучших плагинов и виджетов для WordPress Calendar

  Даниэль Стронгин

• Темы WordPress

  23+ Лучшие отзывчивые темы WordPress (для сайтов в 2020 году)

  Бренда Баррон

• WordPress

  24 лучших WPBakery Page Builder (Visual Composer) дополнений и плагинов 2020

  Даниэль Стронгин

• Темы WordPress

  20+ лучших тем для коучинга и консалтинга WordPress (2020)

  Бренда Баррон

Как использовать социальные сети в письме?

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

Активные пользователи социальных сетей

1. Facebook — 2 млрд пользователей в месяц.
2. YouTube — 1 млрд пользователей в месяц.
3. Instagram — 500 млн пользователей в месяц.
4. Twitter — 313 млн пользователей в месяц.
5. Pinterest — 150 млн пользователей в месяц.
6. LinkedIn — 106 млн пользователей в месяц.

По результатам исследования GetResponse, CTR email рассылок, через которые можно перейти в профиль компании в соцсетях, выше на 158%, чем у писем, в которых такой возможности нет.

Преимущества использования иконок соцсетей в email рассылке

• Рост клиентской базы. Следить за новостями и активностью вашей компании интересно как лидам, так и лояльным клиентам. Для первых соцсети сделают знакомство проще и интереснее, а вторые будут в курсе всех ваших новостей, изменений и сюрпризов.
• Дополнительные каналы коммуникации. Просто добавьте иконки социальных сетей в рассылку и вы сразу получаете больше возможностей для коммуникации. К тому же, если пользователь отпишется от вашей рассылки, он останется с вами в соцсетях.
• Больше информации о продукте. В одном письме сложно продемонстрировать все преимущества использования вашего продукта или сервиса. С помощью ссылки на ваш YouTube канал, пользователи посмотрят видеообзоры, страница в Facebook будет держать в курсе всех новостей и клиенты смогут комментировать ваши посты, а в профиле Instagram можно детальнее рассмотреть ваш продукт или поучаствовать в розыгрыше.
• Глубокая сегментация клиентской базы. С помощью email рассылки много информации об аудитории не получить, так как подписчики должны сами вам её предоставить. С социальными сетями всё гораздо проще: вы можете узнать не только данные для стандартных переменных, но и о предпочтениях и вкусах клиентов, просто пролистав их профиль.

Как использовать социальные сети в email рассылках?

Добавьте иконки в рассылку

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

Предложите присоединиться в приветственной рассылке

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

Мотивируйте подписчиков следить за соцсетями

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

 

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

 

С помощью SendPulse, вы можете легко объеденить email маркетинг и социальные сети.

Как добавить иконки соцсетей в email рассылку?

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

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

Перетащите блок «Соц.сети» в письмо

Перетащите блок в нужное место в шаблоне вашего письма, чтобы изменить иконки.

Отредактируйте иконки соцсетей

Справа в конструкторе вы можете редактировать текущий элемент. 

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

Готово! Интегрируйте ваш email маркетинг и соцсети прямо сейчас.

Обновлено: 27.08.2019

социальные сети « Бесплатные инструменты для дизайнера

Новые 2 набора бесплатных иконок социальных сетей появились сегодня в Speckyboy Design Magazine:

Набор N1

Набор N2

Автор – Helen Gizi, pinkmoustache.com.
Всего – 2 набора по 28 иконок (в том числе иконки Твиттера, Фэйсбук, RSS, YouTube, Yahoo!).
Формат – .PNG.
Размеры – 24×24px, 48×48px и 60×60px.

Лицензия на использование: иконки разрешено использовать как для личных, так и для коммерческих проектов. Запрещено видоизменять, продавать и распространять.

Источник – http://speckyboy.com/2010/07/06/freestyle-and-square-two-free-social-media-icon-sets/.

Оба набора бесплатных иконок для социалок можно скачать с сайта источника.

---

И еще один набор иконок социальных сетей от того же дизайнера – “сладкие” иконки социалок в виде кексов, пирожных, мороженого, печенья и т.д.

Размеры иконок – 64 x 64px и 128 x 128px.
Автор и источник – http://www.pinkmoustache.net/yummy-social-icon-set-featured-on-onextrapixel/.

Скачать иконки социальных сетей для сладкоежек можно с сайта автора.

---

Еще один набор бесплатных иконок для социальных сетей – “нарисованные от руки” иконки

Формат – .PNG.
Размеры – 16×16, 32×32, 48×48, 57×57.

Источник – http://buildinternet.com/2010/07/sketchy-social-media-icons-freebie/.


При использовании иконок ссылка на автора не требуется (но приветствуется).

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

---

Набор бесплатных иконок социальных сетей, выпущенный автором 10.12.2010

Всего – 82 иконки (в том числе иконки Digg, Delicious, Facebook, Google Buzz, Linked In, Mixx, MySpace, Reddit, StumbleUpon, Technorati и Twitter).
Формат – PNG.
Размеры – 16×16, 32×32 and 64×64.

Автор и источник – http://www.instantshift.com/2010/12/07/socialshift-icon-set-246-free-social-networking-icons/.

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

---

Оригинальные иконки социальных сетей и браузеров в стиле детских рисунков или карикатур

Всего – 40 иконок.
Формат – PNG.
Размер – 48px.
Автор и источник – http://shlyapnikova.deviantart.com/art/Icons-Pack-quot-Web-Cartoon-quot-160683726.

Скачать иконки социалок в стиле детских рисунков

---

Новые бесплатные круглые иконки социальных сетей

Всего – 32 иконки социальных сетей.
Формат – PNG.
Размер – 256×256px
Лицензия: Иконки можно использовать как для личных, так и для коммерческих проектов (“Free for commercial and personal projects under Freebie Files Usage Terms”, ссылка на лицензию http://designinstruct. com/freebie-usage-terms/).
Ограничение на использование: нельзя перепродавать и распространять.
Источник – http://designinstruct.com/free-resources/icons/orb-social-media-icon-pack/.

Скачать набор из 32 бесплатных иконок социалок можно с сайта источника.

---

Бесплатные иконки социальных сетей

Всего – 20 иконок.
Формат – PNG.
Размер – 48×48px.
Лицензия: Royalty-free, can be used for commercial and personal work
Источник – http://designinstruct.com/free-resources/icons/social-media-bubblicons-icon-pack/.
Скачать иконки социалок бесплатно можно с сайта источника.

---

WPZOOM – 500 бесплатных иконок социальных сетей:

Всего – 100 иконок 5 размеров.
Размеры – 64×64, 48×48, 32×32, 24×24 и 16×16px.
Форматы – PNG и PSD исходник.
Источник – http://www.wpzoom.com/wpzoom/500-free-icons-wpzoom-social-networking-icon-set/.
Лицензия – Creative Commons Attribution-ShareAlike 3.0 Unported License: “You are allowed to use these icons anywhere you want, however we’ll highly appreciate if you link to this article or to our website when you share/use them.” (Разрешено бесплатное использование иконок, ссылка на источник желательна).

Скачать 100 иконок социалок бесплатно можно с сайта источника.

Как добавить иконки социальных сетей? – Справочный центр Vigbo

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

1.Перейдите в меню Боковая панельвашего блога в системе управления.

2. Перетяните мышкой виджет Социальные иконки на нужное место в вашей боковой панели.

3. Перейдите в настройки виджета и нажмите кнопку Добавить.

4. В появившемся окне выберите социальную сеть из выпадающего списка. Введите адрес вашей страницы в формате http://адрес_страницы, например, https://www. facebook.com/vigbo.ru. Нажмите кнопку Сохранить и иконка будет добавлена.

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

6. Перейдите на вкладку Оформление и задайте визуальные настройки. Вы можете видеть результат применения настроек сразу же после выбора.

Вы можете задать следующие настройки:

• Вид отображения: задает дизайн иконок.
• Цвет иконок и цвет иконок при наведении мышкой.
• Размер иконок и расстояние между иконками.
• Выравнивание.

>Сохраните настройки виджета, после чего сохраните настройки боковой панели. Перейдите в ваш блог и проверьте отображение иконок.

Особенности добавления ссылок для мессенджеров

— Telegram — укажите ссылку формате https://t.me/username, где username — имя пользователя, заданное в настройках телеграмма без символа @. В таком же формате вы можете добавить ссылку на канал в Telegram.

— WhatsApp — укажите ссылку в формате https://wa.me/номер_вашего_телефона. Номер телефона необходимо указать в международном формате без знака +.

— Viber — укажите ссылку в формате viber://chat?number=%2Bномер_вашего_телефона. Номер телефона необходимо указать в международном формате без символа +.

Социальные сети — Документация docs.cs-cart.ru 4.6.x

Модуль CS-Cart “Вход через соцсети” позволяет покупателям авторизоваться с помощью социальных сетей и почтовых сервисов (ВКонтакте, Яндекс, Mail.ru, Одноклассники и др.).

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

Вход через соцсети

Описание

Модуль «Вход через соцсети» позволяет покупателям авторизоваться в вашем интернет-магазине с помощью:

• Яндекс
• Вконтакте
• Одноклассники
• Mail.ru
• Google
• Facebook
• Twitter
• OpenID
• и других сервисов и социальных сетей.

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

Настройка модуля

1. Установите модуль «Вход через соцсети» в панели администратора

2. Откройте настройки модуля, кликнув по названию.

   Доступные настройки:

   Иконки	Выберите размер иконок социальных сетей. Доступные размеры: 24х24px 32х32px 64х64px Примечание Вы можете изменить или создать свои иконки, в том числе собственного размера. Иконки расположены в папке: /design/themes/[название_темы]/media/images/addons/hybrid_auth/icons/ Просто создайте свою папку или измените существующую. Иконки будут автоматически доступны.
   Автогенерация электронной почты	Некоторые социальные сети и сервисы не предоставляют email покупателя. В данной ситуации возможно два варианта: Покупателю будет предложено ввести адрес электронной почты, перед авторизацией. Покупатель будет сразу авторизован, email будет сгенерирован автоматически

3. Создайте необходимых провайдеров на специальной странице Веб сайт → Вход через соцсети.

4. Создайте нового провайдера (сервис) с помощью кнопки +.

5. Нажмите на название сервиса, чтобы выполнить настройку.

Для каждого провайдера (сервиса) необходимо получить API ключи. Как получить API ключи, читайте в следующем разделе.

Получить ключи API социальных провайдеров

Yandex

1. Авторизуйтесь на сайте www.yandex.ru

2. Пройдите на страницу API OAuth-авторизация: tech.yandex.ru/oauth

3. Зарегистрируйте новое приложение на OAuth-сервере Яндекса.

4. Выполните настройку нового приложения.

   Название	Будет отображаться в окне авторизации пользователя на вашем сайте.
   Описание	На ваше усмотрение
   Права	Яндекс.Логин Адрес электронной почты Дата рождения Имя пользователя, ФИО, пол
   Ссылка на иконку	URL логотипа
   Ссылка на приложение	URL интернет-магазина
   Callback URI	http://ваш_домен/index.php?dispatch=auth.process&hauth_done=Yandex

   Создать!

4. Будет создано приложение и вам будут доступные данные:

   • Id приложения
   • Пароль приложения

5. Пройдите в панель администратора интернет-магазина и добавьте нового провайдера «Yandex». Используйте данные созданного приложения.

Всё!

Созданные вами приложения доступны на специальной странице: https://oauth.yandex.ru/client/my

Google

Примечание

Из-за закрытия Google+ API вам понадобится как минимум CS-Cart или Multi-Vendor 4.9.2 SP4. В этих версиях реализован вход на сайт через Gmail без Google+ API.

1. Создайте проект в Google API Console.

2. Перейдите на страницу Учётные данные и создайте Идентификатор клиента OAuth для веб-приложения.

   Важно

   На этом шаге скопируйте ссылку из настроек провайдера Google на стороне CS-Cart и вставьте её как Разрешённый URI перенаправления на стороне Google.

3. После создания учётных данных вы увидите Идентификатор клиента и Секрет клиента. Скопируйте их в настройки провайдера Google на стороне CS-Cart и сохраните изменения. После этого покупатели смогут зарегистрироваться и войти в магазин через свои учётные записи Gmail.

ВКонтакте

Примечание

На стороне Вконтакте произошли изменения. Поэтому авторизация через эту социальную сеть теперь доступна только в CS-Cart 4.10.2 и более новых версиях. Если вы используете старую версию, рекомендуем обновиться – в новых версиях есть другие улучшения и исправления. Если с обновлением возникли сложности, обращайтесь в службу технической поддержки CS-Cart.

Создайте новое приложение Вконтакте.

1. Откройте сайт Вконтакте для разработчиков и перейдите на вкладку Мои приложения.

2. Нажмите Создать приложение.

3. Необходимые настройки:

   Название	Ваш интернет-магазин
   Тип	Веб-сайт
   Адрес сайта	http://ваш_домен/
   Базовый домен	http://ваш_домен/

4. Нажмите кнопку Подключить сайт. Ваше приложение будет создано.

5. Откройте вкладку Настройки и получите настройки для модуля:

   • ID приложения;
   • Защищённый ключ.

6. Перейдите на страницу Веб-сайт → Вход через соц.сети. Добавьте провайдера и выберите ему сервис Vkontakte.

Успех!

Facebook

1. Зарегистрируйтесь на портале Facebook for Developers.

2. Зайдите в раздел Мои приложения и добавьте новое приложение. Используйте для приложения такое же название, как у вашего магазина — покупатели увидят название приложения, когда попытаются войти в учётную запись в магазине через Facebook. Поэтому название магазина там будет смотреться естественно.

3. Найдите и добавьте в своё прилжение продукт Вход через Facebook. Предложение его настроить может появиться при создании приложения или на главной панели; ещё вы можете воспользоваться для этого разделом Продукты.

4. Откройте настройки продукта Вход через Facebook. Там нужно будет заполнить значение настройки Действительные URI перенаправления для OAuth, а затем сохранить свои изменения на стороне Facebook.

   URI должен выглядеть так:

   [STORE_URL]/index.php?dispatch=auth.process&hauth_done=Facebook
   

   Например, https://domain.com/index.php?dispatch=auth.process&hauth_done=Facebook.

5. Перейдите в основные настройки вашего приложения на Facebook. Скопируйте Идентификатор приложения и Секрет приложения и вставьте их в соответствующие поля провайдера Facebook в CS-Cart. Сохраните свои изменения на стороне CS-Cart.

   Важно

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

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

Twitter

1. Пройдите на страницу: https://apps.twitter.com/

2. Нажмите «Create New Apps».

3. Выполните первоначальную настройку приложения:

   Name	Название
   Description	Описание
   Website	URL
   Callback URL	http://ваш_домен/index.php?dispatch=auth.process&hauth_done=Twitter
   Yes, I agree	Соглашаемся с условиями.

4. Вам будет создано приложение. Переходите в раздел «API Keys», где будут доступны:

   • API key — ID
   • API secret — Секретный ключ

5. Создайте нового провайдера для сервиса «Twitter» в панели администратора.

Готово!

Одноклассники

1. Получите права разработчика на странице: http://www.odnoklassniki.ru/devaccess

2. Заполните необходимые настройки для нового приложения.

3. API-ключи будут отправлены на вашу электронную почту.

4. Создайте нового провайдера используя полученные ключи.

Mail.ru

1. Пройдите в сервис «Сайты» от api.mail.ru: http://api.mail.ru/sites/

2. Нажмите «Подключить сайт» и соглашайтесь с условиями.

3. Заполните настройки на втором шаге регистрации:

   • Название
   • Адрес главной страницы

4. Во избежание возможных ошибок, скачайте и разместите файл receiver.html в основном каталоге интернет-магазина, как это предложено mail.ru.

5. Сайт будет добавлен, и вы получите все необходимые ключи:

   • ID
   • Приватный ключ
   • Секретный ключ

6. Пройдите в панель администратора и создайте нового провайдера с помощью модуля «Social Login».

Финиш!

Заменить социальной иконки для Tilda.cc

<style>
/*Задаём ширину иконок и анимацию*/
div[class*="social_links_item"], div[class*="sociallinks__item"] { transition: 0.3s ease-out !important}
/*Задаём вращение*/
div[class*="social_links_item"]:hover, div[class*="sociallinks__item"]:hover {transform: scale(1.3) rotateZ(360deg)}
div[class*="social_links_item"] svg, div[class*="sociallinks__item"] svg { display: none}
div[class*="social_links_item"] a , div[class*="sociallinks__item"] a {
    display: inline-block;
    width: 30px;
    height: 30px;
}
div[class*="social_links_item"] , div[class*="sociallinks__item"]{
    background-size: contain;
    padding: 0 3px;
    background-repeat: no-repeat;
    background-position: center;
}
div[class*="social_links_item"]:nth-child(1), div[class*="sociallinks__item"]:nth-child(1){background-image: url(https://static.tildacdn.com/tild3364-3138-4361-b266-616531613962/facebook.png)}
div[class*="social_links_item"]:nth-child(2), div[class*="sociallinks__item"]:nth-child(2){background-image: url(https://static.tildacdn.com/tild6234-3631-4963-b236-353636623439/instagram.png)}
div[class*="social_links_item"]:nth-child(3), div[class*="sociallinks__item"]:nth-child(3){background-image: url(https://static.tildacdn.com/tild3334-3564-4134-b539-636532383261/skype.png)}
div[class*="social_links_item"]:nth-child(4), div[class*="sociallinks__item"]:nth-child(4){background-image: url(https://static.tildacdn.com/tild3765-6232-4038-b436-323031633639/viber_2.png)}
div[class*="social_links_item"]:nth-child(5), div[class*="sociallinks__item"]:nth-child(5){background-image: url(https://static.tildacdn.com/tild6632-6264-4339-b139-356239336338/whatsapp.png)}
div[class*="social_links_item"]:nth-child(6), div[class*="sociallinks__item"]:nth-child(6){background-image: url(https://static.tildacdn.com/tild3865-3166-4130-b866-363234653034/youtube.png)}

</style>

изображений социальных сетей в формате PNG | 2300+ векторных пакетов значков

набор значков социальных сетей

1200 * 1200

набор значков социальных сетей логотип

800 * 800

черно-белые круглые значки социальных сетей

1200 * 1200

набор черных значков социальных сетей

1200 * 1200

набор значков социальных сетей

1099 * 800

набор значков социальных сетей фон сети

800 * 800

черно-белые значки социальных сетей

2000 * 2000

значков социальных сетей

800 * 800

пакетов значков социальных сетей

1667 * 1667

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

3125 * 3125

9000 fashion7

красочные плавные постепенные значки социальных сетей

1200 * 1200

значки социальных сетей

1200 * 1200 90 004

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

1200 * 1200

instagram значок в социальных сетях вектор шаблон дизайна

4167 * 4167

instagram значок в социальных сетях вектор дизайн шаблона

4167 * 4167

WhatsApp значок социальных сетей дизайн шаблона вектор логотип WhatsApp

4167 * 4167

значок социальных сетей facebook логотип facebook

4167 * 4167

набор значков социальных сетей facebook

800 * 800

instagram логотип социальные сети значок instagram

800 * 800

WhatsApp значок социальных сетей дизайн шаблона вектор логотип WhatsApp

4167 * 4167

NEW

3d как значок социальных сетей

1200 * 1200

90tube

you значок социальных сетей

800 * 800

YouTube социальные сети баннер

1200 * 1200

набор значков социальных сетей

1099 * 800

набор значков социальных сетей

800 * 800

набор значков социальных сетей facebook whatsapp youtube

1200 * 1200

NEW

значок социальных сетей в виде уведомления на прозрачном фоне 3D-рендеринг

2000 * 2000

значок социальных сетей facebook

800 * 800

значки социальных сетей

800 * 800

нижняя треть для социальных сетей спортивные новости видео

1200 * 1200

значок социальных сетей whatsapp логотип whatsapp

800 * 800

логотип facebook логотип социальных сетей значок дизайн шаблона вектор значок fb

4167 * 4167

twitter социальных сетей значок дизайн шаблона вектор

4167 * 4167

instagram социальные м edia icon design template vector

4167 * 4167

youtube подписаться сейчас кнопка со значком социальных сетей

1200 * 1200

NEW

значки социальных сетей papercut tag box

1200 * 1200

Наборы иконок

1200 * 1200

Коллекция иконок социальных сетей

1099 * 800

facebook логотип facebook icon

4167 * 4167

набор иконок социальных сетей

1200 * 1200

1200 * 1200

9000 социальные сети YouTube видео png скачать бесплатно

1200 * 1200

кнопка социальных сетей

2000 * 2000

набор иконок социальных сетей фон сети общий комментарий вектор

800 * 800

нижняя третья метка социальная медиа видео баннер

1200 * 1200

NEW

телеграмма социальные сети ico ns set логотип вектор иллюстратор

1200 * 1200

набор иконок социальных сетей

813 * 800

шаблон дизайна иконок в социальных сетях WhatsApp вектор логотип WhatsApp

4167 * 4167

дизайн иконок в социальных сетях instagram вектор шаблона

4167 * 4167

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

1200 * 1200

instagram логотип социальные сети значок instagram

800 * 800

twitter значок социальных сетей

800 * 800

spotify шаблон дизайна значка в социальных сетях вектор бесплатный шаблон дизайна логотипа

4167 * 4167

instagram значок в социальных сетях вектор дизайн шаблона

4167 * 4167

instagram значок в социальных сетях вектор

4167 * 4167

иконки социальных сетей установить логотип вектор illustrat или бесплатный шаблон дизайна логотипа

800 * 800

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

1200 * 1200

значок социальных сетей

баннер вектор YouTube

1200 * 1200

YouTube подписаться сейчас значок кнопки социальный СМИ

1200 * 1200

Instagram значок социальных сетей дизайн вектор шаблон

4167 * 4167

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

1200 * 1200

WhatsApp значок социальных сетей дизайн шаблона вектор логотип WhatsApp WhatsApp icon

4167 * 4167

Загрузить значки социальных сетей — Iconscout

Iconscout содержит 127 540+ логотипов социальных сетей и значков для популярных сайтов и приложений.Значки, такие как векторное изображение Facebook, Instagram png, Twitter AI, Linkedin, Messenger, Gmail png, Whatsapp, логотип Snapchat png, Pinterest, Reddit, Yahoo, YouTube, Skype, Tumblr, Flickr, Hike, Shareit, Dribbble, Behance, Vimeo , Tumblr, значок фотографий Google, Envato, Dropbox, Hangouts, Picasa, Vimeo, Vine, Yahoo, Blogger.

Наш дизайнер сообщества Alpar etle meder создал множество социальных иллюстраций и логотипов в линейном, однотонном и цветном стиле. Большинство из них идеально подходят для пикселей и доступны бесплатно в таких форматах файлов, как PNG, JPG, SVG, AI и PSD.Вы можете загрузить их напрямую и начать использовать в своих проектах, или, если вы хотите отредактировать, вы можете загрузить их в любом формате векторных файлов. Все изображения, иллюстрации и т. Д. Из социальных сетей можно редактировать с помощью таких инструментов, как Inkscape, Adobe Illustrator, Adobe Photoshop и Sketch. Эти значки совместимы с Adobe XD, Adobe InDesign, Microsoft Office, Microsoft Word, Microsoft Powerpoint, Google Docs, а также со слайдами.

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

Значок Facebook

Facebook — крупнейшая социальная сеть с более чем 2,5 миллиардами активных пользователей в 2020 году. Все логотипы и значки для Facebook (сокращенно FB) готовы к загрузке как для веб-сайтов, так и для мобильных платформ, таких как Android и iOS. Согласно недавнему исследованию, Facebook загрузили 5,4 миллиарда пользователей игрового магазина. С момента создания логотипы Facebook не менялись так часто, как, скажем, Starbucks или Instagram. Почти каждый значок Facebook состоит из буквы «f» внутри синей плитки и с тех пор остается неизменным.У нас доступно более 500 вариантов для бесплатной загрузки, которые можно продемонстрировать в ваших личных или корпоративных проектах. Официальный логотип Facebook доступен в линейной, цветной, сплошной и плоской цветовой схеме. Изображения доступны в PNG и JPG, а также в векторных форматах, таких как SVG, AI, PSD и ICO.

Значок Snapchat

Snapchat — это приложение для обмена мультимедийными сообщениями, которое насчитывает более 300 миллиардов пользователей по всему миру. Snapchat был основан студентами Стэнфорда в 2011 году. Приложение для обмена сообщениями отличается от других гигантов социальных сетей функцией самоуничтожения.Сообщения и видео, отправленные в Snapchat, доступны только в течение короткого периода времени, после чего сообщение удаляется. Эти короткие сообщения и видео называются «снимками». Путешествие Snapchat выявило несколько изменений в его логотипе. Раньше у иконы был желтый фон с лукаво улыбающимся белым призраком посередине. Однако в 2011 году улыбающееся привидение превратилось в просто очертание призрачной фигуры, а позже, в 2019 году, очертания были утолщены и стали еще темнее. Все эти изменения видны в модификациях, созданных дизайнерами, когда вы ищите оригинальный логотип Snapchat png.Добавьте логотип и значки в свои дизайны, загрузив значок Snapchat во всех последних форматах файлов, таких как PNG, JPG, SVG, AI, PSD и ICO. Официальный логотип Snapchat доступен в линейном, цветном, однотонном и плоском цветах.

Значок Instagram

Основанная в октябре 2010 года, Instagram представляет собой платформу для загрузки ваших фотографий и коротких видеороликов в виде бумеранга. Примерно в марте 2016 года старый логотип Instagram — квадратная мгновенная камера с крошечной радугой наверху — был заменен гораздо более красочным и современным дизайном приложения в социальных целях, чтобы найти баланс между узнаваемостью и личностью.Эти современные значки приложений доступны для загрузки в нескольких вариантах. Попробуйте использовать эти значки социальных сетей, персонализируя свои визитные карточки, блоги, статьи или веб-сайт компании. Официальный логотип Instagram доступен в линейной, цветной, сплошной и плоской цветовой гамме. Логотип социального приложения доступен в прозрачных PNG и JPG, а также в векторных файлах в форматах SVG, AI, PSD и ICO.

Значок Twitter

Twitter — это социальный веб-сайт и приложение для микроблогов, где вы можете получить все, от последних новостей и развлечений до спорта и политики.В Твиттере вы получите полную историю с комментариями в прямом эфире от всех. Вы можете публиковать здесь свои мысли в виде «твитов». Раньше в твитах было всего 140 символов, но 7 ноября 2017 года по требованию общества этот лимит был увеличен вдвое до 280 символов. Значок логотипа Twitter может быть маленькой белой птичкой на синем фоне или маленькой синей птицей на белом фоне из-за многочисленных изменений в дизайне значка компании. С запуском в 2006 году Twitter получил хорошо написанный текстовый логотип, в котором маленькими буквами было написано только «twitter».Однако в 2010 году компания представила свою знаменитую птицу Twitter в качестве логотипа. В июне 2012 года Twitter снова изменил логотип и вернулся к ранее популярному логотипу Twitter Bird без какого-либо текста. В Iconscout этот значок доступен бесплатно во многих вариантах, таких как плоский, цветной, контурный и материальный. Последний логотип Twitter имеет несколько форм, например квадратную плитку для iOS и круг для Android. Вы даже можете загружать изображения различных размеров: от малого 16×16 пикселей до большого 256×256 пикселей.Загрузите эти бесплатные HD-иконки в форматах PNG, JPG, SVG, AI, PSD и ICO.

Значок YouTube

YouTube — крупнейшая платформа для обмена видео, ежемесячно в нее входят более 2 миллиардов пользователей. Компания была основана 14 февраля 2005 года в Сан-Матео, Калифорния, США. YouTube предоставляет своим пользователям ряд функций, таких как загрузка видео, просмотр, оценка, обмен, добавление видео в избранное, отчеты, комментарии к видео и подписка на других пользователей. Youtube широко используется для шутливых видеороликов, смешных видеороликов, видеоблогов, видеоблогов о путешествиях и короткометражных фильмов.По мере роста веб-сайта в сообществе создания видео также появятся несколько новых форматов. С момента запуска логотипа Google несколько раз менял логотип. Хотя все изменения были небольшими и не привели к каким-либо сбоям в мире дизайна, больше всего ценилось то, что было создано после 2017 года. Новый логотип состоит из двух частей, первая из которых представляет собой векторное изображение «кнопки YouTube», обычно известной как кнопка воспроизведения, и создается внутри прямоугольного красного блока с полукруглыми краями.Следующая часть представляет собой название компании «YouTube» печатными черными буквами, в котором буква «Y» и буква «T» пишутся с заглавной буквы. Популярная фраза YouTube «транслируйте себя». можно увидеть под логотипом, покрывающим в нем обе части. С момента экспозиции дизайнеры создали множество вариаций логотипа. Оригинальный логотип youtube и множество его адаптаций доступны для скачивания. Эти значки доступны в нескольких форматах файлов, таких как PNG, JPG, SVG, AI и ICO, и могут быть загружены в различных стилях, таких как линия, цвет и плоский.

Значок Gmail

Google создал бесплатную электронную почту для масс в 2004 году. Почтовый сервис Gmail позволял пользователям отправлять электронные письма своим получателям по всему миру за секунды. С тех пор компания претерпела множество изменений в политике создания логотипов в масштабах всей компании, а также в службе электронной почты Gmail. Текущий логотип Gmail состоит из конверта красного цвета с надписью Gmail рядом с ним. Доступные у нас оригинальные значки и логотип электронной почты Gmail можно разместить на вашем веб-сайте, в мобильном приложении, а также на визитке или брошюре.Вы можете бесплатно скачать готовый прозрачный файл в формате PNG или JPG и добавить их в свой дизайн. Вы даже можете внести некоторые изменения в эти изображения, загрузив векторные изображения в таких форматах, как SVG, AI или PSD.

Значок программы обмена сообщениями Facebook

Facebook Messenger — это расширение веб-сайта социальной сети Facebook. Это расширение доступно для всех ведущих вариантов мобильных устройств и ноутбуков и используется в основном для разговоров с друзьями в вашей сети Facebook. Первоначально разработанная как Facebook Chat в 2008 году, компания обновила свою службу обмена сообщениями в 2010 году, а затем выпустила отдельное приложение для обмена сообщениями для iOS и Android в августе 2011 года.С момента своего создания значок логотипа мессенджера не претерпел никаких изменений в своем внешнем виде. Исходное изображение представляет собой простой синий фон с символом грома посередине. Несмотря на то, что внешний вид сильно не изменился, стили и модификации были внесены дизайнерами со всего мира. В Iconscout вы можете загрузить логотип мессенджера в виде прозрачного значка или с синим фоном, как и предполагалось изначально. Файлы, логотипы и изображения доступны в форматах PNG и JPG. Вы даже можете попробовать отредактировать логотип по своему усмотрению, а после завершения обязательно подайте заявку на участие в нашем сообществе дизайнеров.Тем не менее, логотип и все его модификации доступны в редактируемых форматах, таких как EPS, SVG, AI и PSD.

WhatsApp

WhatsApp была основана в 2009 году, и через несколько лет Facebook объявил о своем плане по приобретению WhatsApp. Приобретение в 2014 году изменило экран с логотипом Whatsapp на зеленый цвет с логотипом Facebook под ним. Иконка осталась неизменной, а зеленый телефон остался внутри пузыря мыслей. Оригинальный логотип Whatsapp доступен в линейном, цветном, однотонном и плоском стиле.Вы также можете скачать значок Whatsapp в прозрачном формате файлов PNG и JPG. В поисках редактируемых форматов вы также найдете векторные изображения, доступные во всех последних форматах файлов, таких как SVG, AI, PSD и ICO. Значок Whatsapp можно использовать в дизайне веб-сайтов, мобильных приложений, визуальном дизайне, дизайне пользовательского интерфейса или в подписях электронной почты. Сообщество дизайнеров Iconscout разработало несколько различных версий последнего логотипа Whatsapp, включая логотип в круге для Android и квадратную плитку для iOS.

Новый логотип Slack

Slack — это облачный набор проприетарных инструментов и сервисов для совместной работы, основанный Стюартом Баттерфилдом в 2013 году.Slack изменил свой логотип в 2017 году, когда компания подумала, что старый логотип подталкивает к обыденному. Старый логотип считался «обидным» и «ужасным», как отмечали представители компании в нескольких интервью. Новый логотип Slack возник на основе идеи нашего индийского символа свастики. Позже Slack разработал новый логотип с разноцветным символом, вдохновленный символом свастики, который дизайнеры рассматривали в первую очередь. Новый символ свастики для Slack доступен в нескольких цветовых схемах и может быть загружен бесплатно.Прозрачные и редактируемые изображения также доступны во всех последних форматах файлов, таких как SVG, PNG, AI, ICO и т. Д.

Примечательных упоминаний:

Это одни из лучших пакетов значков социальных сетей на Iconscout:

1. Логотипы социальных сетей от Icon Mafia

2. Социальные сети — Автор: Icons24px

3. Пакет значков социальных сетей от Pixel Icons

4. Значок социальных сетей от Stone Hub

5. Социальные сети по пиктограммам

63 фантастических бесплатных набора значков социальных сетей для вашего веб-сайта

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

В этом списке мы объединили 63 набора значков социальных сетей (на 2019 год), которые вы можете скачать абсолютно бесплатно. Здесь вы найдете значки для Twitter, Facebook, Instagram, Dribble, Pinterest, YouTube и других. Наряду с приложениями для социальных сетей вы увидите значки различных онлайн-инструментов, например Slack, Dropbox, Gmail и других.

1.Наклейки со значками социальных сетей

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

2. Nucleo — Бесплатные иконки социальных сетей

Nucleo — это большой пакет иконок социальных сетей; однако оставайтесь внимательными; некоторые изображения уже устарели.

3. Минимальные значки социальных сетей 2018

Вот минималистичные значки социальных сетей с линейными градиентами. Есть значки для Twitter, Facebook, Instagram, Dribbble и Behance.

4. Новые бесплатные иконки социальных сетей с оригинальными цветами — Free Vector

Посмотрите этот набор иконок с оригинальными цветами и вектором. Загрузите пакет в форматах Ai, PDF и SVG.

5. Простые плоские иконки социальных сетей

Этот пакет иконок социальных сетей доступен в двух форматах: PSD и PNG.

6. Бесплатные значки социальных сетей

Вот огромный набор значков с более чем 100 значками оригинальных цветов, белого и серого.Его можно использовать в Figma, Sketch, Invision Studio и Adobe XD.

7. Font Tonicons

Это векторный шрифт с более чем 600 различными значками. Это простой в использовании.

8. Элегантный шрифт значков

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

9. Бесплатные плоские бумажные значки социальных сетей

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

10. Бесплатные иконки социальных сетей

«Вот бесплатный набор бесплатных иконок социальных сетей, упорядоченных по форме и цвету. Круги и квадраты в черно-белом ».

11. 9 социальных сетей Free Vector

В этом наборе есть квадратные иконки для Whatsup, Instagram, Pinterest.

12. Халява: круглые плоские значки, готовые к сетчатке

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

13. Черная коллекция логотипов социальных сетей

Это черная коллекция логотипов социальных сетей с круглой формой и стильной потертой текстурой.

14. Набор цветных кнопок социальных сетей

Простой, красочный набор иконок для социальных сетей в формате EPS.

15. Неоновые значки социальных сетей

Обратите внимание на эти современные значки социальных сетей в неоновом стиле. Здесь вы найдете значки для Amazon, Twitter, Facebook и Youtube.

16.50 бесплатных плоских иконок

Это 50 любимых иконок социальных сетей в цвете и черном. Загрузите их в формате Sketch.

17. Бесплатные значки социальных сетей — обновление

Бесплатный обновляемый список значков социальных сетей и программного обеспечения, которые включают Illustrator, Behance, Dribble, Slack, Visa, Google Plus и другие.

18. Расширенные простые линейные значки [Free Icon Font]

Простые линейные значки, доступные в Github для загрузки в файлах CSS, SASS, LESS и веб-шрифтов.

19. Набор векторных иконок для эскизов

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

20. Polygon Social Media от LunarPixel

Загрузите эти многоугольные значки социальных сетей в формате AI.

21. Векторные иконки социальных сетей

Эти иконки социальных сетей имеют форму лепестков с тенями.

22. Бесплатные кружки для дизайнеров

Вот 65 иконок в кружках для различных инструментов и приложений социальных сетей, включая Android, Gmail, Google Drive, Behance и Instagram.

23. 20 бесплатных плоских векторных иконок Shadow Style Original Color

Это пакет с 20 значками популярных социальных приложений, таких как Pinterest, Facebook, Twitter и другие.

24. Набор векторных иконок Creative Splat

Набор векторных иконок Creative Splat, который можно использовать для веб-сайтов, целевых страниц, блогов, баннеров и т. Д.

25. Бесплатные милые иконки социальных сетей

This cute Набор иконок социальных сетей станет идеальным выбором для женственных, девчачьих веб-сайтов и розового фона.

26. 28 Значки элементов социальных сетей

Вы можете загрузить этот пакет значков социальных сетей прямо со страницы Dribbble в Adobe XD.

27. 30 бесплатных значков социальных сетей

Вот 30 значков, включая Skype, Instagram, Pinterest, Facebook и Google Chrome. Эти значки доступны в цвете и простом черном стиле.

28. Векторные иконки социальных сетей для покера

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

29. 75 оранжевых толстых значков социальных сетей

Оранжевый набор из 75 значков социальных сетей, которые вы можете приобрести. Он совместим со Sketch и Adobe Illustrator.

30. Набор плоских иконок социальных сетей

Плоские иконки социальных сетей в 4 разных стилях каждая. Загрузите в форматах SVG, Ai и Sketch.

31. 50 бесплатных плоских иконок (Sketch & Illustrator)

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

32.40 бесплатных расширенных плоских иконок социальных сетей

«Эти значки придают профессиональный и уникальный вид вашим блогам и веб-сайтам».

33. Скачать бесплатно Black White Social Media Icons

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

34. Коллекция логотипов социальных сетей

Это коллекция логотипов социальных сетей от freepik, которую вы можете получить в векторном формате EPS.

35.Значки социальных сетей

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

36. Иконки социальных сетей

Эти логотипы социальных сетей выглядят как нарисованные кистью. Есть четыре значка для Facebook, Whatsup, Instagram и Twitter.

37. Бесплатные значки социальных сетей

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

38. Халява: иконки социальных сетей в стиле iOS7

В кругах 20 иконок в стиле iOS 7 с чистым, стильным дизайном.

39. Бесплатные плоские иконки социальных сетей (PNG и PSD)

Загрузите эти 35 плоских иконок социальных сетей с Designmodo в форматах PNG и PSD.

40. Значки социальных сетей

Нужен ли вам первичный чистый значок социальных сетей для Evernote, Paypal или Instagram? Тогда больше не ищите.

41. Набор значков социальных сетей

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

42. БЕСПЛАТНО — Extended Social Icon Pack

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

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

A сшивает значки стиля черного цвета с красными штрихами.

44. Набор темных значков социальных сетей премиум-класса

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

45. Набор бумажных значков социальных сетей

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

46. Набор значков социальных сетей

Простой чистый набор значков социальных сетей с разноцветными квадратами.

47. 100 бесплатных социальных иконок — Новая версия

Иконки для различных инструментов, включая Sketch, MailChimp, Torrent, Amazon и другие.

48. Значки социальных сетей

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

49. Набор абстрактных значков социальных сетей

Это абстрактный набор значков социальных сетей в абстрактном стиле. Они похожи на маленькие штампы в цвете и черном.

50. Geekly — 40 плоских иконок

Двадцать пять иконок социальных сетей, включая Linkedin, Facebook, Twitter, Instagram и другие. Вы можете получить их в формате PSD, а затем изменить в Photoshop.

51. Плоские социальные иконки EPS

Красивые простые плоские значки в кругах и квадратах.

52. Бесплатные красные иконки социальных сетей с символами. Автор Alfredo

Бесплатные красные иконки социальных сетей со стильным градиентом. Загрузите их бой с Dribbble в zip-архиве.

53. Пакет значков круга

Это пакет значков, который вы можете загрузить в различных размерах от 48 до 512 пикселей.

54. Иконки

Вы можете скачать этот набор иконок в формате PSD прямо с Dribbble.

55. Бесплатные значки социальных сетей

“34 бесплатных значка социальных сетей из набора значков Materia.Бесплатно для коммерческих проектов. «

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

Это набор значков премиум-качества для социальных сетей, включающий значки для: Amazon, Android, Apple, Appstore, Behance, Blogger, Bing, Dropbox, 2x Digg, 2x Dribbble, Envato, Ember, Evernote, Facebook, Flickr, Forrst и другие.

57. Плоские социальные иконки Psd

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

58. Значок логотипа социальных сетей Vector

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

59. Современные иконки акварель всплеск социальных сетей

Загрузите эти фантастические иконки акварель всплеск с freepik в векторном формате.

60. Набор иконок социальных сетей в стиле ретро

Хотели бы вы добавить немного ретро-атмосферы в дизайн вашего проекта? Эти винтажные иконы — именно то, что вы ищете.

61. Бесплатная загрузка: 90 векторных иконок социальных сетей

Девяносто векторных иконок для социальных сетей с закругленными углами и современным дизайном.

62. Красивые цветные значки-заставки для социальных сетей

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

63. Коллекция логотипов популярных социальных сетей

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

К вам

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

SocialBar — Иконки социальных сетей — Плагины электронной коммерции для интернет-магазинов — Shopify App Store

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

Получите больше подписчиков, лайков и впечатлений

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

Полностью настраиваемый

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

Установка в один клик и универсальная поддержка

Для отображения бара в вашем магазине код не требуется.Приложение поддерживает все виды магазинов и все темы Shopify.

Основные характеристики

• Добавьте в свой магазин липкую панель со значками социальных сетей одним щелчком мыши!
• Полностью настраиваемый дизайн: форма, порядок и размер значков, а также положение панели
• Легко направляйте клиентов в свои профили в социальных сетях и увеличивайте количество показов
• Очень проста в использовании и модификации

Поддерживаемые сети социальных сетей:

• Номер телефона — НОВИНКА: клиенты могут звонить вам прямо из вашего магазина!
• Адрес электронной почты
• Facebook
• WhatsApp
• Instagram
• YouTube
• Telegram
• TikTok
Только
• Вентиляторы
• WeChat
• Посланник
• LinkedIn
• Твиттер
• Pinterest
• Tumblr
• Snapchat
• Behance
• Vimeo
• Свяжитесь с нами, если вы хотите, чтобы мы добавили больше!

Нужна помощь? Хотите запросить функцию? Еще одна поддержка в социальных сетях?

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

Новое: обновленные параметры значков социальных сетей

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

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

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

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

Варианты цвета

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

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

Варианты формы

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

Центровка и размер

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

Использование функции «Мои сайты»

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

• Добавьте все потоковые платформы, на которых доступна ваша музыка, на страницу «Музыка»

• Добавьте ваши самые популярные платформы социальных сетей на свою страницу EPK

• Добавьте наиболее часто используемые платформы социальных сетей на страницу контактов

• Добавьте значок Facebook или Instagram на страницу прямых трансляций или событий

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

Создайте веб-сайт, готовый к работе с мобильными устройствами, с функциями только для музыкантов. Создайте музыкальный веб-сайт с Bandzoogle уже сегодня!

Обновите свой сайт Иконки социальных сетей

Каждая тема Wired Impact имеет возможность добавлять ссылки и значки социальных сетей в различные части сайта. Связь ваших учетных записей в социальных сетях на вашем сайте позволяет пользователям быстро находить профили вашей организации в социальных сетях для дальнейшего взаимодействия с вами и вашим делом.Чтобы обеспечить легкий доступ к нему, неплохо было бы добавить значки социальных сетей в одно и то же место на вашем веб-сайте.

Темы

Scholar, Airy и Chroma отображают ссылки и значки социальных сетей в нижнем колонтитуле внизу сайта, а тема Pioneer отображает их в заголовке вверху сайта. Например, на этом снимке экрана показаны значки и ссылки социальных сетей в нижнем колонтитуле веб-сайта Scholar.

Обновить значки и ссылки социальных сетей

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

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

Добавить значок социальной сети

Если у вас есть новый профиль в социальной сети, убедитесь, что он добавлен на ваш сайт.

• В меню «Социальные ссылки» нажмите кнопку «Добавить элементы».
• В открывшемся новом окне выберите «Пользовательские ссылки».
• Введите URL-адрес своей страницы в социальной сети в поле URL-адреса.
• Вы можете добавить название социальной сети в поле «Текст ссылки».
• Нажмите кнопку «Добавить в меню».

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

Удалить ссылку на социальную сеть

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

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

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

Темы

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

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

Остались вопросы?

Свяжитесь с нами в личном кабинете. Войдите на свой веб-сайт и заполните форму поддержки веб-сайта. Вы получите ответ от одного из сотрудников Wired Impact в течение одного рабочего дня.

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

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

Логотипы социальных сетей, которые вы часто видите внизу веб-сайтов, визитных карточек и графических изображений социальных сетей, наиболее известны как значки социальных сетей.

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

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

Хотя рекомендации различаются в зависимости от бренда, обычно большинство рекомендаций по бренду включают:

• Не меняет цвет по сравнению с утвержденными цветами
• Сохранение того же соотношения сторон и стиля логотипа
• Убедитесь, что вы не включаете товарный знак другой компании в свой собственный бренд
• Использование всех логотипов социальных сетей одного размера

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

Примеры неправильного использования иконок социальных сетей

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

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

• Соответствие цветов значков социальных сетей цветам их собственного бренда или веб-сайта (например, сделать логотип Facebook розовым или логотип Twitter зеленым)
• Изменение логотипа, чтобы сделать его «милым» или оживить его в своих видео (например, заставить логотип Twitter «летать», как птица)
• Создание трехмерной версии иконок социальных сетей

Теперь, когда вы знаете, что ищете, есть ли у вас серьезные изменения?

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

Facebook предоставляет отдельные значки для Facebook и для мессенджера Facebook. Очень важно использовать правильные логотипы.

Для использования в Интернете (например, на вашем веб-сайте или в социальных сетях) вы можете использовать загружаемые логотипы, которые предоставляет Facebook. Однако в некоторых случаях использования всегда нужно сначала спрашивать разрешения. В их число входят…

• Реклама на телевидении и в Интернете
• Письменные материалы, такие как книги, пьесы или сценарии для телешоу или фильмов
• Упаковка печатной продукции

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

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

Прежде чем вам будет разрешено скачивать, вы должны убедиться, что вы прочитали и полностью ознакомились с правилами бренда Facebook.

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

Применяются все стандартные рекомендации, перечисленные в начале.

Важные рекомендации по значкам и контенту социальных сетей Facebook

Кроме того, следует помнить о некоторых других важных вещах:

• Не создавайте впечатление, будто Facebook поддерживает или поддерживает вас или ваш продукт.
• Не следует говорить о Facebook в негативном свете (например, в сценарии).
• Слово «Facebook» не должно использоваться как глагол или образовывать множественное число («Facebook»).
• Давая людям инструкции, Facebook дает конкретные фразы, которые вы можете использовать (например, «Найдите нас на Facebook»), но не позволяет использовать «Facebook us» или «Следуйте за нами на Facebook».

Правила использования бренда для Twitter

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

Важные рекомендации по значкам и контенту социальных сетей Twitter

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

• Twitter предпочитает, чтобы вы использовали логотип вне контейнера, но предоставляет одобренные версии контейнера, если это лучше для вашего дизайна.
• Наиболее частые случаи неправильного использования логотипа Twitter — это добавление функций (глаза, дополнительное крыло и т. Д.) Или анимация логотипа.(Это оба большие запреты!)
• Если вы создаете обработку твита, всегда используйте утвержденный шрифт Helvetica Neue Bold для имени пользователя, твита и отметки времени и Helvetica Neue Regular для имени пользователя с символом @.
• Вы можете использовать логотип только синего или белого цвета. Никаких других цветов (включая черный).
• Twitter хочет, чтобы его логотип воспринимался как логотип, не как птица . Некоторые правила бренда призваны усилить это, в том числе не размещать логотип Twitter на фоне других животных или деревьев.
• Если вы создаете какие-либо продукты или услуги, связанные с Twitter (например, курсы или услуги управления), всегда дайте понять, что ваши продукты или услуги относятся к около Twitter, а не к Twitter.

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

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

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

Как и Facebook, в Instagram есть ситуации, когда всегда требует специального разрешения, даже при использовании утвержденных изображений бренда, таких как:

• Упоминание / отображение Instagram в приложении для вещания или радио
• Распечатать приложения размером больше 8.5 x 11 дюймов

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

Важные рекомендации по значкам и контенту социальных сетей Instagram

Для других приложений вы можете использовать изображения, которые они предоставляют, соблюдая следующие правила:

• Всегда используйте один и тот же шрифт для всех букв Instagram. Никогда не переводите его на символы, отличные от английского. И не используйте логотип вместо слова.
• Не используйте слова «insta» или «грамм» в сочетании с какими-либо элементами вашего бренда. (Извините, но называть себя «InstaQueen» строго запрещено.)
• Если вы используете хэштег с «insta» или «gram», вы можете использовать его только в Instagram, а не в других социальных сетях, и вы не можете получить права на товарный знак или авторские права на этот хэштег
• При упоминании контента Instagram всегда отдавайте должное первоначальному создателю сообщения Instagram.
• Большинство случаев использования названия или логотипа Instagram на телевидении или в фильмах требует одобрения, поэтому всегда перепроверяйте эти варианты использования в соответствии с рекомендациями по бренду.
• Любой контент, которым вы делитесь, должен соответствовать законам о конфиденциальности. Он не может использоваться для искажения информации (например, для изменения вашего счета на число, намного превышающего реальное, или для обмена контентом, которым исходный постер поделился в личном аккаунте).

Если сомневаетесь, спрашивайте!

Как использовать активы бренда YouTube

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

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

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

Важные рекомендации для значков социальных сетей YouTube

• Не изменяйте шрифт, соотношение сторон или цвет логотипа YouTube или значка кнопки воспроизведения.
• Оставляйте пространство вокруг любого использованного логотипа, равное 50% значка кнопки воспроизведения.
• Логотип не должен быть меньше 24dp в высоту.
• Не используйте логотип вместо написанного слова в предложении.
• Если вы не можете использовать стандартные цвета логотипа, доступны также черно-белые версии.
• Единственный подходящий способ связать логотип — это связать его с каналом YouTube.

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

Руководство по брендингу LinkedIn

LinkedIn имеет репутацию самого серьезного и профессионального бренда, а его правила в отношении бренда довольно просты.

Логотипы LinkedIn, доступные для загрузки, включают стандартные версии, а также версии с китайскими иероглифами.

Важные рекомендации по значкам и контенту социальных сетей LinkedIn

При использовании товарного знака LinkedIn следует помнить о некоторых рекомендациях:

• LinkedIn предпочитает, чтобы вы использовали синюю версию своего логотипа, но черный или белый также приемлемы.
• Минимальное пространство вокруг логотипа должно быть в два раза больше ширины буквы «i» в логотипе.
• Изображение зарегистрированного товарного знака всегда должно быть включено с логотипом.
• По возможности следует использовать текст «LinkedIn, логотип LinkedIn, логотип IN и InMail являются зарегистрированными товарными знаками или товарными знаками LinkedIn Corporation и ее дочерних компаний в США и / или других странах». Если вы используете логотип на своем веб-сайте, ваша политика конфиденциальности — хорошее место для размещения этого уведомления.
• LinkedIn всегда следует писать как одно слово с заглавными буквами L и I в слове In.
• Если вы являетесь участником LinkedIn, вы можете использовать логотип где угодно для продвижения своего профиля, группы или страницы в LinkedIn
.
• Журналисты могут использовать предоставленные изображения для своих репортажей.
• Книги, печатные материалы, телевидение и фильмы требуют специального разрешения на использование логотипа.
• Вам всегда нужно разрешение на использование логотипа LinkedIn на промышленных товарах (например, на футболках).
• Если вы используете какие-либо снимки экрана LinkedIn, вы должны убедиться, что единственная идентифицируемая информация (например, имена, фотографии и т. Д.) Принадлежит вам.

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

Завершение визуального аудита использования значков

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

Вопросы, которые стоит задать себе об иконках социальных сетей

• Иконки на вашем сайте правильные?
• Использует ли ваша команда значки социальных сетей в своих подписях? (Если нет, то сейчас самое время начать!)
• Используете ли вы значки социальных сетей в изображениях заголовков ваших профилей в социальных сетях?
• Существуют ли какие-либо печатные СМИ с иконками социальных сетей? (Визитки, флаеры и др.)

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

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