Как изменить код страницы в вк

HTML код

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

А теперь обьясняю всё на русском )))

Заходите на свою страничку Вконтакте, вы видите что то типо такого.

После нажития сочетания клавишь Ctrl+U ( В Opera, в других браузерах другой способ увидеть исходный код страницы ) Вы увидите исходный код страницы то есть HTML код. Выглядит он так.

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

1. Заходим на главную стрницу
2. Нажимаем Ctrl+U
3. Ищем HTML код шапки и изменяем, вот чт ополучиться ( рисунок ниже )

Затем нажимаем на кнопку с верху «Применить изменения»

И вот конечный результат

Как и что можно изменить в сообщениях ВК?

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

Зачем нужно менять сообщения в ВК?

Причины бывают разные. Начнем, пожалуй, с самой простой – опечатки и ошибки. С этой проблемой сталкивается каждый пользователь ВК. Причем как те, кто пользуется десктопной версией сайта, так и те, кто использует мобильное приложение.

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

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

О скрытых сообщениях в ВК, есть статья на нашем сайте.

Как изменить текс ЛС через кода элемента?

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

Как изменить сообщение в ВК через код элемента:

1. Открыть нужное сообщение.
2. Щелкнуть по нему второй кнопкой мыши и выбрать пункт «Исследовать элемент» («Просмотреть код» в Google Chrome).
   
3. Если вы кликнули именно по тексту сообщения, то код будет развернут в нужном месте. Нам лишь необходимо найти сам текст.
   
4. Далее необходимо кликнуть по нему два раза, чтобы его можно было изменить.
   
5. Удалить старый текст и написать новый.
   
6. Нажать клавишу Enter.
   

После проделанных действий ЛС изменится, и вы можете смело делать скриншот экрана. Но если обновить страницу, то изменения пропадут. Данную процедуру можно проделать только на ПК или ноутбуке.

Рекомендуем к прочтению статью о том, как изменить звук сообщений ВК.

Как отредактировать текст ЛС во ВКонтакте?

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

Инструкция для десктопной версии сайта ВК:

1. Наведите курсор мыши на нужное сообщение.
2. Справа появится иконка карандаша, нажмите на нее.
   
3. Далее необходимо исправить текст.
   
4. Нажмите галочку.

Готово! Рядом с отредактированным сообщением появится метка «(ред.)». По ней можно понять, какие ЛС редактировались, а какие нет.

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

Как поменять фон диалогов?

Еще один довольно актуальный вопрос, который постоянно возникает в головах пользователей ВК. Лично я впервые узнал о том, что фон в диалогах ВКонтакте можно изменить от друга, который прислал мне скрин своих сообщений, но его интерфейс вовсе не был похож на тот, который использовал я. И тут у меня возник вопрос, как поменять фон?

Сегодня есть несколько способов изменения фона диалогов в ВК, причем как на ПК, так и на смартфонах.

Первый способ – это браузер Orbitum. В правом верхнем углу браузера есть специальная кнопка «Сменить тему». Нажав на нее, вы сможете изменить фон всех страниц ВК, своего рабочего стола и/или оформление самого браузера.

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

Второй способ – расширения для браузеров. Их есть много, и все они позволяют изменять фон диалогов в ВК.

Наиболее популярными для Google Chrome и Яндекс.Браузера являются:

• ВКобои.
• ВКонтакте-оформление.

Достаточно перейти в настройки браузера, а именно в раздел «Дополнения» (или «Расширения»). Затем в поиске найти нужное расширение и установить его. Например, ВКобои позволяют устанавливать фон для ВКонтакте всего в пару кликов. Найдите понравившееся вам изображение в сети и нажмите по нему второй кнопкой мыши, а затем выберите пункт «Установить, как обои ВКонтакте».

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

Наиболее популярными считаются:

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

Ну и напоследок стоит упомянуть встроенную возможность изменения фона в приложении Kate Mobile для смартфонов. Это одна из самых популярных замен официальному приложению «ВКонтакте».

Чтобы сменить фон в Kate Mobile, необходимо:

1. Перейти в «Настройки».
2. Далее выбрать пункт «Внешний вид».
3. Затем выбрать «Тема оформления».
4. Выбрать одну из предложенных тем.

Пункт «Ночная тема» позволяет делать фон темным в определенные часы (например, с 21 ч. до 07 ч.).

Как поменять цвет сообщений?

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

Итог

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

Читайте далее:

Для тех, кто не ищет легких путей: накрутка сообщений в ВК через код элемента

Как сохранить голосовое сообщение из ВК: все возможные способы сохранения

Что нужно знать о прочтении сообщений в ВК?

Форматируем текст в Телеграм: жирный шрифт и другие хаки

Игры и приколы в сообщениях ВК

Как добавить и настроить меню в группе «ВКонтакте»

В VK регулярно выходят обновления, появляются полезные функции для личных аккаунтов и сообществ. Особое внимание разработчики уделяют развитию публичных страниц: сейчас сообщество «ВКонтакте» может стать альтернативой сайту компании или витрине на маркетплейсе. Одно из недавних нововведений — навигационное меню. Рассказываем, как сделать меню группы «ВКонтакте» полезным и привлекательным.

Что такое меню группы в VK и зачем оно нужно

• Навигация. Посетителям страницы проще находить информацию, кликнув на соответствующий раздел в меню. Это избавляет от необходимости пролистывать все сообщество.
• Акцентирование внимания на главном. В верхней части меню размещают наиболее важные разделы, в нижней — менее значимые.
• Визуальная привлекательность. Для того чтобы добиться внимания пользователей, используют яркие иконки.

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

Маркетинг

Читайте также:

Как размещать рекламу во ВКонтакте бесплатно

Как размещать рекламу во ВКонтакте бесплатно

Как создать

Чтобы создать меню, зайдите на страницу сообщества и справа выберите пункт «Управление». Откроется раздел настроек — кликните на «Меню».

Оформляйте каждый пункт с помощью кнопки «Новая ссылка». Программа позволяет добавить до 7 пунктов, не считая ссылок на приложения. Название раздела ограничено 20 символами. Можно загрузить обложку: от 376х256 px, в формате JPG, GIF или PNG.

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

Важно! Создавайте меню в десктопной версии VK, поскольку в мобильной это сделать невозможно. Ссылки на внешние ресурсы добавлять нельзя.

Как сделать обложку для меню

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

Выбирайте любые оттенки в таблице цветовых кодов. Придерживайтесь следующей последовательности действий:

• Определитесь с фоном обложки. Выберите готовый вариант или HTML-код цвета.
• Добавьте иконки VK. Они представлены в виде пиктограмм и разбиты на категории (еда, лица, путешествия, одежда, животные, смайлы, объекты, символы, путешествия, спорт).
• Установите тип шрифта (стандарт, меньше, больше) и цвет текста (авто, белый или черный).

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

Больше инструментов предоставляет сервис memedia.ru. Особенности конструктора:

• загрузка собственных иконок;
• выбор шрифта;
• установка изображения или цвета (с градиентом или без него) в качестве фона.

В отличие от «ВКменю» тут доступен выбор размера иконки и вариант позиционирования (сверху или слева).

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

• Виджеты. Упрощают сбор контактов, прием донатов от подписчиков, отправку рассылок и прочую рутинную работу.
• Материалы (выбор редакции). Привлекайте внимание посетителей к актуальным новостям сообщества.
• Опросы и обсуждения. Побуждайте подписчиков к активному комментированию, чтобы выявить их потребности и ожидания.
• Основные сведения о сообществе. Позаботьтесь, чтобы этот пункт содержал исчерпывающую информацию об условиях сотрудничества и размещения рекламных материалов, действующих тарифах.
• Актуальные предложения. Распродажи, акции, тематические мероприятия и другие события, о которых участники группы должны узнать вовремя.
• Портфолио. Блок для представителей IT-сферы, творческих профессий, коммерческих компаний, в котором можно разместить наиболее удачные примеры работ. Альтернативный вариант — раздел «Кейсы».

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

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

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

Анализируй и сегментируй звонки легко и быстро
Текстовая шасшифровка звонков и автотегирование

Иконки для меню VK

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

• Сделайте иконки похожими на кнопки действий. У пользователей может возникнуть подсознательное желание перейти по ссылке.
• Расставьте акценты с помощью ярких оттенков. Выделите цветами наиболее важные элементы (новости, анонсы мероприятий).
• Продумайте интуитивно понятный визуал. Это нужно, чтобы посетитель понял содержание раздела, не читая описание.

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

Названия разделов

Идеальное название точно соответствует содержимому, на которое ведет ссылка. Рекомендации:

• Будьте лаконичны. Пользователи лучше воспринимают названия из одного-двух слов, больше трех использовать не стоит.
• Откажитесь от специальных терминов в меню. Пусть оно будет понятным каждому участнику сообщества.
• Используйте глаголы действия, чтобы добиться нужного результата — «проконсультироваться», «скачать каталог», «получить скидку».
• Опишите компанию и условия сотрудничества с помощью существительных «тарифы», «о компании», «наша команда».
• Используйте прилагательные для раздела с примерами работ. Избегайте таких формулировок, как «лучший», «самый важный», «уникальный», ввиду их необъективности. Приводите объективные характеристики, которые можно выражать качественными прилагательными.

Коммерческим сообществам полезно дополнить меню разделами «Актуальное», «В наличии», «Оформить заказ», «Корзина».

Типичные ошибки

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

Характерные ошибки в меню в VK:

• Ссылки недействительны или ведут на неактуальные страницы.
• Меню состоит 2–3 разделов. Чтобы не вызвать у посетителя ощущение нехватки информации, делайте не менее 4–5 пунктов. Варианты разделов по содержанию — опросы, анонсы событий, видео- и фотоподборки, актуальные посты.
• Обложка и/или графика неоригинальны. Создайте уникальное оформление, чтобы пользователи запомнили ваш бренд, а компания не столкнулась с обвинениями в плагиате.
• Длинные названия разделов. Их сложно воспринимать, также они часто автоматически обрезаются при просмотре.
• Слишком мелкий шрифт. Не каждый пользователь будет вглядываться в экран, чтобы разобрать текст.
• Использование профессиональных терминов. Посетители не будут гуглить непонятные им слова.
• Цветовые решения некорректны. Аккуратно используйте яркие оттенки и контрастные сочетания, чтобы не раздражать посетителя.

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

Примеры использования

Рассмотрим варианты оформления меню в коммерческих пабликах в VK.

Пример 1. Сообщество компании, которая оказывает услуги по ремонту квартир. Меню состоит из четырех пунктов: «База бригад и мастеров», «Заказать ремонт», «Задать вопрос», «Рассылка».

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

Пример 2. Страница графического дизайнера. Первый раздел — «Заполнить ТЗ с ПК». Посетителю достаточно описать свои пожелания в заявке. В «Портфолио» собраны наиболее удачные примеры работ специалиста. Раздел «Отзывы» расскажет о репутации исполнителя. Запросить недостающую информацию можно, кликнув по иконке «Задать вопрос». Удобно и ничего лишнего.

Пример 3. Магазин во ВК, который специализируется на продаже смартфонов. Дизайн обложек для пунктов меню — приятный и ненавязчивый.

Первый в списке — каталог товаров. Далее следуют «Подписка на новости» и «Участвовать в чате». В этом примере видно, что создатели паблика не всегда в полной мере используют возможности меню. Например, здесь были бы уместны дополнительные разделы: «Корзина», «Заказать», «Условия доставки».

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

Виджеты Calltouch
Увеличьте конверсию сайта на 30%

Заключение

• Сделать меню «ВКонтакте» полезно как для развлекательных пабликов, так и для магазинов.
• Простая и удобная навигация упрощает поиск информации на странице паблика, помогает увеличить конверсию.
• В меню чаще всего добавляют такие разделы, как «Каталог», «Портфолио», «Опросы», «Условия сотрудничества», «Заказать». Всего можно добавить до 7 разделов.
• Внешние ссылки добавлять нельзя.
• Предпочтительнее использовать короткие названия пунктов — 1–2 слова. Например, «Отзывы», «Задать вопрос». Не пишите длинные конструкции. Так, «Задать вопрос техническому специалисту» — громоздко выглядит и сложно для восприятия.
• Графические элементы создают с помощью бесплатных конструкторов VK. Инструменты предоставляют широкие возможности для дизайна и позволяют оформить иконку и обложки в соответствии с фирменным стилем.
• Используйте разборчивый шрифт.

Работа с подписчиками из ВКонтакте

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

Как это работает:

1. Пользователь видит в ВКонтакте страницу с информацией о вашем продукте и возможностью зарегистрироваться, не покидая соцсеть, по кнопке «Подписаться» (вы можете придумать для кнопки любое название).
2. В отличие от постов для ВК-страниц предусмотрены расширенные возможности по оформлению. Пользователь нажимает кнопку «Подписаться» — VK запрашивает у него разрешение на получение сообщений от вашего сообщества — пользователь разрешает.
3. Готово! Контакты пользователя переданы в GetCourse, и теперь вы можете отправлять ему персонализированные сообщения во ВКонтакте из своего аккаунта на GetCourse.

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

В статье:

1. Какие настройки нужно выполнить перед созданием ВК-страницы
2. Как создать ВК-страницу
   • Как перенести ВК-страницы из одного сообщества в другое
   • Как разместить контент на ВК-странице
   • Как создать форму или кнопку на ВК-странице
3. Какие действия можно совершать над пользователем при клике на кнопку
   • Как запросить разрешение на отправку сообщений от ВК-сообщество
   • Как создать заказ на ВК-странице
4. Где взять ссылку на вк-страницу
5. Как анализировать трафик с ВК-страниц
   • Отслеживание целей метрик на ВК-странице