<h1 class="right_major_text">Закрытый контент</h1><p class="right_minor_text_two">Мы рады представить вам новый раздел "Закрытый контент", который добавляет еще больше функциональности в наш сервис. Теперь вы можете создавать и делиться контентом, который будет доступен только вашим избранным пользователям. Это идеальное решение для тех, кто хочет предоставлять уникальные материалы, сохраняя при этом контроль над их распространением.
</p><p class="right_minor_text_two">Хотим обратить внимание, что мы все еще находимся в режиме <b>Beta версии</b>. Ваш опыт и обратная связь крайне ценны для нас, и мы стремимся сделать этот раздел максимально удобным и эффективным для вас. Пожалуйста, поделитесь с нами  вашим  опытом и предложениями!
</p><p class="right_minor_text_two"><b>Шаг 1: Регистрация и вход в аккаунт</b></p><p class="right_minor_text_two">1.1 Перейдите на сайт <a href="https://hipolink.net/" class="instruction-link" target="blank">hipolink.net</a> и зарегистрируйтесь, если у вас ещё нет аккаунта. 
Войдите в свой аккаунт с использованием логина и пароля <a href="https://hipolink.net/ru/signin" class="instruction-link" target="blank">https://hipolink.net/ru/signin</a>.</p><p class="right_minor_text_two">1.2 В верхнем меню перейдите в раздел  - “Закрытый контент”.</p>
<div class="instruction_image_container">
  <img alt="добавление закрытого контента" src="/Images/Instructions/privateСontent-Ru/content-1-ru.png" class="instruction_image">
</div><p class="right_minor_text_two"><b>Шаг 2: Создание карточки для Закрытого цифрового контента</b></p><p class="right_minor_text_two">2.1 Нажмите кнопку "Добавить контент".</p><p class="right_minor_text_two">2.2 Заполните обязательные поля во вкладке “Превью”:</p>
<div class="instruction_image_container">
  <img alt="добавление закрытого контента" src="/Images/Instructions/privateСontent-Ru/content-2-ru.png" class="instruction_image">
</div>
<p class="right_minor_text_two">Название: Укажите название вашего цифрового контента.
Категория: Выберите категорию из предложенных в сервисе. </p>
<p class="right_minor_text_two">2.3 Загрузка файла/текста в раздел “Закрытая часть”: Выберите файл,к которому вы хотите предоставлять закрытый доступ, или добавьте контент в текстсовм редакторе.</p>
<div class="instruction_image_container">
  <img alt="добавление закрытого контента" src="/Images/Instructions/privateСontent-Ru/content-3-ru.png" class="instruction_image">
</div><p class="right_minor_text_two">2.4 Нажмите кнопку "Создать контент", чтобы завершить создание карточки. Скопируйте ссылку для отправки клиенту.</p>
<div class="instruction_image_container">
  <img alt="добавление закрытого контента" src="/Images/Instructions/privateСontent-Ru/content-4-ru.png" class="instruction_image">
</div><p class="right_minor_text_two">2.5 Скопируйте ссылку для отправки клиенту.</p>
<div class="instruction_image_container">
  <img alt="добавление закрытого контента" src="/Images/Instructions/privateСontent-Ru/content-5-ru.png" class="instruction_image">
</div>
<p class="right_minor_text_two">2.6 Нажмите кнопку “Готово” для перехода в основное меню раздела закрытого контента</p>
<div class="instruction_image_container">
  <img alt="добавление закрытого контента" src="/Images/Instructions/privateСontent-Ru/content-6-ru.png" class="instruction_image">
</div><h2 class="right_major_text">Вывод средств</h1>
<p class="right_minor_text_two"><b>Шаг 1</b></p>
<p class="right_minor_text_two">На своей странице вызовите выпадающее меню в правом верхнем углу (рядом с ником и аватаркой) и выберите пункт Настройки.</p>
<div class="instruction_image_container">
  <img alt="добавление закрытого контента" src="/Images/Instructions/privateСontent-Ru/content-7-ru.png" class="instruction_image">
</div><p class="right_minor_text_two"><b>Шаг 2</b></p>
<p class="right_minor_text_two">В левом меню перейдите в раздел “Вывод средств”.</p>
<div class="instruction_image_container">
  <img alt="добавление закрытого контента" src="/Images/Instructions/privateСontent-Ru/content-8-ru.png" class="instruction_image">
</div>
<p class="right_minor_text_two"><b>Шаг 3</b></p>
<p class="right_minor_text_two">Выберите желаемый способ вывода средств. Банковские карты идут первой строкой – вам сразу будет предложено заполнить данные.</p><p class="right_minor_text_two"><b>Шаг 4</b></p>
<p class="right_minor_text_two">Ознакомьтесь с условиями комиссий платежных систем и сервиса справа от полей ввода</p><p class="right_minor_text_two"><b>Комиссия сервиса Hipolink:</b></p>
<p class="right_minor_text_two">10% от поступившей суммы вам на счет</p><p class="right_minor_text_two"><b>Условия и комиссии платежных систем:</b></p>
<p class="right_minor_text_two">Минимальная сумма вывода - 500 ₽ </p>
<p class="right_minor_text_two">Максимальная сумма вывода - 100 000 ₽ </p><p class="right_minor_text_two"><b>Комиссия</b></p>
<p class="right_minor_text_two">0,5% + 19 ₽ для сумм до 500 ₽</p>
<p class="right_minor_text_two">0,5% + 22 ₽ для сумм от 500.01 до 1,000 ₽</p>
<p class="right_minor_text_two">0,5% + 25 ₽ для сумм от 1000.01 до 2,000 ₽</p>
<p class="right_minor_text_two">1,8% для сумм от 2,000.01 ₽</p><p class="right_minor_text_two"><b>Лимиты вывода:</b></p>
<p class="right_minor_text_two">до 350 000 ₽ и 5 переводов в сутки;</p>
<p class="right_minor_text_two">до 1 500 000 ₽ и 50 переводов в месяц.</p><p class="right_minor_text_two"><b>Срок вывода:</b></p>
<p class="right_minor_text_two">Накопленный за сутки баланс автоматически выводится после смены дня. Часть платежей проверяется — так мы защищаем наших пользователей от мошеннических схем. В этом случае срок блокировки вывода средств может занимать до 90 дней.  От вывода средств до зачисления на карту может пройти до трёх дней. Если в течение этого срока деньги так и не поступили, напишите нам. </p><p class="right_minor_text_two"><b>Шаг 4</b></p>
<p class="right_minor_text_two">Заполните обязательные поля</p>
<p class="right_minor_text_two">Все поля вы заполняете <b>О СЕБЕ</b> латиницей. Пример:</p>
<p class="right_minor_text_two">1.<b>Валюта счёта:</b> RUB</p>
<p class="right_minor_text_two">2.<b>Card number (номер вашей карты):</b> 1234 5678 9012 3456</p>
<p class="right_minor_text_two">3.<b>A recipient's first, middle, and last name (ваше ФИО):</b> Ivan Ivanovich Ivanov</p>
<p class="right_minor_text_two">4.<b>Sender's first and last name (ваши имя и фамилия):</b> Ivan Ivanov</p>
<p class="right_minor_text_two">5.<b>Sender country of residence (страна проживания):</b> Russia (если вы в России)</p>
<p class="right_minor_text_two">6.<b>Sender city of residence (город проживания):</b> Moscow</p>
<p class="right_minor_text_two">Шаг 5 После заполнения не забудьте нажать кнопку <b>Save</b> или <b>Сохранить</b>.</p>
<div class="instruction_image_container">
  <img alt="добавление закрытого контента" src="/Images/Instructions/privateСontent-Ru/content-9-ru.png" class="instruction_image">
</div>


Закрытый контент

<div class="header_block"><h1 class="right_major_text">Регистрация</h1></div><p class="right_minor_text_two">Регистрация в сервисе Hipolink осуществляется за несколько простых шагов.</p><p class="right_minor_text_two">Нажмите «Присоединиться» на главной странице hipolink.net.</p><div class="instruction_image_container"><img alt="регистрация" src="/Images/Instructions/registration-rus/registration-1-rus.png?v=1" class="instruction_image" /></div>
<p class="right_minor_text_two">После этого вы можете зарегистрироваться, используя электронную почту:</p>
<div class="instruction_image_container">
  <img
    alt="форма ввода почты и пароля"
    src="/Images/Instructions/registration-rus/registration-2-rus.png?v=1"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">1. Введите адрес электронной почты.</p>
<p class="right_minor_text_two">2. Придумайте и введите имя пользователя (логин).</p>
<p class="right_minor_text_two">3. Придумайте и введите пароль и повторите его в целях безопасности.</p>
<p class="right_minor_text_two">4. Нажмите на кнопку «Создать страницу».</p>
<p class="right_minor_text_two">5. Зайдите в свою почту и откройте письмо от Hipolink.</p>
<p class="right_minor_text_two">6. Нажмите на кнопку «Подтвердить почту».</p>
<p class="right_minor_text_two">7. Регистрация завершена.</p>

Регистрация

<div class="header_block"><h1 class="right_major_text">Установка ссылки Hipolink</h1></div>
<p class="right_minor_text_two">Установка ссылки Hipolink занимает не больше минуты.</p>
<p class="right_minor_text_two">Чтобы добавить ссылку в Instagram нажмите кнопку «Установить» в конструкторе.</p><div class="instruction_image_container"><img
    alt="нажмите кнопку Установка"
    src="/Images/Instructions/registration-rus/registration-3-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Далее, в поле «Установка ссылки» нажмите «Скопировать».</p>
<div class="instruction_image_container">
  <img
    alt="нажмите кнопку Скопировать"
    src="/Images/Instructions/registration-rus/registration-4-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">После нажмите на кнопку «Настройки instagram» и вы перейдете в настройки своего профиля. В строку «Веб-сайт» вставьте скопированную ссылку и нажмите кнопку «Отправить».</p>
<div class="instruction_image_container">
  <img
    alt="Для сохранения ссылки в Инстаграм нужно нажать кнопку Отправить"
    src="/Images/Instructions/registration-rus/registration-5-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Установка завершена!</p>
<div class="instruction_image_container">
  <img
    alt="Ссылка Hipolink теперь в био"
    src="/Images/Instructions/registration-rus/registration-6-rus.png"
    class="instruction_image"
  />
</div>

Установка ссылки Hipolink

<div class="header_block">
  <h1 class="right_major_text">Темы конструктора сайта</h1>
</div>
<p class="right_minor_text_two">Темы конструктора сайта — это функция, которая позволит в один клик менять фон страницы, а также цвет элементов (текст, кнопки). Чтобы выбрать тему, нажмите «Темы» на странице конструктора.</p>
<div class="instruction_image_container">
  <img
    alt="блок темы конструктора"
    src="/Images/Instructions/themes-rus/themes-1-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">На данный момент в сервисе более 100 различных тем, и их количество пополняется еженедельно. Будьте внимательны: выбор темы меняет стиль всей страницы и отменяет внесённые ранее изменения отдельных элементов.</p>
<div class="всего на сервисе 20 тем">
  <img
    alt="блок темы конструктора"
    src="/Images/Instructions/themes-rus/themes-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two"></p>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить». Настройка завершена.
</p>
<div class="instruction_image_container">
  <img
    alt="Страница с примененной темой"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

Темы

<div class="header_block">
  <h1 class="right_major_text">Редактирование фона визитки</h1>
</div>
<p class="right_minor_text_two">Редактирование фона визитки — ещё одна из опций раздела Коструктор.</p>
<p class="right_minor_text_two">Чтобы настроить фон, перейдите на страницу конструктора и выберите блок «Фон».</p>
<div class="instruction_image_container">
  <img
    alt="блок настройки фона"
    src="/Images/Instructions/background-rus/background-1-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Доступно два варианта создания фона страницы:</p>
<p class="right_minor_text_two">1. Заливка цветом.</p>
<p class="right_minor_text_two">Нажмите кнопку «Заливка цветом». Выберите любой цвет из представленной палитры.</p>
<p class="right_minor_text_two">2. Собственный фон.</p>
<p class="right_minor_text_two">Для того, чтобы сделать фоном картинку, нажмите кнопку «Собственный фон» и загрузите нужный рисунок с помощью кнопки «Загрузить фон».</p>
<div class="instruction_image_container">
  <img
    alt="Вид после оформления"
    src="/Images/Instructions/background-rus/background-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить».</p>
<div class="instruction_image_container">
  <img
    alt="Готовая страница"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

Редактирование фона

<div class="header_block">
  <h1 class="right_major_text">Настройка текста минисайта</h1>
</div>
<p class="right_minor_text_two">Настройка текста минисайта осуществляется следующим образом:</p>
<p class="right_minor_text_two">Перейдите на страницу конструктора и выберите блок «Текст».</p>
<div class="instruction_image_container">
  <img
    alt="блок Настройка текста"
    src="/Images/Instructions/text-rus/text-1-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Напишите текст в текстовое поле. В один блок можно добавить не более 1000 символов.</p>
<div class="instruction_image_container">
  <img
    alt="Редактируйте текст в специальной форме"
    src="/Images/Instructions/text-rus/text-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">С помощью кнопок, расположенных под текстовым полем, вы можете выбрать:</p>
<p class="right_minor_text_two">1. Шрифт.</p>
<p class="right_minor_text_two">2. Размер.</p>
<p class="right_minor_text_two">3. Положение текста.</p>
<p class="right_minor_text_two">4. Стиль текста.</p>
<p class="right_minor_text_two">5. Цвет текста.</p>
<p class="right_minor_text_two">6. Смайлики.</p>
<div class="instruction_image_container">
  <img
    alt="Оформите текст с помощью инструментов"
    src="/Images/Instructions/text-rus/text-3-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить».</p>
<div class="instruction_image_container">
  <img
    alt="Не забудьте нажать кнопку сохранить"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

Настройка текста

<div class="header_block">
  <h1 class="right_major_text">Настройка аватара для Инстаграм</h1>
</div>
<p class="right_minor_text_two">Настройка аватара для Инстаграм позволяет добавить и отредактировать фото для минисайта. Для того чтобы настроить или добавить аватар, перейдите на страницу конструктора выберите блок «Аватар».</p>
<div class="instruction_image_container">
  <img
    alt="блок Настройка аватара"
    src="/Images/Instructions/avatar-rus/avatar-1-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Далее во вкладке «Вид», которая находится справа в конструкторе, вы можете приступить к настройке.</p>
<p class="right_minor_text_two">1. Нажав на «+», вы можете загрузить свою картинку для аватара.</p>
<p class="right_minor_text_two">2. Вы можете выбрать размер аватара: маленький (70х70), средний (100х100), большой (125х125).</p>
<p class="right_minor_text_two">3. Вы можете добавить текст под аватаром или убрать его, нажав на кнопку «Текст под аватаром».</p>
<p class="right_minor_text_two">4. В данном поле вы можете ввести текст, который будет под аватаром.</p>
<p class="right_minor_text_two">5. Можете изменить цвет текста, используя предложенные варианты, палитру или его цифровой код.</p>
<p class="right_minor_text_two">6. В данном поле вы можете настроить толщину обводки аватара и ее цвет.</p>
<div class="instruction_image_container">
  <img
    alt="Оформите аватар с помощью инструментов"
    src="/Images/Instructions/avatar-rus/avatar-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить». Настройка окончена.</p>
<div class="instruction_image_container">
  <img
    alt="Не забудьте нажать кнопку сохранить"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

Настройка аватара

<div class="header_block">
  <h1 class="right_major_text">Настройка кнопки-ссылки</h1>
</div>
<p class="right_minor_text_two">Настройка кнопки-ссылки займёт пару минут. Чтобы ее добавить, перейдите на страницу конструктора и выберите блок «Ссылки».</p>
<div class="instruction_image_container">
  <img
    alt="блок Настройка кнопок"
    src="/Images/Instructions/link-rus/link-1-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Далее во вкладке «Вид», которая находится справа в конструкторе, вы можете приступить к настройке.</p>
<p class="right_minor_text_two">1. В данном поле вы можете ввести текст, который будет на кнопке, а также добавить смайлики.</p>
<p class="right_minor_text_two">2. Текст на кнопке можно полностью отредактировать: выбрать шрифт, размер, стиль и цвет.</p>
<p class="right_minor_text_two">3. В этом поле нужно указать ссылку. По вашему выбору кнопка может вести на сайт, почту или номер телефона.</p>
<p class="right_minor_text_two">4. Можете изменить цвет текста с помощью палитры или ввода цифрового кода.</p>
<p class="right_minor_text_two">5. Дополнительно можете поменять высоту и ширину кнопки, добавить скругление.</p>
<div class="instruction_image_container">
  <img
    alt="Выберете параметры редактирования"
    src="/Images/Instructions/link-rus/link-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить». Настройка окончена.</p>
<div class="instruction_image_container">
  <img
    alt="Не забудьте нажать кнопку сохранить"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

Настройка кнопок с ссылками

<div class="header_block">
  <h1 class="right_major_text">Настройка выпадающего блока</h1>
</div>
<p class="right_minor_text_two">Для настройка выпадающего блока перейдите на страницу конструктора и выберите «Выпадающий блок».</p>
<div class="instruction_image_container">
  <img
    alt="выбор блока"
    src="/Images/Instructions/Dropdown/dropdown-text-ru-1.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">В правом блоке находятся три вкладки: «Контент», «Вид» и «Настройки». Каждая из них отвечает за определенный набор свойств выпадающего блока.
</p>
<p class="right_minor_text_two">Во вкладке «Контент» вы можете изменить:</p>
<p class="right_minor_text_two">1. Заголовок блока.</p>
<p class="right_minor_text_two">2. Вид иконки, открывающей и закрывающей блок.</p>
<p class="right_minor_text_two">3. Текст блока.</p>
<div class="instruction_image_container">
  <img
    alt="контент"
    src="/Images/Instructions/Dropdown/dropdown-text-ru-2.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Вы также можете добавлять картинки и дополнительные текстовые блоки.</p>
<div class="instruction_image_container">
  <img
    alt="контент2"
    src="/Images/Instructions/Dropdown/dropdown-text-ru-3.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Во вкладке «Вид» вы можете изменить настройки для текста в заголовке и для выпадающего текста. Также вы можете установить скругление для картинок.
</p>
<div class="instruction_image_container">
  <img
    alt="вид"
    src="/Images/Instructions/Dropdown/dropdown-text-ru-4.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Во вкладке «Настройки» вы можете задать период времени, в котором блок будет отображаться.</p>
<div class="instruction_image_container">
  <img
    alt="настройки"
    src="/Images/Instructions/Dropdown/dropdown-text-ru-5.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить».</p>
<div class="instruction_image_container">
  <img
    alt="сохранить"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

Выпадающий блок

<div class="header_block">
  <h1 class="right_major_text">Анимированный текст</h1>
</div>
<p class="right_minor_text_two">Чтобы настроить анимированный текст, перейдите на страницу конструктора и выберите блок «Текст».
</p>
<div class="instruction_image_container">
  <img
    alt="блок Текст"
    src="/Images/Instructions/animation-text-rus/animation-text-1-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Далее в правом блоке нажмите на кнопку «ДОБАВИТЬ АНИМАЦИЮ»</p>
<div class="instruction_image_container">
  <img
    alt="окно редактирования"
    src="/Images/Instructions/animation-text-rus/animation-text-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Перед вами раскроется блок с редактированием анимированного текста. Вы можете:</p>
<p class="right_minor_text_two">1. Выбрать тип анимации для текста: «Печатная машинка» или «Бегущая строка».</p>
<p class="right_minor_text_two">2. Вписать слово, которое хотите анимировать.</p>
<p class="right_minor_text_two">3. Добавить другие слова, которые хотите анимировать.</p>
<div class="instruction_image_container">
  <img
    alt="Заполните поле"
    src="/Images/Instructions/animation-text-rus/animation-text-3-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Все настройки выше применимы и к анимированному тексту!</p>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить». Настройка окончена.</p>
<div class="instruction_image_container">
  <img
    alt="Не забудьте нажать кнопку сохранить"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

Анимированный текст

<div class="header_block">
  <h1 class="right_major_text">Настройка кнопок с онлайн-сервисами</h1>
</div>
<p class="right_minor_text_two">Настройка кнопок с онлайн-сервисами займёт пару минут. Чтобы добавить кнопки с онлайн-сервисами, перейдите на страницу конструктора и выберите блок «Онлайн-сервисы».</p>
<div class="instruction_image_container">
  <img
    alt="Выберите блок"
    src="/Images/Instructions/online-services-rus/online-services-ru-1.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Далее во вкладке «Вид», которая находится справа в конструкторе, вы можете приступить к настройке.
</p>
<p class="right_minor_text_two">1. Выберите доступный сервис из списка: Google Диск, Яндекс.Диск, Облако Mail.ru, Авито, Юла и многие другие. Если вы не нашли нужный вам сервис, вы можете оставить заявку на его добавление.</p>
<p class="right_minor_text_two">2. Пропишите текст для кнопки.</p>
<p class="right_minor_text_two">3. Укажите ссылку на выбранный сервис.</p>
<p class="right_minor_text_two">4. Настройте размер кнопки: «Во всю ширину» , «В полширины», «В треть ширины», «Круг».</p>
<p class="right_minor_text_two">5. Также можно настроить скругление.</p>
<div class="instruction_image_container">
  <img
    alt="Настройте кнопку"
    src="/Images/Instructions/online-services-rus/online-services-ru-2.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two"><b>Как добавить несколько онлайн-сервисов в ряд?</b></p>
<p class="right_minor_text_two">Нужно слева выбрать блок «Онлайн-сервисы», настроить сервис и внизу выбрать ширину. Например «В половину ширины». Дальше, не добавляя новый блок слева, нажать «НОВЫЙ ОНЛАЙН-СЕРВИС» (внизу справа), настроить второй сервис, также выбрав «В половину ширины». В итоге в одном блоке у вас будет два сервиса, каждый «В половину ширины». Они встанут в один ряд.</p>
<div class="instruction_image_container">
  <img
    alt="Кнопки в ряд"
    src="/Images/Instructions/online-services-rus/online-services-ru-3.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить». Настройка окончена.</p>
<div class="instruction_image_container">
  <img
    alt="Сохранить"
    src="/Images/Instructions/online-services-rus/online-services-ru-4.jpg"
    class="instruction_image"
  />
</div>

Настройка кнопок с онлайн-сервисами

<div class="header_block">
  <h1 class="right_major_text">Разделитель страницы</h1>
</div>
<p class="right_minor_text_two">Разделитель страницы — функция, позволяющая разделить блоки по смыслу элегантной полоской. Для этого выберете «Разделитель» на странице конструктора.</p>
<div class="instruction_image_container">
  <img
    alt="Блок Разделитель"
    src="/Images/Instructions/separator-rus/separator-1-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Вы можете настроить:</p>
<p class="right_minor_text_two">1. Цвет разделителя.</p>
<p class="right_minor_text_two">2. Можно настроить ширину разделителя.</p>
<p class="right_minor_text_two">3. Высоту отступа сверху.</p>
<p class="right_minor_text_two">4. Высоту отступа снизу.</p>
<div class="instruction_image_container">
  <img
    alt="Окно настройки параметров"
    src="/Images/Instructions/separator-rus/separator-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить».</p>
<div class="instruction_image_container">
  <img
    alt="Не забудьте нажать кнопку сохранить"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

Разделитель

<div class="header_block">
  <h1 class="right_major_text">Иконки на кнопках</h1>
</div>
<p class="right_minor_text_two">Чтобы добавить иконку на кнопку с вашей ссылкой, перейдите на страницу конструктора, выберите блок «Ссылка» и откройте выпадающее меню «Иконка на кнопке».</p>
<div class="instruction_image_container">
  <img
    alt="Выберите блок"
    src="/Images/Instructions/link-icon-rus/link-icon-ru-1.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Далее нажмите на «+» и загрузите свою картинку.</p>
<div class="instruction_image_container">
  <img
    alt="Загрузите картинку"
    src="/Images/Instructions/link-icon-rus/link-icon-ru-2.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Ниже вы можете изменить масштаб картинки, размер и вид иконки.</p>
<div class="instruction_image_container">
  <img
    alt="Настройки кнопки"
    src="/Images/Instructions/link-icon-rus/link-icon-ru-3.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить».</p>
<div class="instruction_image_container">
  <img
    alt="Сохранить"
    src="/Images/Instructions/link-icon-rus/link-icon-ru-4.jpg"
    class="instruction_image"
  />
</div>

Иконки на кнопках

<div class="header_block">
  <h1 class="right_major_text">Настройка мессенджеров</h1>
</div>
<p class="right_minor_text_two">Настройка мессенджеров займёт пару минут. Чтобы добавить мессенджеры, перейдите на страницу конструктора и выберите блок «Мессенджеры».</p>
<div class="instruction_image_container">
  <img
    alt="блок Мессенджеры"
    src="/Images/Instructions/messengers-rus/messengers-1-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">1. Выберете доступные мессенджеры из списка: WhatsApp, Viber, Facebook Messenger, Telegram, ВКонтакте, Skype, Line, WeChat, Discord, ICQ, QQ. В WhatsApp можно настроить приветственное сообщение.</p>
<p class="right_minor_text_two">2. Напишите текст на кнопке.</p>
<p class="right_minor_text_two">3. Укажите номер телефона или логин в выбранном мессенджере.</p>
<p class="right_minor_text_two">4. Настройте размер кнопки: «Во всю ширину» , «В пол ширины», «В треть ширины», «Круг».</p>
<p class="right_minor_text_two">5. Также можно настроить округление.</p>
<p class="right_minor_text_two">Вы можете добавлять несколько мессенджеров с помощью кнопки «Новый мессенджер». Меняйте порядок с помощью кнопок «Вверх» и «Вниз».</p>
<div class="instruction_image_container">
  <img
    alt="Окно настройки кнопок"
    src="/Images/Instructions/messengers-rus/messengers-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two"></p>
<p class="right_minor_text_two"><b>Как добавить несколько мессенджеров в ряд?</b></p>
<p class="right_minor_text_two">После настройки мессенджера в соответствующем блоке выберите ширину, например «В половину ширины». Дальше, не добавляя новый блок слева, нужно нажать «НОВЫЙ МЕССЕНДЖЕР» (внизу справа), настроить второй мессенджер, также выбрав «В половину ширины». В итоге в одном блоке у вас будет два мессенджера, каждый «В половину ширины». Они встанут в один ряд.</p>
<p class="right_minor_text_two"><b>Как добавить чат Telegram в сервис Hipolink?</b></p>
<p class="right_minor_text_two">Такого функционала нет. Но вы можете добавить ссылку на свой Telegram, создав кнопку-ссылку и покрасив её в узнаваемый цвет мессенджера #0487d9</p>
<p class="right_minor_text_two">Вы можете добавлять несколько мессенджеров с помощью кнопки «Новый мессенджер». Меняйте порядок с помощью кнопок «Вверх» и «Вниз».</p>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить». Настройка окончена.</p>
<div class="instruction_image_container">
  <img
    alt="Не забудьте нажать кнопку сохранить"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

Настройка мессенджеров

<div class="header_block">
  <h1 class="right_major_text">Вставка кнопок социальных сетей</h1>
</div>
<p class="right_minor_text_two">Вставка кнопок социальных сетей займёт пару минут. Чтобы добавить социальные сети, перейдите на страницу конструктора и выберите блок «Соцсети».</p>
<div class="вставка кнопок">
  <img
    alt="блок социальных сетей"
    src="/Images/Instructions/social-media-rus/social-media-1-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">1. Выберете доступные социальные сети из списка: ВКонтакте, Twitter, Facebook, YouTube, Instagram, Snapchat, Behance, Dribbble, ArtStation, Pinterest, Tumblr, Twitch, Одноклассники.</p>
<p class="right_minor_text_two">2. Напишите текст на кнопке.</p>
<p class="right_minor_text_two">3. Укажите ссылку на социальную сеть.</p>
<p class="right_minor_text_two">4. Настройте размер кнопки: «Во всю ширину» , «В пол ширины», «В треть ширины», «Круг».
</p>
<p class="right_minor_text_two">5. Также можно настроить округление.</p>
<p class="right_minor_text_two">Вы можете добавлять несколько соц. сетей с помощью кнопки «Новая соцсеть». Меняйте порядок с помощью кнопок «Вверх» и «Вниз».
</p>
<div class="instruction_image_container">
  <img
    alt="Окно настройки соц.сетей"
    src="/Images/Instructions/social-media-rus/social-media-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two"><b>Как добавить несколько социальных сетей в ряд?</b></p>
<p class="right_minor_text_two">После настройки социальной сети в соответствующем блоке выберите ширину, например «В половину ширины». Дальше, не добавляя новый блок слева, нажать «НОВАЯ СОЦСЕТЬ» (внизу справа), настроить вторую социальную сеть, также выбрав «В половину ширины». В итоге в одном блоке у вас будет две кнопки социальных сетей, каждая «В половину ширины». Они встанут в один ряд.</p>
<p class="right_minor_text_two">После всех действий для сохранения кнопок социальных сетей не забудьте нажать кнопку «Сохранить».
</p>
<div class="instruction_image_container">
  <img
    alt="Не забудьте нажать кнопку сохранить"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

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

<div class="header_block">
  <h1 class="right_major_text">Вставка видео в мини-сайт</h1>
</div>
<p class="right_minor_text_two">Вставка видео в мини-сайт на Хиполинк доступна через YouTube. Чтобы добавить видео, перейдите на страницу конструктора и выберите блок «Видео».</p>
<div class="instruction_image_container">
  <img
    alt="Блок Видео"
    src="/Images/Instructions/video-rus/video-1-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Чтобы вставить ваше видео на страницу, нужно ввести ID видео с YouTube в поле, расположенное справа в конструкторе во вкладке «Вид».</p>
<div class="instruction_image_container">
  <img
    alt="ID видео"
    src="/Images/Instructions/video-rus/video-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two"><b>Как узнать ID видео?</b></p>
<p class="right_minor_text_two">1. Откройте видео на YouTube, которое вы хотите добавить в Хиполинк.</p>
<p class="right_minor_text_two">2. Вверху страницы нажмите по поисковому окну браузера (адресная строка) и скопируйте ID видео (смотри фото ниже).
</p>
<div class="instruction_image_container">
  <img
    alt="Пример ID видео"
    src="/Images/Instructions/video-rus/video-3-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Когда скопировали ID видео и вставили его в нужное поле в конструкторе, оно должно отобразиться на вашей странице.</p>
<div class="instruction_image_container">
  <img
    alt="Окно настройки параметров"
    src="/Images/Instructions/video-rus/video-4-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Дополнительно вы можете скрыть элементы управления, поставив отметку напротив поля «Скрыть элементы управления».</p>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить».</p>
<div class="instruction_image_container">
  <img
    alt="Не забудьте нажать кнопку сохранить"
    src="/Images/Instructions/save-rus/save-1-rus.png"
    class="instruction_image"
  />
</div>

Вставка видео

<div class="header_block"><h1 class="right_major_text">Добавление фото и товаров</h1></div><p class="right_minor_text_two">Добавление фото и товаров на нашем сервисе возможно за счет блока «Фото». Добавьте на страницу фото или целую галерею из фото, которая листается в формате карусели.</p><div class="instruction_image_container"><img alt="Блок Добавление фото" src="/Images/Instructions/photo-rus/photo-1-rus.png" class="instruction_image" /></div><p class="right_minor_text_two">Далее на вкладке «Вид», которая находится справа в конструкторе, Вы можете перейти к настройке.</p><p class="right_minor_text_two">1. При нажатии на «+», Вы можете загрузить свою картинку.</p><p class="right_minor_text_two">2. Чтобы добавить новый слайд, нужно под изображениям нажать «+ДОБАВИТЬ НОВЫЙ СЛАЙД».</p><p class="right_minor_text_two">3. Вы можете добавить заголовок, описание и даже ссылку к своим изображениям.</p><p class="right_minor_text_two">4. Удалите одну из фотографий, нажав на кнопку «Удалить слайд».</p><p class="right_minor_text_two">5. Вы можете включить автопрокрутку изображений внизу справа, выставив оптимальное время.</p><div class="instruction_image_container"><img alt="Окно редактирования блока" src="/Images/Instructions/photo-rus/photo-2-rus.png " class="instruction_image" /></div>
<p class="right_minor_text_two">После всех действий, не забудьте нажать кнопку «Сохранить».</p><div class="instruction_image_container"><img alt="Не забудьте нажать кнопку сохранить" src="/Images/Instructions/save-rus/save-1-rus.png" class="instruction_image" /></div>

Добавление фото и товаров

<div class="header_block"><h1 class="right_major_text">Форма приема заявок</h1></div>
<p class="right_minor_text_two">Если у вас есть потребность в сборе заявок с посетителей страницы, форма приема заявок для вас. Выберете блок «Заявки» на странице конструктора.</p>
<div class="instruction_image_container"><img alt="Блок Форма заявок" src="/Images/Instructions/application-form-rus/application-form-1-rus.png" class="instruction_image" /></div>
<p class="right_minor_text_two">1. Начнём с вкладки «Форма», которая даёт возможность настроить поля нашей формы. Каждое в своём отдельном блоке, который вы можете перемещать местами, нажимая «Вниз», «Вверх».</p>
<p class="right_minor_text_two">2. Для начала нужно выбрать тип поля, у нас их пять: «Имя», «Ссылка», «Почта», «Телефон», «Текст».</p>
<p class="right_minor_text_two">3. Меняя тип поля, сервис подстраивает название поля. Вы можете указать своё название.</p>
<p class="right_minor_text_two">4. Меняя тип поля, сервис также подстраивает описание поля. Вы можете указать своё описание.</p>
<p class="right_minor_text_two">5. Обязательное поле, которое не позволит пользователю отправить форму, если обязательное поле не заполнено.</p>
<div class="instruction_image_container"><img alt="Окно редактирования блока" src="/Images/Instructions/application-form-rus/application-form-2-rus.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Предлагаем перейти к вкладке «Вид».</p>
<p class="right_minor_text_two">1. Название формы. Если у вас 2 формы на странице, чтобы знать откуда именно пришла заявка, нужно название формы.</p>
<p class="right_minor_text_two">2. Почта для приёма заявок. Укажите почту, куда хотите получать заявки.</p>
<p class="right_minor_text_two">3. Текст на кнопке. Можно оставить стандартный. Введите текст для кнопки, которая отправляет форму.</p>
<div class="instruction_image_container"><img alt="Вкладка Вид" src="/Images/Instructions/application-form-rus/application-form-3-rus.png" class="instruction_image" /></div>
<p class="right_minor_text_two">После всех действий, не забудьте нажать кнопку «Сохранить».</p>
<div class="instruction_image_container"><img alt="Не забудьте нажать кнопку сохранить" src="/Images/Instructions/save-rus/save-1-rus.png" class="instruction_image"/></div>

Форма приема заявок

<div class="header_block"><h1 class="right_major_text">Виджет обратного звонка</h1></div>
<p class="right_minor_text_two">Функция виджет обратного звонка, позволяет добавить на страницу кнопку в виде иконки телефона. Для установки опции выберете блок «Виджеты» в разделе «Конструктор».</p>
<div class="instruction_image_container"><img alt="Блок обратного звонка" src="/Images/Instructions/callback-rus/callback-1-rus.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Справа настройки виджета. Давайте пробежимся по ним:</p>
<p class="right_minor_text_two">1. Заголовок. Текст показывается, когда форма открыта, напишите туда призыв, чтобы посетитель оставил телефон.</p>
<p class="right_minor_text_two">2. Описание поля. Текст, который пишется внутри поля, когда ничего не введено. Можно оставить стандартным.</p>
<p class="right_minor_text_two">3. Текст кнопки. Текст на кнопке, которая отвечает за отправку формы. Можно оставить стандартным.</p>
<p class="right_minor_text_two">4. Текст под кнопкой. Можно написать любой текст. Например, перезвоним за 5 минут. Также можно оставить стандартным, а в следующий блок написать телефон, по нажатию на который будет происходить вызов.</p>
<p class="right_minor_text_two">5. Телефон. Продолжение блока, текст под кнопкой. Добавьте телефон, по нажатию на который будет происходить вызов.</p>
<p class="right_minor_text_two">6. Положение. Советуем оставить справа внизу, чтобы не отвлекать внимание посетителей.</p>
<div class="instruction_image_container"><img alt="Окно редактирования блока" src="/Images/Instructions/callback-rus/callback-2-rus.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Предлагаем перейти к вкладке «Вид».</p>
<p class="right_minor_text_two">Там указывайте почту, куда вы хотите, чтобы приходили заявки, а также настройте цвет кружка и цвет иконки в кружке.</p>
<p class="right_minor_text_two">После всех действий, не забудьте нажать кнопку «Сохранить».</p>
<div class="instruction_image_container"><img alt="Не забудьте нажать кнопку сохранить" src="/Images/Instructions/save-rus/save-1-rus.png" class="instruction_image" /></div>

Виджет обратного звонка

<div class="header_block"><h1 class="right_major_text">Добавление товаров и услуг</h1></div>  
<p class="right_minor_text_two">Добавление товаров и услуг на нашем сервисе возможно с помощью блока «Товары и услуги», для этого выберите его из левого меню на странице конструктора. Разместите на странице ваш товар/услугу или целую галерею товаров/услуг, которая будет листаться в формате карусели:</p> 
<div class="instruction_image_container"><img alt="Выбрать блок" src="/Images/Instructions/ServicesAndGoods/goods1-ru.jpg" class="instruction_image" /></div> 
<p class="right_minor_text_two">Далее на вкладке «Вид», которая находится справа в конструкторе, вы можете перейти к настройке.</p> 
<p class="right_minor_text_two">Здесь вы можете:</p> 
<p class="right_minor_text_two">1. Добавить еще один товар или услугу в галерею (не более 20 штук).</p>
<p class="right_minor_text_two">2. Указать название вашего товара или услуги.</p>
<p class="right_minor_text_two">3. Добавить фото.</p>
<p class="right_minor_text_two">4. Добавить описание.</p>
<p class="right_minor_text_two">5. Указать цену (не менее 10 рублей).</p>
<p class="right_minor_text_two">6. Скрыть цену от клиента (он увидит цену только непосредственно перед оплатой).</p>
<p class="right_minor_text_two">7. Добавить текст на кнопку оплаты.</p>
<p class="right_minor_text_two">8. Добавить ссылку для оплаты.</p>
<p class="right_minor_text_two">9. Изменить цвет текста и кнопки.</p>
<p class="right_minor_text_two">10. Удалить слайд.</p>
<p class="right_minor_text_two">11. Включить автопрокрутку слайдов.</p>
<div class="instruction_image_container"><img alt="Настройки1" src="/Images/Instructions/ServicesAndGoods/goods2-ru.jpg" class="instruction_image" /></div>
<div class="instruction_image_container"><img alt="Настройки2" src="/Images/Instructions/ServicesAndGoods/goods3-ru.jpg" class="instruction_image" /></div>  
<p class="right_minor_text_two">Вы также можете добавить форму для сбора дополнительной информации от ваших клиентов, в случае если это необходимо.</p> 
<div class="instruction_image_container"><img alt="Добавить оплату" src="/Images/Instructions/ServicesAndGoods/goods4-ru.jpg" class="instruction_image" /></div> 
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить».</p>
<div class="instruction_image_container"><img alt="сохранить" src="/Images/Instructions/save-rus/save-1-rus.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Примеры различных вариантов оформленного блока, вы можете посмотреть ниже:</p> 
<p class="right_minor_text_two">Добавленный товар с фото, описанием и установленной ценой:</p> 
<div class="instruction_image_container"><img alt="Пример1" src="/Images/Instructions/ServicesAndGoods/goods5-ru.jpg" class="instruction_image" /></div> 
<p class="right_minor_text_two">Добавленный товар с фото, описанием и скрытой ценой:</p>
<div class="instruction_image_container"><img alt="Пример2" src="/Images/Instructions/ServicesAndGoods/goods6-ru.jpg" class="instruction_image" /></div> 
<p class="right_minor_text_two">Таким образом выгляди
<div class="instruction_image_container"><img alt="Пример3" src="/Images/Instructions/ServicesAndGoods/goods7-ru.jpg" class="instruction_image" /></div> 
<p class="right_minor_text_two">Пример товара без фото:</p> 
<div class="instruction_image_container"><img alt="Пример4" src="/Images/Instructions/ServicesAndGoods/goods8-ru.jpg" class="instruction_image" /></div>

Товары и Услуги

<div class="header_block"><h1 class="right_major_text">HTML блок</h1></div> 
<p class="right_minor_text_two">Использование HTML кода на нашем сервисе возможно с помощью блока «HTML блок», для этого выберите его из левого меню на странице конструктора.</p> 
<div class="instruction_image_container"><img alt="Выбрать блок" src="/Images/Instructions/HTML-block/1ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Далее на вкладке «Вид», которая находится справа в конструкторе, вы можете перейти к настройке.</p> 
<div class="instruction_image_container"><img alt="Ввод кода" src="/Images/Instructions/HTML-block/2ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">По умолчанию поле заполнено кодом стандартной кнопки. Перед вводом собственного кода необходимо удалить стандартный код.</p> 
<p class="right_minor_text_two">В данное поле вы можете добавить:</p> 
<p class="right_minor_text_two">1. JS скрипт, который обязательно должен быть обернут в тэги script.</p>
<p class="right_minor_text_two">2. CSS стили, которые обязательно должны быть обернут в тэги style.</p>
<p class="right_minor_text_two">3. А также непосредственно HTML.</p>
<p class="right_minor_text_two">После всех действий не забудьте нажать кнопку «Сохранить».</p>
<div class="instruction_image_container"><img alt="сохранить" src="/Images/Instructions/save-rus/save-1-rus.png" class="instruction_image" /></div> 

HTML блок 

<div class="header_block">
  <h1 class="right_major_text">Хиполинк — конструктор сайтов для Инстаграм</h1>
</div>
<p class="right_minor_text_two">Мультиссылки — удобный инструмент для работы в интернете, особенно в социальных сетях, которые ограничивают число ссылок для пользователя. Хиполинк позволяет решить эту проблему с помощью конструктора.</p>
<p class="right_minor_text_two">Любой владелец аккаунта Инстаграм может создать свой мини-сайт и разместить на нем нужное количество ссылок на свои услуги или товары. Даже неискушенный человек самостоятельно справится с этой задачей в считанные минуты.</p>
<div class="instruction_image_container">
  <img
    alt="Для создания мультиссылок можете воспользоваться Хиполинк – конструктором сайтов"
    src="/Images/AboutHipolinkImagesInstruction/instagram-bg.png"
    class="instruction_image"
  />
</div>
<div class="header_block">
  <h2 class="right_major_text_h2">Что такое Хиполинк?</h2>
</div>
<p class="right_minor_text_two">Хиполинк — инструмент для быстрого создания сайтов. Ссылка на такую страницу будет выглядеть так:</p>
<p class="right_minor_text_two">https://hipolink.me/ + имя аккаунта на сервисе.</p>
<p class="right_minor_text_two">Сервис содержит несколько разделов: «Конструктор», «Статистика», «Модули», «Заявки», «Шаблоны» и дополнительное меню.</p>
<p class="right_minor_text_two">Применяя инструменты, вы можете полностью настроить визуальное оформление, добавить контакты, фото- и видеоматериалы, привлекательные для ваших подписчиков в Инстаграме.</p>
<div class="instruction_image_container">
  <img
    alt="Создавайте сайт для Инстаграм с помощью конструктора Хиполинк"
    src="/Images/AboutHipolinkImagesInstruction/hipolink-bg.png"
    class="instruction_image"
  />
</div>
<div class="header_block">
  <h2 class="right_major_text_h2">Функции конструктора сайтов</h2>
</div>
<p class="right_minor_text_two">12 функций сервиса Хиполинк расположены в разделе «Конструктор» и отображены в его левой части. Они отвечают за наполнение сайта, вид которого отображен по центру. В правой части находится окно редактирования блоков.</p>
<div class="instruction_image_container">
  <img
    alt="Вид раздела Конструктор сервиса Хиполинк"
    src="/Images/AboutHipolinkImagesInstruction/hipolink-constructor.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two"><b>Темы</b>: 20 вариантов оформления страницы.</p>
<p class="right_minor_text_two"><b>Фон</b>: установка изображения или сплошной фоновой заливки.</p>
<p class="right_minor_text_two"><b>Текст</b>: 1000 символов в одном блоке. Настраивается шрифт, цвет, размер.</p>
<p class="right_minor_text_two"><b>Ссылки</b>: добавление ссылки на ваш сайт, настройка звонка на телефон, добавление ссылки на почту.</p>
<p class="right_minor_text_two"><b>Разделитель</b>: полосы для оформления разделов сайта. Настраивается длина и цвет.</p>
<p class="right_minor_text_two"><b>Аватар</b>: настройка главного изображения. Выбор толщины и цвета обводки.</p>
<p class="right_minor_text_two"><b>Мессенджеры</b>: добавление кнопок для связи с вами через мессенджеры. Редактируется количество в ряду от одного до четырёх.</p>
<p class="right_minor_text_two"><b>Соцсети</b>: добавление кнопок для связи с вами через социальные сети. Редактируется количество в ряду от одного до четырёх.</p>
<div class="right_minor_text_notification">
  <p class="right_minor_text_two"><text style="font-weight: 500; margin-right: 10px">Важно!</text>Сайт Хиполинк позволяет добавить ссылки не только на Инстаграм, но и другие социальные сети.</p>
</div>
<p class="right_minor_text_two"><b>Фото</b>: добавление изображений в галерею. До 25 штук. Можно настроить подписи и время показа.</p>
<p class="right_minor_text_two"><b>Видео</b>: добавление роликов с YouTube.</p>
<p class="right_minor_text_two"><b>Виджеты</b>: кнопка обратного звонка. Уведомление о просьбе перезвонить хранится в разделе Заявка. Можно настроить уведомления в Телеграм или на почту.</p>
<p class="right_minor_text_two"><b>Заявки</b>: форма для заявок. Уведомление хранится в разделе Заявка. Можно настроить уведомления в Телеграм или на почту.</p>
<div class="header_block">
  <h2 class="right_major_text_h2">Что ещё предлагает конструктор Хиполинк?</h2>
</div>
<p class="right_minor_text_two">1. 34 готовых шаблона страниц сформированных по категориям: Магазины и товары, Услуги, События, Персональная страница (раздел «Шаблоны»).</p>
<p class="right_minor_text_two">2. Аналитика посещений страницы и кликов по кнопкам (раздел «Статистика» в меню).</p>
<p class="right_minor_text_two">3. Интеграция с внешними сервисами: JivoSite, Pixle FB, Пиксель ВК, Google tag manager, Уведомления в Телеграм, конструктор политики конфиденциальности (раздел «Модули»).</p>
<p class="right_minor_text_two">Нажав на правое всплывающее меню, вы можете перейти в ваш профиль в конструкторе Хиполинк. Для чего? Чтобы изменять логин и привязанную почту, подключить и контролировать партнёрскую программу.</p>
<p class="right_minor_text_two">Можно настроить отображение вашей странице в поисковой выдаче SEO. Можно изменить заголовок, описание и картинку. Доступен раздел с пошаговыми инструкциями работы на сервисе.</p>
<p class="right_minor_text_two">Если возникшие вопросы решить не получается, то обращайтесь в службу поддержки в JivoSite или на почту.</p>

Конструктор сайтов для Инстаграм

Основные возможности

<div class="header_block">
  <h1 class="right_major_text">Шаблоны</h1>
</div>
<p class="right_minor_text_two">Команда сервиса Hipolink.net подготовила 34 шаблона для вашей страницы. Шаблоны разделены на 4 категории. Также разделение по тарифам.</p> 
<div class="instruction_image_container">
  <img alt="Страница с шаблонами" src="/Images/Instructions/templates-rus/templates-1-rus.png?v=1" class="instruction_image" />
</div> 
<p class="right_minor_text_two">Чтобы применить шаблон нужно нажать кнопку «Выбрать» под шаблоном.</p>
<p class="right_minor_text_two">Применить шаблон и заменить внутренности будет быстрее, чем создавать страницу с нуля, посмотрите доступные варианты.</p>
<p class="right_minor_text_two">Если хотите начать сначала, можете выбрать шаблон «Пустая страница»</p>
<div class="instruction_image_container">
  <img alt="Выбор примера страницы" src="/Images/Instructions/templates-rus/templates-2-rus.png" class="instruction_image" />
</div>
<p class="right_minor_text_two">ВАЖНО! Применяя шаблон, вы полностью стираете информацию, что уже была. Она заменяется шаблоном, который нужно редактировать.</p>
<p class="right_minor_text_two">После всех действий, не забудьте нажать кнопку «Сохранить».</p> 
<div class="instruction_image_container">     <img alt="Не забудьте нажать кнопку сохранить" src="/Images/Instructions/save-rus/save-1-rus.png" class="instruction_image" /> </div>

Шаблоны

<div class="header_block"> 	<h1 class="right_major_text">Отображение блоков по времени и дате</h1> </div> 
<p class="right_minor_text_two">Чтобы регулировать временной интервал отображения элементов, воспользуйтесь дополнительными настройками. В правом блоке выберите «Настройки».</p> 
<div class="instruction_image_container">     <img alt="Страница с шаблонами" src="/Images/Instructions/date-rus/date-1-rus.png" class="instruction_image" /> </div> 
<p class="right_minor_text_two">1. Поставьте отметку напротив поля «Показывать по дате».</p> 
<p class="right_minor_text_two">2. Укажите дату начала.</p> 
<p class="right_minor_text_two">3. Укажите дату окончания показа.</p> 
<p class="right_minor_text_two">4. Далее поставьте отметку напротив поля «Показывать по времени».</p> 
<p class="right_minor_text_two">5. Укажите временной интервал.</p>
<p class="right_minor_text_two">Дополнительные настройки можно применить к следующим элементам: текст, ссылки, разделитель, аватар, мессенджер, соц. сети, фотогалерея, видео, виджеты и заявки.</p> 
<div class="instruction_image_container">     <img alt="Выбор примера страницы" src="/Images/Instructions/date-rus/date-2-rus.png" class="instruction_image" /> </div> 
<p class="right_minor_text_two">После всех действий, не забудьте нажать кнопку «Сохранить».</p> 
<div class="instruction_image_container">     <img alt="Не забудьте нажать кнопку сохранить" src="/Images/Instructions/save-rus/save-1-rus.png" class="instruction_image" /> </div>

Отображение блоков по времени и дате

<div class="header_block">
        <h1 class="right_major_text">Боковой контроллер</h1>
</div>
<p class="right_minor_text_two">На боковом контроллере от айфона вы можете увидеть:</p>
<p class="right_minor_text_two">1. Копирование блоков.</p>
<p class="right_minor_text_two">2. Удаление блоков.</p>
<p class="right_minor_text_two">3. Скрытие элементов.</p>
<div class="instruction_image_container">
    <img alt="Контрол для быстрого управления" src="/Images/Instructions/control-rus/control-1-rus.png" class="instruction_image" />
</div>

Боковой контроллер

<div class="header_block">
  <h1 class="right_major_text">Уведомления в Telegram</h1>
</div>
<p class="right_minor_text_two">Чтобы заявки с форм обратной связи и обратного звонка приходили не только в CRM и на почту, но ещё в Телеграм, можно настроить интеграцию в разделе «Модули».</p>
<div class="instruction_image_container">
  <img
    alt="Страница с модулями"
    src="/Images/Instructions/notifications-rus/notifications-3-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">
  После этого необходимо найти модуль «Уведомления в Telegram» и нажать кнопку
  «Установить».
</p>
<div class="instruction_image_container">
  <img
    alt="Модуль уведомлений в Телеграм"
    src="/Images/Instructions/notifications-rus/notifications-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two"><b>Чтобы настроить модуль Уведомлений в телеграм нужно:</b></p>
<p class="right_minor_text_two">1. Открыть телеграм.</p>
<p class="right_minor_text_two">2. Найти бота @HipolinkFormsBot.</p>
<p class="right_minor_text_two">3. Написать боту, получить API ключ, скопировать.</p>
<p class="right_minor_text_two">4. Вставить ключ в сервис, сохранить.</p>
<div class="instruction_image_container">
  <img
    alt="Настройка уведомлений в Telegram"
    src="/Images/Instructions/notifications-rus/notifications-1-rus.png"
    class="instruction_image"
  />
</div>

Уведомления в Telegram

<div class="header_block">
  <h1 class="right_major_text">Управление заявками в CRM</h1>
</div>
<p class="right_minor_text_two">Заявки, размещённые на странице «Обратный звонок» и «Форма заявок», приходят в нашу внутреннюю систему CRM.</p>
<p class="right_minor_text_two">Вы можете:</p>
<p class="right_minor_text_two">1. Менять статус заявки: Новая, В работе, Выполнена, Отклонена.</p>
<p class="right_minor_text_two">2. Сортировать заявки по статусу.</p>
<p class="right_minor_text_two">3. Добавлять заявки в избранное (звёздочка).</p>
<p class="right_minor_text_two">4. Выделять сразу несколько заявок (слева красный квадратик), добавлять в избранное, удалять.</p>
<div class="instruction_image_container">
  <img
    alt="Страница с заявками"
    src="/Images/Instructions/crm-rus/crm-2-rus.png"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Открыв заявку, вы сможете подробнее посмотреть поля, которые заполнил посетитель страницы.</p>
<div class="instruction_image_container">
  <img
    alt="Подробная информация о заявке"
    src="/Images/Instructions/crm-rus/crm-3-rus.png"
    class="instruction_image"
  />
</div>

Управление заявками в CRM

<div class="header_block">
  <h1 class="right_major_text">Интеграция Яндекс.Метрики</h1>
</div>
<p class="right_minor_text_two">Яндекс.Метрика — это инструмент веб-аналитики, который помогает получать наглядные отчеты, видеозаписи действий посетителей, отслеживать источники трафика и оценивать эффективность онлайн- и офлайн-рекламы.</p>
<p class="right_minor_text_two">Чтобы приступить к Интеграции Яндекс.Метрики в Hipolink, вам необходимо зайти в ваш аккаунт Яндекс. Затем перейдите по <a href="https://metrika.yandex.ru/list" class="instruction-link" target="blank">ссылке</a> и создайте новый счетчик.</p>
<div class="instruction_image_container">
  <img
    alt="добавить-счетчик"
    src="/Images/Integrations/yandex-metrica-ru-1.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Название счетчика может быть любым, в поле Адрес сайта вставьте Вашу ссылку в формате hipolink.me/example-username. Если вам требуются дополнительные функции, такие как Вебвизор, карта скроллинга и аналитика форм, включите соответствующий переключатель. Не забудьте принять условия Пользовательского соглашения, отметив соответствующий пункт. После выполнения этих несложных  действий нажмите "Создать счетчик".</p>
<div class="instruction_image_container">
  <img
    alt="настройки-счетчика"
    src="/Images/Integrations/yandex-metrica-ru-2.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Убедитесь, что выбран HTML способ установки кода счетчика Метрики.</p>
<div class="instruction_image_container">
  <img
    alt="способ-установки"
    src="/Images/Integrations/yandex-metrica-ru-3.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Нажмите Скопировать код</p>
<div class="instruction_image_container">
  <img
    alt="код-счетчика"
    src="/Images/Integrations/yandex-metrica-ru-4.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Перейдите на сайт Hipolink.net, авторизуйтесь и выберите раздел Модули. Внутри раздела «Модули», нажмите кнопку «Установить» на модуле Яндекс.Метрика, вставьте скопированный код и нажмите кнопку «Сохранить».</p>
<div class="instruction_image_container">
  <img
    alt="вставьте-код"
    src="/Images/Integrations/yandex-metrica-ru-5.jpg"
    class="instruction_image"
  />
</div>
<p class="right_minor_text_two">Готово! Ваш модуль Яндекс.Метрика установлен!</p>

Интеграция Яндекс.Метрика

<div class="header_block"><h1 class="right_major_text">Интеграция Google Analytics</h1></div>
<p class="right_minor_text_two">Google Analytics — бесплатный сервис аналитики посещаемости страницы. Предоставляет детальные данные по всем посетителям, отображая данные о регионе, источнике трафика и других важных параметрах.</p>
<p class="right_minor_text_two">Чтобы приступить к Интеграции Google Analytics в Hipolink, вам необходимо зайти в ваш аккаунт Google. Затем перейдите по <a href="https://analytics.google.com" class="instruction-link" target="blank">ссылке</a> и создайте аккаунт Аналитики. Придумайте название аккаунта.</p>
<div class="instruction_image_container"><img alt="Создать-аккаунт" src="/Images/Integrations/google-analytics-ru-1.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Выберите раздел Веб.</p>
<div class="instruction_image_container"><img alt="Выбор" src="/Images/Integrations/google-analytics-ru-2.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Заполните информацию о сайте. Обратите внимание на протокол, необходимо выбрать https://. Выберите Вашу отрасль и Отчетный часовой пояс. Нажмите Создать</p>
<div class="instruction_image_container"><img alt="настройка-ресурса" src="/Images/Integrations/google-analytics-ru-3.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Выберите страну для принятия соответствующих условий использования и примите их.</p>
<div class="instruction_image_container"><img alt="условия-использования" src="/Images/Integrations/google-analytics-ru-4.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Скопируйте код, находящийся в разделе «Отслеживание веб-сайтов».</p>
<div class="instruction_image_container"><img alt="отслеживание" src="/Images/Integrations/google-analytics-ru-5.jpg" class="instruction_image" /></div>
<p class="right_minor_text_two">Перейдите на сайт Hipolink.net, авторизуйтесь и выберите раздел Модули. Внутри раздела «Модули», нажмите кнопку «Установить» на модуле Google Analytics, вставьте скопированный код и нажмите кнопку «Сохранить».</p>
<div class="instruction_image_container"><img alt="вставьте-код" src="/Images/Integrations/google-analytics-ru-6.jpg" class="instruction_image" /></div>

Интеграция Google Analytics

<div class="header_block"><h1 class="right_major_text">Как настроить превью ссылки вашего сайта?</h1></div>

<p class="right_minor_text_two">Вы можете настроить заголовок, описание и картинку, появляющиеся при отправке Вашей ссылки в мессенджеры или социальные сети. Для изменения данных параметров необходимо перейти в раздел Настройки - SEO блок.</p>

<p class="right_minor_text_two">Вы можете указать заголовок и описание, а также загрузить картинку для превью. Над формой заполнения Вы можете увидеть, как будет выглядеть Ваша ссылка.</p>
<div class="instruction_image_container"><img alt="Пример" src="/Images/Instructions/SEO/seo1-ru.jpg" class="instruction_image" /></div>

<p class="right_minor_text_two">Но иногда, социальные сети и мессенджеры не сразу подгружают эти данные. Для того, чтобы введенные Вами параметры (заголовок, описание и картинка) отображались корректно необходимо следующее:</p>

<p class="right_minor_text_two"><b>Вконтакте</b></br>
1. Перейдите на <a href="https://vk.com/dev/pages.clearCache" class="instruction-link" target="blank">эту</a> страницу</br>
2. В поле <b>url</b> вставьте ссылку на ваш сайт и нажмите <b>Выполнить</b></br></p>

<div class="instruction_image_container"><img alt="ВКонтакте" src="/Images/Instructions/SEO/seo2-ru.jpg" class="instruction_image" /></div>

<p class="right_minor_text_two"><b>Facebook</b></br>
1. Перейдите на <a href="https://developers.facebook.com/tools/debug/" class="instruction-link" target="blank">эту</a> страницу </br>
2. Вставьте ссылку на ваш сайт и нажмите <b>Отладка </b></br>
3. Затем ниже нажмите <b>Повторить скрапинг</b></br></p>
<div class="instruction_image_container"><img alt="Facebook" src="/Images/Instructions/SEO/seo3-ru.jpg" class="instruction_image" /></div>

<p class="right_minor_text_two"><b>Twitter</b></br>
1. Перейдите на <a href="https://cards-dev.twitter.com/validator" class="instruction-link" target="blank">эту</a> страницу</br>
2. Вставьте ссылку на ваш сайт и нажмите <b>Preview car</b></br></p>

<div class="instruction_image_container"><img alt="Twitter" src="/Images/Instructions/SEO/seo4-ru.jpg" class="instruction_image" /></div>

<p class="right_minor_text_two"><b>Telegram</b></br>
1. Откройте мессенджер Telegram</br>
2. Найдите и начните диалог с ботом <b>@webpagebot</b></br>
3.Отправьте боту URL адрес вашей страницы</br>
4. В ответном от бота сообщении нажмите кнопку <b>Update preview again</b></br></p>

<div class="instruction_image_container"><img alt="Telegram" src="/Images/Instructions/SEO/seo5-ru.jpg" class="instruction_image" /></div>

<p class="right_minor_text_two"><b>Проверка</b></p>
<p class="right_minor_text_two">После выполнения всех этих действий вставьте Вашу ссылку в эти социальные сети, чтобы убедиться, что все отображается корректно.</p>

Настройка SEO

<div class="header_block"><h1 class="right_major_text">JivoSite</h1></div>
<p class="right_minor_text_two">JivoSite – чат для сайта и инструмент для общения с клиентами в социальных сетях, мессенджерах и мобильных приложениях. Зарабатывайте больше, не упуская ни одного обращения.</p> 
<p class="right_minor_text_two">Зарегистрировать здесь: <a href="https://www.jivosite.ru/" class="instruction-link" target="blank">jivosite.ru</a></p> 
<div class="instruction_image_container"><img alt="регистрация" src="/Images/Instructions/Jivosite/1ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Пройдите регистрацию, заполните запрашиваемые сайтом данные. Система предложит вам установить приложение, можно нажать «Отмена», приложение вы сможете установить в любой момент, если оно вам потребуется.</p> 
<p class="right_minor_text_two">После вы попадете на страницу с кодом виджета. На эту страницу еще можно попасть выбрав пункт «Настройка». Нажмите «Скопировать в буфер».</p> 
<div class="instruction_image_container"><img alt="настройки" src="/Images/Instructions/Jivosite/2ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Перейдите на сайт <a href="https://hipolink.net/" class="instruction-link" target="blank">Hipolink.net</a>, авторизуйтесь и выберите раздел <a href="https://hipolink.net/modules" class="instruction-link" target="blank">Модули</a>.</p> 
<div class="instruction_image_container"><img alt="модули" src="/Images/Instructions/Jivosite/3ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Внутри раздела <a href="https://hipolink.net/modules" class="instruction-link" target="blank">Модули</a>, нажмите кнопку «Установить» на модуле Jivosite и вставьте скопированный код и нажмите кнопку «Сохранить».</p> 
<p class="right_minor_text_two">Готово! Ваш модуль JivoSite установлен.</p>

JivoSite

<div class="header_block"><h1 class="right_major_text">Пиксель Facebook</h1></div> 
<p class="right_minor_text_two">Пиксель Facebook – веб-инструмент, с помощью которого можно отслеживать поведение пользователей на вашем сайте, анализировать их целевые действия и создавать аудитории, наиболее точно отвечающие вашей рекламной кампании.</p> 
<p class="right_minor_text_two">Чтобы приступить к Интеграции Пикселя в Hipolink, вам необходимо зайти в <a href="https://www.facebook.com/events_manager2" class="instruction-link" target="blank">Event manager</a>.</p> 
<div class="instruction_image_container"><img alt="подключить" src="/Images/Instructions/FB-pixel/1ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Далее нажмите на кнопку «Создать пиксель»</p> 
<div class="instruction_image_container"><img alt="создать" src="/Images/Instructions/FB-pixel/2ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Придумайте название вашего пикселя, укажите url, где он будет размещаться и нажмите «Создать пиксель»</p> 
<div class="instruction_image_container"><img alt="название" src="/Images/Instructions/FB-pixel/3ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Нажмите «Установить код вручную»</p> <div class="instruction_image_container"><img alt="код" src="/Images/Instructions/FB-pixel/4ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Скопируйте код для вставки на сайт и нажмите «Продолжить»</p> 
<div class="instruction_image_container"><img alt="скопировать код" src="/Images/Instructions/FB-pixel/5ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Перейдите на сайт <a href="https://hipolink.net/" class="instruction-link" target="blank">Hipolink.net</a>, авторизуйтесь и выберите раздел <a href="https://hipolink.net/modules" class="instruction-link" target="blank">Модули</a>.</p> 
<div class="instruction_image_container"><img alt="модули" src="/Images/Instructions/FB-pixel/6ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Внутри раздела <a href="https://hipolink.net/modules" class="instruction-link" target="blank">Модули</a>, нажмите кнопку «Установить» на модуле Пиксель Facebook и вставьте скопированный код и нажмите кнопку «Сохранить».</p> 
<p class="right_minor_text_two">Готово! Ваш модуль Пиксель Facebook установлен.</p>

Facebook Pixel

<div class="header_block"><h1 class="right_major_text">Пиксель ВКонтакте</h1></div>  
<p class="right_minor_text_two">Пиксель ВКонтакте позволяет отслеживать всех посетителей со страницы сайта, на которой он установлен: как только человек заходит на страницу, пиксель ретаргетинга автоматически его учитывает.</p> 
<p class="right_minor_text_two">С помощью пикселя вы сможете показывать рекламу пользователям ВКонтакте, которые заходили на ваш сайт или в мобильное приложение и совершили там определенные действия.</p> 
<p class="right_minor_text_two"><b>Чтобы приступить к Интеграции Пикселя в Hipolink, вам необходимо:</b></p> 
<p class="right_minor_text_two">1. Перейти в <a href="https://vk.com/ads?act=office" class="instruction-link" target="blank">Рекламный кабинет ВКонтакте.</a></p>
<p class="right_minor_text_two">2. Выбрать раздел Ретаргетинг.</p>
<p class="right_minor_text_two">3. Перейти в раздел Пиксели.</p>
<div class="instruction_image_container"><img alt="пиксели" src="/Images/Instructions/VKPixel/1ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Далее нажмите на кнопку «Создать пиксель» и заполните все поля. Укажите название пикселя, домен и тематику вашего сайта.</p> 
<div class="instruction_image_container"><img alt="название" src="/Images/Instructions/VKPixel/2ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Скопируйте код, который был сгенерирован при создании пикселя.</p> 
<div class="instruction_image_container"><img alt="код" src="/Images/Instructions/VKPixel/3ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Перейдите на сайт <a href="https://hipolink.net" class="instruction-link" target="blank">Hipolink.net</a>, авторизуйтесь и выберите раздел <a href="https://hipolink.ru/modules" class="instruction-link" target="blank">Модули</a></p> 
<div class="instruction_image_container"><img alt="модули" src="/Images/Instructions/VKPixel/4ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Внутри раздела <a href="https://hipolink.ru/modules" class="instruction-link" target="blank">Модули</a>, нажмите кнопку «Установить» на модуле Пиксель ВКонтакте и вставьте скопированный код и нажмите кнопку «Сохранить».</p> 
<p class="right_minor_text_two"><b>Чтобы убедиться, что код работает корректно, необходимо выполнить следующие действия:</b></p>
<p class="right_minor_text_two">1. Зайти на веб-сайт (веб-страницу), на которой установлен код.</p>
<p class="right_minor_text_two">2. Перейти в раздел <a href="https://vk.com/ads?act=retargeting&show=pixels" class="instruction-link" target="blank">Пиксели</a> рекламного кабинета ВКонтакте.</p>
<p class="right_minor_text_two">3. Проверить, изменился ли статус пикселя на «Работает». Также должны обновиться дата и время в таблице.</p>
<p class="right_minor_text_two">Готово! Ваш модуль Пиксель ВКонтакте установлен.</p>

Пиксель ВКонтакте

<div class="header_block"><h1 class="right_major_text">Google Tag Manager</h1></div> 
<p class="right_minor_text_two">Google Tag Manager — это сервис компании Google, который позволяет добавить на страницу один код GTM и управлять содержимым на стороне GTM. Это позволяет не менять код каждый раз на всех страницах, если вам понадобятся изменения в коде. В GTM можно добавить как свой код, так и код сервисов аналитики, например Google Analytics.</p> 
<p class="right_minor_text_two">Важно: Если вы подключаете Google Tag Manager и внутри него активируете счетчик Google Analytics, дополнительно подключать счетчик в настройках сайта нельзя — данные будут задваиваться.</p> 
<p class="right_minor_text_two">Вам необходимо перейти на <a href="https://tagmanager.google.com/" class="instruction-link" target="blank">сайт Google Tag Manager</a> и зарегистрировать, либо авторизоваться.</p>
<p class="right_minor_text_two">Далее нажать кнопку «Создать аккаунт»</p> 
<div class="instruction_image_container"><img alt="создать аккаунт" src="/Images/Instructions/GTM/1ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">После регистрации попадаете на экран создания контейнера. Вводите название аккаунта, где будут лежать контейнеры, а потом нажимаете «Continue» или «Далее»</p> 
<div class="instruction_image_container"><img alt="настройки аккаунта" src="/Images/Instructions/GTM/2ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Вводим название контейнера — адрес сайта, для которого и регистрировались в Google Tag Manager и нажимаем кнопку «Web» или «Интернет»</p> 
<div class="instruction_image_container"><img alt="настройки контейнера" src="/Images/Instructions/GTM/3ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Знакомимся с пользовательским соглашением и нажимаем «Далее»</p> 
<div class="instruction_image_container"><img alt="соглашение" src="/Images/Instructions/GTM/4ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Откроется всплывающее окно, скопируйте первый код.</p> 
<p class="right_minor_text_two">Важно: Копировать именно первый код!</p> 
<div class="instruction_image_container"><img alt="копировать код" src="/Images/Instructions/GTM/5ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Перейдите на сайт <a href="https://hipolink.net/" class="instruction-link" target="blank">Hipolink.net</a>, авторизуйтесь и выберите раздел <a href="https://hipolink.net/modules" class="instruction-link" target="blank">Модули</a>.</p> 
<p class="right_minor_text_two">Внутри раздела Модули, нажмите кнопку "«Установить» на модуле Google Tag Manager, вставьте скопированный код и нажмите кнопку «Сохранить».</p> 
<div class="instruction_image_container"><img alt="модули" src="/Images/Instructions/GTM/6ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Готово! Ваш модуль Google Tag Manager установлен.</p> 
<div class="header_block"><h1 class="right_major_text">Инструкция по созданию тегов в GTM</h1></div> 
<p class="right_minor_text_two">Все новые сервисы или счетчики добавляются через «Новый тег» — блок, находящийся в левом верхнем углу.</p> 
<div class="instruction_image_container"><img alt="новый тег" src="/Images/Instructions/GTM/7ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">После создания тега нажмите на поле «Конфигурация тега»</p> 
<div class="instruction_image_container"><img alt="конфигурация тега" src="/Images/Instructions/GTM/8ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Для примера добавим тег с Google Analytics</p> 
<div class="instruction_image_container"><img alt="выберите тип тега" src="/Images/Instructions/GTM/9ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Оставьте тип отслеживания «Просмотр страницы», а в поле Настройки Google Analytics выберите настройку «Новая переменная»</p> 
<div class="instruction_image_container"><img alt="новая переменная" src="/Images/Instructions/GTM/10ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Вставьте идентификатор Google Analytics</p> <div class="instruction_image_container"><img alt="идентификатор" src="/Images/Instructions/GTM/11ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Сохраните изменения, перейдите в настройки триггеров и выберите там вариант «All Pages» или «Все страницы», после этого сохраните тег.</p> 
<div class="instruction_image_container"><img alt="триггеры" src="/Images/Instructions/GTM/12ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">В окне с предложением переименования тега вы можете переименовать тег или оставить стандартное название.</p> 
<div class="instruction_image_container"><img alt="имя тега" src="/Images/Instructions/GTM/13ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Нажмите на кнопку Отправить — все изменения начнут работать только после публикации контейнера.</p> 
<div class="instruction_image_container"><img alt="проверка" src="/Images/Instructions/GTM/14ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Появится окно, в котором вы можете создать новую версию тега и опубликовать все изменения. После процесса публикации через какое-то время в Google Analytics начнется фиксация посещений вашего сайта. Вы можете изменять текущие теги или добавлять новые, например, для отслеживания отправки форм или переходов по внешним ссылкам.</p> 
<div class="instruction_image_container"><img alt="внесение изменений" src="/Images/Instructions/GTM/15ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Готово! Ваш модуль Google Tag Manager установлен.</p>

Google Tag Manager

<div class="header_block">
  <h1 class="right_major_text">Рекламная подписка от Яндекс.Бизнес</h1>
</div>
<p class="right_minor_text_two">Рекламная подписка — это инструмент, который поможет запустить рекламу вашего бизнеса сразу на нескольких площадках Яндекса в несколько кликов и без сложных настроек.</p>
<div class="header_block">
  <h2 class="right_major_text_2">Как подключить рекламную подписку для сайта:</h2>
</div>
<p class="right_minor_text_two">Для того, чтобы приступить к настройке, перейдите в раздел <a href="https://hipolink.net/ru/modules" class="instruction-link" target="blank">Модули</a> и нажмите кнопку «Установить» на модуле «Рекламная подписка от Яндекс.Бизнес».</p>
<div class="instruction_image_container"><img alt="Модули" src="/Images/Instructions/YandexAds/1ru.png" class="instruction_image" /></div>
<p class="right_minor_text_two">На странице модуля нажмите «Подключить».</p>
<div class="instruction_image_container"><img alt="Подключить" src="/Images/Instructions/YandexAds/2ru.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Поле сайт будет заполнено вашей ссылкой. Именно на нее будут привлекаться клиенты. Если у вас есть карточка организации и в ней указан ваш сайт, найдите её в поисковой выдаче — информация для объявлений автоматически подтянется из карточки. Если карточки у вас нет, нажмите кнопку «Здесь нет моей организации» и заполните небольшую анкету о своём бизнесе.</p>
<div class="instruction_image_container"><img alt="Добавьте сайт" src="/Images/Instructions/YandexAds/3ru.png" class="instruction_image" /></div>
<p class="right_minor_text_two">На странице рекламной кампании выберите «Бюджет и срок» Рекламной подписки <b>от 90 дней</b>. Дальше нажмите кнопку «Пополнить счёт». Счёт можно оплатить по реквизитам или банковской картой. Также здесь вы можете применить промокод.</p>
<div class="instruction_image_container"><img alt="Бюджет" src="/Images/Instructions/YandexAds/4ru.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Готово! Рекламная кампания запустится, как только деньги поступят на счёт.</p>
<p class="right_minor_text_two">Если вы увидите сообщение «Нужно подтвердить владение организацией» — подтвердите, иначе Рекламная подписка не заработает. Сделать это легко: нажмите кнопку «Подтвердить права», и на телефонный номер организации позвонят или отправят сообщение с кодом, который нужно будет ввести.</p>
<div class="header_block"><h2 class="right_major_text_2">Галерея</h2></div>
<p class="right_minor_text_two">Добавьте больше фотографий, которые расскажут о вашем бизнесе. Они помогут разнообразить объявления.</p>
<div class="header_block"><h3 class="right_major_text_3">Как добавить фотографии в галерею</h3></div>
<p class="right_minor_text_two">Пролистайте вниз до карточки <b>Загрузите рекламные материалы</b> и нажмите «Редактировать»</br>В карточке <b>Изображения для объявлений</b> нажмите «Добавить».</br>Выберите до десяти фотографий, которые будут использоваться для создания рекламных объявлений, или загрузите новые.</p> <div class="instruction_image_container"><img alt="Галерея" src="/Images/Instructions/YandexAds/5ru.png" class="instruction_image" /></div><p class="right_minor_text_two">Нажмите «Подтвердить».</p>
<div class="header_block"><h2 class="right_major_text_2">Акция</h2></div>
<p class="right_minor_text_two">В акции вы можете рассказать пользователям о скидках, специальных предложениях или новой услуге. Акция появится прямо в рекламных объявлениях.</p>
<div class="instruction_image_container"><img alt="Акции" src="/Images/Instructions/YandexAds/6ru.png" class="instruction_image" /></div>
<p class="right_minor_text_two">Оценить, сколько клиентов привела именно Рекламная подписка, помогут уникальные акции или специальные условия. Например, промокод или кодовое слово, которые не используются в других каналах продвижения.</p>
<div class="header_block"><h3 class="right_major_text_3">Как добавить акцию</h3></div>
<p class="right_minor_text_two">Пролистайте вниз до карточки <b>Загрузите рекламные материалы</b> и нажмите «Редактировать».</br>В карточке <b>Акции</b> нажмите «Добавить».</br>Заполните поля: название акции, которое увидите только вы, название акции для отображения в карточке, срок действия акции, описание, ссылку и изображение.</br> Нажмите «Сохранить».</p>
<p class="right_minor_text_two">Акция перестанет показываться, как только закончится срок. Также вы можете остановить её в любой момент.</p>
<div class="header_block">
  <h2 class="right_major_text_2">Текстовые объявления</h2>
</div>
<p class="right_minor_text_two">Если вы уже запускали рекламу и у вас есть свои варианты текстовых объявлений, вы можете добавить их в Рекламную подписку.</p>
<div class="header_block">
  <h3 class="right_major_text_3">Как добавить текстовые объявления</h3>
</div>
<p class="right_minor_text_two">Пролистайте вниз до карточки <b>Загрузите рекламные материалы</b> и нажмите «Редактировать».</br> В карточке <b>Текстовые объявления</b> нажмите «Добавить».</p>
<div class="instruction_image_container"><img alt="Объявление" src="/Images/Instructions/YandexAds/7ru.png"
    class="instruction_image" /></div>
<p class="right_minor_text_two">Заполните поля: название объявления, которое увидите только вы, заголовок, текст объявления и ссылку.</br> Нажмите «Сохранить».</p>
<div class="header_block">
  <h2 class="right_major_text_2">Метрика</h2>
</div>
<p class="right_minor_text_two">Для добавления вашего счетчика Метрики, нажмите на блок «Выберите цели рекламной кампании».</p>
<div class="instruction_image_container"><img alt="Настройки" src="/Images/Instructions/YandexAds/8ru.png"
    class="instruction_image" /></div>
<p class="right_minor_text_two">Далее добавьте код своего счетчика</p>
<div class="instruction_image_container"><img alt="Цели" src="/Images/Instructions/YandexAds/9ru.png"
    class="instruction_image" /></div>
<p class="right_minor_text_two">И нажмите «Сохранить».</p>
<div class="header_block">
  <h2 class="right_major_text_2">Управление и статистика</h2>
</div>
<p class="right_minor_text_two">После запуска кампании, вы можете изменить рекламные материалы при необходимости</p>
<div class="instruction_image_container"><img alt="Кампании" src="/Images/Instructions/YandexAds/10ru.png"
    class="instruction_image" /></div>
<p class="right_minor_text_two">Статистика ваших рекламных кампаний находится в блоке «Следите за статистикой продвижения»</p>
<div class="instruction_image_container"><img alt="Настройки" src="/Images/Instructions/YandexAds/8ru.png"
    class="instruction_image" /></div>
<p class="right_minor_text_two">В нем вы можете посмотреть ваши показы, переходы, а также цели, настроенные в вашей Метрике.</p>
<div class="instruction_image_container"><img alt="Метрика1" src="/Images/Instructions/YandexAds/11ru.png"
    class="instruction_image" /></div>
<div class="instruction_image_container"><img alt="Метрика2" src="/Images/Instructions/YandexAds/12ru.png"
    class="instruction_image" /></div>
<div class="instruction_image_container"><img alt="Метрика3" src="/Images/Instructions/YandexAds/13ru.png"
    class="instruction_image" /></div>
<p class="right_minor_text_two">Более подробная информация по Рекламной подписке от Яндекс.Бизнес представлена по <a href="https://yandex.ru/support/business-priority/index.html" class="instruction-link" target="blank">ссылке</a>.
</p>

Рекламная подписка

<div class="header_block"><h1 class="right_major_text">Конструктор политики обработки персональных данных</h1></div> 
<p class="right_minor_text_two">Если на вашем сайте есть любая форма сбора данных — обратной связи, подписки на рассылку, регистрации или личный кабинет, это считается обработкой персональных данных. В этом случае вы обязаны получить согласие на обработку персональных данных и разместить ссылку на вашу политику в отношении обработки персональных данных, чтобы человек мог с ней ознакомиться, согласиться и только после этого сообщить вам свои данные.</p> 
<p class="right_minor_text_two">Создайте образец документа с помощью конструктора, при необходимости скорректируйте, разместите текст на отдельной странице сайта и в форме приема данных поставьте ссылку на эту страницу.</p> 
<p class="right_minor_text_two">Для настройки формы на вкладке «Модули» нажмите «Установить» на модуле «Конструктор политики конфиденциальности».</p> 
<div class="instruction_image_container"><img alt="выбор модуля" src="/Images/Instructions/policy-constructor/0ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Затем заполните все необходимые данные.</p> 
<div class="instruction_image_container"><img alt="данные" src="/Images/Instructions/policy-constructor/1ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Готовая форма будет выглядеть следующим образом:</p> 
<div class="instruction_image_container"><img alt="пример1" src="/Images/Instructions/policy-constructor/2ru.png" class="instruction_image" /></div> 
<div class="instruction_image_container"><img alt="пример2" src="/Images/Instructions/policy-constructor/3ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Если все данные указаны верно, не забудьте нажать кнопку Сохранить.</p> 
<div class="instruction_image_container"><img alt="сохранить" src="/Images/Instructions/policy-constructor/4ru.png" class="instruction_image" /></div> 
<p class="right_minor_text_two">Теперь под каждой формой сбора данных на вашей странице будет располагаться ссылка на вашу политику конфиденциальности.</p> 
<div class="instruction_image_container"><img alt="ми страница" src="/Images/Instructions/policy-constructor/5ru.png" class="instruction_image" /></div>

Политика конфиденциальности

<div class="header_block">
<h1 class="right_major_text">Импорт страницы</h1>
</div>
<p class="right_minor_text_two">Если вы хотите перенести свою страницу из Таплинк на Hipolink в один клик - Вам поможет наша функция Импорт страницы.</p>
<p class="right_minor_text_two">Эту функцию вы можете найти в вашем аккаунте:</p>
<p class="right_minor_text_two">Шаг 1 - Открываете раздел “Настройки”</p>
<p class="right_minor_text_two">Шаг 2 - Выбираете функцию “Импорт страницы” </p>
<div class="instruction_image_container">
<img alt="Импорт таплинк" src="/Images/Instructions/taplink-rus/taplink-1-rus.png" class="instruction_image"/>
</div>
<p class="right_minor_text_two">Шаг 3 - Вставляете ссылку на вашу страницу в Таплинк</p>
<p class="right_minor_text_two">Шаг 4 - Нажимаете “Импорт”</p>
<div class="instruction_image_container">
<img alt="Импорт таплинк" src="/Images/Instructions/taplink-rus/taplink-2-rus.png" class="instruction_image"/>
</div>
<p class="right_minor_text_two">Перед импортом необходимо подтвердить, что данные вашей нынешней страницы будут удалены. Если вы согласны на этот шаг - кнопка “Продолжить импорт”. Если вы хотите сохранить существующую страницу - кнопка “Отменить”.</p>
<div class="instruction_image_container">
<img alt="Импорт таплинк" src="/Images/Instructions/taplink-rus/taplink-3-rus.png" class="instruction_image"/>
</div>
<p class="right_minor_text_two">Последняя и заключительная стадия функции Импорта - готовая страница и список перенесенных данных. Зеленым отмечены те пункты, которые нам удалось перенести на Hipolink без изменений, желтые - частично перенеслись (это значит, что данные перенесены, но немного изменены исходя из существующих блоков Hipolink)</p>
<p class="right_minor_text_two">Нажмите “Посмотреть результат”, чтобы увидеть вашу новую страницу в конструкторе.</p>
<div class="instruction_image_container">
<img alt="Импорт таплинк" src="/Images/Instructions/taplink-rus/taplink-4-rus.png" class="instruction_image"/>
</div>
<p class="right_minor_text_two">Если у вас возникла проблема или вопрос по поводу Импорта страницы, пожалуйста, обратитесь в <a class="instruction-link" href="mailto:support@hipolink.net" target="_blank" rel="noreferrer">службу поддержки.</a></p>

Импорт страницы с Taplink

Дополнительные возможности

На боковом контроллере от айфона вы можете управлять блоками