# articles

slug: 199-200--dlya-kakih-redakcij-sozdano-reshenie
title: Для каких редакций создано решение
content:
<p>На данный момент поддерживаются следующие редакции 1С-Битрикс:</p><ul><li>Старт</li><li>Стандарт</li><li>Малый бизнес</li><li>Бизнес &nbsp; <br></li><li>Интернет-магазин + CRM<br></li></ul><p>Самой оптимальной редакцией для работы решения является Стандарт. Так как это позволит вам использовать Веб-формы и интеграцию с CRM.<br></p>


slug: 201-203--kak-ustanovit-reshenie-na-gotovyj-sajt
title: Как установить решение на готовый сайт
content:
<p spellcheck='false' data-gramm='false'>Если у вас уже куплено готовое решение,&nbsp;то вам необходимо перейти в административную панель bitrix и зайти в раздел marketplace.</p> <figure><img src='/files/download/2020-10-21_17-11-28.png' data-image='254'></figure> <p spellcheck='false' data-gramm='false'>В Marketplace перейти в 'установленные решения' и найти в купленных решениях Landing - Конструктор лендингов и корпоративных сайтов (ranx.landing)</p> <p spellcheck='false' data-gramm='false'><strong>1 шаг. </strong>Вам нужно загрузить решение к себе в bitrix.</p> <figure><img src='/files/download/2020-10-21_17-13-52.png' data-image='255'></figure> <p spellcheck='false' data-gramm='false'><strong>2 шаг.</strong> Выбрать&nbsp;решения Landing (ranx.landing) и нажать кнопку Загрузить.</p> <figure><img src='/files/download/2020-10-21_17-16-02.png' data-image='256'></figure> <p spellcheck='false' data-gramm='false'><strong>3 шаг.</strong> Установить загруженный модуль.&nbsp;</p> <figure><img src='/files/download/2020-10-21_17-17-34.png' data-image='257'></figure> <p spellcheck='false' data-gramm='false'><strong>4 шаг. </strong>Нажимаете на кнопку 'Установить готовый сайт'.<strong><br></strong></p> <figure style='text-align: center;'><img src='/files/download/image (21).png' data-image='448'> </figure> <p spellcheck='false' data-gramm='false'>Либо запустить мастер вручную из списка мастеров.</p> <figure><img src='/files/download/2020-10-21_17-38-57.png' data-image='260'></figure> <p spellcheck='false' data-gramm='false'><strong>6 шаг. </strong>Последним этапом нужно пройти все этапы установки модуля. Нужно выбрать сайт на который вы хотите установить решение,&nbsp;либо создать новый. <br></p> <figure style='text-align: center;'><img src='/files/download/image (22).png' data-image='449'> </figure> <p></p> <p><strong>7 шаг.</strong> Выбрать тип вашего сайта.&nbsp;Одностраничный, либо многостраничный.</p> <p>Также есть вариант - встроить в решение. В этом случае страницы в публичке созданы не будут и вы сможете создать их позже вручную.</p> <figure style='text-align: center;'><strong><img src='/files/download/image (23).png' data-image='450'></strong></figure> <p><strong>8 шаг. </strong>Настройка главной. Этот шаг недоступен при выборе типа сайта 'Встроить в другое решение'.</p> <p>На этом шаге вы можете выбрать один из готовых шаблонов для главной страницы. Либо выбрать вариант с пустой главной. </p> <figure style='text-align: center;'><img src='/files/download/image (24).png' data-image='451'> </figure> <p><strong>9 шаг. </strong>Настройка других страниц. Данный шаг доступен только для многостраничных сайтов.</p> <p>Здесь вы можете выбрать страницы, которые хотите видеть на вашем сайте. Они будут автоматически созданы и добавлены в меню.</p> <figure style='text-align: center;'><img src='/files/download/image (25).png' data-image='452'> </figure> <p><strong>10 шаг. </strong>Подготовка к установке. Мастер установки опишет все изменения, которые будут внесены.</p> <p>Внимательно прочитайте, перепроверьте и, если все хорошо, запускайте установку.</p> <p>После окончания установки вы будете перенаправлены на сайт.</p> <p><strong>Поздравляем с успешной установкой!</strong></p> <p spellcheck='false' data-gramm='false'></p>


slug: 199--s-chego-nachat
title: С чего начать?
content:
<ul class='childs-list-container list-unstyled margin-top-10 margin-left-10'> <li class='childs-list-item margin-bottom-5 padding-5'> <a class='childs-list-item-link color-primary' href='/_module/knowledgebase/view/article/200--dlya-kakih-redakcij-sozdano-reshenie/'> <span id='ui-67d77d69bf0883-05730883' class='margin-right-10' style='display: flex; align-items: center;'> <svg width='16' height='16' fill='var(--color-icons-grey)'> <use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use> </svg> </span> Для каких редакций создано решение                            </a> </li> <li class='childs-list-item margin-bottom-5 padding-5'> <a class='childs-list-item-link color-primary' href='/_module/knowledgebase/view/article/319--moduli-neobhodimye-dlya-raboty-resheniya/'> <span id='ui-67d77d69bf73b2-73107797' class='margin-right-10' style='display: flex; align-items: center;'> <svg width='16' height='16' fill='var(--color-icons-grey)'> <use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use> </svg> </span> Модули, необходимые для работы решения                            </a> </li> </ul>


slug: 201--ustanovka-resheniya
title: Установка решения
content:
<ul class='childs-list-container list-unstyled margin-top-10 margin-left-10'> <li class='childs-list-item margin-bottom-5 padding-5'> <a class='childs-list-item-link color-primary' href=' /articles/201-203--kak-ustanovit-reshenie-na-gotovyj-sajt/'> <span id='ui-67d77dc16f1dc8-27286104'  class='margin-right-10' style='display: flex; align-items: center;'> <svg width='16' height='16'  fill='var(--color-icons-grey)'>  <use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use>  </svg> </span> Как установить решение на готовый сайт </a> </li> <li class='childs-list-item margin-bottom-5 padding-5'> <a class='childs-list-item-link color-primary' href=' /articles/201-204--ustanovit-dopolnitelnyj-sajt-v-rezhime-mnogosajtovosti/'> <span  id='ui-67d77dc16f7f78-76212652' class='margin-right-10' style='display: flex; align-items: center;'>  <svg width='16' height='16' fill='var(--color-icons-grey)'>  <use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use>  </svg> </span> Установить дополнительный сайт в режиме многосайтовости </a> </li> <li class='childs-list-item margin-bottom-5 padding-5'> <a class='childs-list-item-link color-primary' href=' /articles/201-644--nastrojka-prav-redaktora-landing/'> <span id='ui-67d77dc16fde30-07136400'  class='margin-right-10' style='display: flex; align-items: center;'> <svg width='16' height='16'  fill='var(--color-icons-grey)'>  <use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use>  </svg> </span> Настройка прав редактора решения </a> </li> </ul>


slug: 201-204--ustanovit-dopolnitelnyj-sajt-v-rezhime-mnogosajtovosti
title: Установить дополнительный сайт в режиме многосайтовости
content:
<p spellcheck='false' data-gramm='false'>Чтобы установить решение на несколько сайтов,&nbsp;нужно:</p> <p data-gramm='false' spellcheck='false'>1. Перейти в административную панель bitrix.&nbsp;</p> <p spellcheck='false' data-gramm='false'>2. Зайти в раздел 'Настройки продукта'.</p> <p spellcheck='false' data-gramm='false'>3. Перейти в 'Список мастеров'</p> <figure><img src='/files/download/2020-10-21_17-42-28.png' data-image='262'></figure> <p spellcheck='false' data-gramm='false'>Следующим этапом вам нужно выбрать решение из списка и перейти к установке.&nbsp;</p> <figure><img src='/files/download/2020-10-21_17-44-57.png' data-image='263'></figure> <p spellcheck='false' data-gramm='false'>Во время установки вам нужно выбрать сайт,&nbsp;на который вы хотите установить решение.</p> <figure><img src='/files/download/2020-10-21_17-47-02.png' data-image='264'></figure> <p spellcheck='false' data-gramm='false'></p>


slug: 201-644--nastrojka-prav-redaktora-landing
title: Настройка прав редактора решения
content:
<p>Чтобы предоставить пользователю права редактора, необходимо:</p> <p>1. В административной части сайта зайти в&nbsp;Настройки-&gt;&nbsp;Пользователи-&gt;&nbsp;Список пользователей</p> <p>2. На строке учетной записи нужного пользователя кликнуть на бургер и выбрать в выпадающем списке пункт 'Изменить' </p> <figure style='text-align: center;'><img src='/files/download/image (26).png' data-image='702'> </figure> <p>3. Перейти на вкладку 'Группы' и установить галочку возле группы 'Редакторы Landing'</p> <figure style='text-align: center;'><img src='/files/download/image (27).png' data-image='703'> </figure> <p>4. Нажать 'Сохранить'</p> <p>Готово! Теперь выбранному пользователю присвоена группа&nbsp;'Редакторы Landing'.&nbsp;</p> <p dir='ltr'>Пользователям, относящимся к данной группе, будут доступны полные права на управление модулем. Такой уровень доступа позволит вам без страха за работоспособность всего сайта делегировать создание, наполнение и редактирование страниц решения контент-менеджеру или маркетологу.</p> <p><br></p>


slug: 206-338--kak-sozdat-glavnuyu-stranicu
title: Как создать главную страницу
content:
<p spellcheck='false' data-gramm='false'>Для создания главной страницы перейдите в административную панель Bitrix и зайдите в решение RANX.&nbsp;</p><p spellcheck='false' data-gramm='false'><b>1 шаг. </b>Вам нужно создать в списке 1 раздел,&nbsp;который и будет являться вашей главной страницей.&nbsp;</p><figure><img src='/files/download/2020-10-21_17-50-54.png' data-image='266' title='' style=''></figure><p spellcheck='false' data-gramm='false'><b>2 шаг. </b>Выбираем сайт на котором будем создавать главную,&nbsp;если у вас 1 сайт,&nbsp;то выбирать нет необходимости.&nbsp;</p><figure><img src='/files/download/2020-10-21_17-53-55.png' data-image='267'></figure><p spellcheck='false' data-gramm='false'><b>3 шаг.</b> Выбираем тип страницы 'Главная'.</p><figure><img src='/files/download/2020-10-21_17-55-04.png' data-image='268'></figure><p spellcheck='false' data-gramm='false'><b>4 шаг. </b>Задаем наименование,&nbsp;для понимания,&nbsp;что это главная страница,&nbsp;мы рекомендуем писать 'Главная'</p><figure><img src='/files/download/2020-10-21_17-56-00.png' data-image='269'></figure><p spellcheck='false' data-gramm='false'><b>5 шаг.</b> Сохраняем и переходим в визуальную область для редактирования страницы.&nbsp;</p><figure><img src='/files/download/2020-10-21_17-59-01.png' data-image='270' title='' style=''></figure><p spellcheck='false' data-gramm='false'><b>6 шаг. </b>Собираем главную страницу из имеющихся блоков или устанавливаем скачаную страницу.&nbsp;</p><figure><img src='/files/download/2020-10-22_09-44-02.png' data-image='271' title='' style=''></figure><p spellcheck='false' data-gramm='false'>Чтобы выбрать готовый шаблон,&nbsp;вам нужно перейти в готовые шаблоны и выбрать либо те,&nbsp;которые есть у вас, либо шаблоны в разделе кампания.</p><figure><img src='/files/download/2020-10-22_09-45-40.png' data-image='272'></figure>


slug: 206-208--kak-sozdat-novyj-razdel-stranicu
title: Как создать новый раздел/страницу
content:
<h2 spellcheck='false' data-gramm='false'>Создание страницы/раздела</h2> <p spellcheck='false' data-gramm='false'>Для того чтобы создать страницу или раздел,&nbsp;вам необходимо:</p> <p data-gramm='false' spellcheck='false'><b>1 шаг.</b> перейти в административную часть сайта.&nbsp;</p> <figure><img src='/files/download/2020-10-21_12-30-48.png' data-image='227' title='' style=''></figure> <p spellcheck='false' data-gramm='false'><b>2 шаг.</b> Зайти в модуль RANX.</p> <figure><img src='/files/download/2020-10-21_12-32-01.png' data-image='228'></figure> <p spellcheck='false' data-gramm='false'><b>3 шаг.</b> Если у вас еще нет раздела,&nbsp;который вы хотите наполнять,&nbsp;то вам нужно его создать. Для этого нажмите 'Добавить новый'.</p> <figure><img src='/files/download/2020-10-21_12-34-27.png' data-image='229'></figure> <p spellcheck='false' data-gramm='false'><b>4 шаг.</b> На этом этапе у вас появятся поля,&nbsp;которые необходимо заполнить.&nbsp;</p> <figure><img src='/files/download/2020-10-21_12-34-59.png' data-image='230'></figure> <p spellcheck='false' data-gramm='false'>1. Выберите сайт,&nbsp;на котором будете создавать раздел.&nbsp;</p> <p spellcheck='false' data-gramm='false'>2. Выберите тип страницы/сайта.&nbsp;</p> <p spellcheck='false' data-gramm='false'>3. Дайте название вашему разделу/странице.</p> <p spellcheck='false' data-gramm='false'>4. Укажите путь до страницы. Необходимо указывать относительную ссылку, например есть адрес ranx.ru/example/,&nbsp;вам нужно указать только&nbsp;/example/.</p> <p spellcheck='false' data-gramm='false'>5. Если у вас уже есть папка с тем названием,&nbsp;которое вы создали,&nbsp;то можете нажать 'Заменить,&nbsp;если существует',&nbsp;но в этом случае, если на этой странице был контент,&nbsp;то он заменится на новую страницу.&nbsp;</p> <p spellcheck='false' data-gramm='false'>На этом этапе сохраняем все наши настройки и переходим к созданию страницы</p> <p spellcheck='false' data-gramm='false'></p> <p spellcheck='false' data-gramm='false'>Есть 2 варианта создания страницы.</p> <p spellcheck='false' data-gramm='false'><b>1 вариант создания страницы через модуль.</b>&nbsp;</p> <p spellcheck='false' data-gramm='false'><b>1 шаг.</b> Переходим на наш раздел/посадку по ссылке. Это можно сделать сразу после создания раздела/посадки.</p> <figure><img src='/files/download/2020-10-30_09-51-45.png' data-image='351' title='' style=''></figure> <p spellcheck='false' data-gramm='false'><b>2 шаг.</b> В визуальной области сайта необходимо нажать на 'добавить раздел'.</p> <figure><img src='/files/download/2020-10-30_10-39-01.png' data-image='352' title='' style=''></figure> <p spellcheck='false' data-gramm='false'><b>3 шаг.</b> Пишем название раздела и создаем его.&nbsp;</p> <p spellcheck='false' data-gramm='false'><b>4 шаг.</b>&nbsp;После создания мы можем перейти к наполнению или созданию еще разделов.&nbsp;</p> <figure><img src='/files/download/2020-10-30_10-40-26.png' data-image='353' title='' style=''></figure> <p spellcheck='false' data-gramm='false'><b>2 вариант создания страницы через административную панель Bitrix.&nbsp;</b> </p> <p spellcheck='false' data-gramm='false'><b>1 шаг. </b>Переходим в контент, далее заходим в раздел RANX: Landing и в нем ищем наш инфоблок,&nbsp;который мы создавали,&nbsp;чтобы создать наши страницы.&nbsp;</p> <figure><img src='/files/download/2020-10-21_12-41-01.png' data-image='231'></figure> <p spellcheck='false' data-gramm='false'><b>2 шаг. </b>Создайте страницу или раздел в котором будут находиться все ваши страницы.</p> <p data-gramm='false' spellcheck='false'>- Для создания страницы вам нужно нажать 'Добавить элемент'&nbsp;</p> <p spellcheck='false' data-gramm='false'>- Для создания папки (раздела),&nbsp;вам нужно нажать 'Добавить раздел'</p> <p spellcheck='false' data-gramm='false'>Папки нужно создавать для структуризации,&nbsp;чтобы соответствующие страницы находились в своей папке.&nbsp;</p> <p spellcheck='false' data-gramm='false'>Пример: Если у вас есть клиника,&nbsp;то вы предоставляете разные услуги&nbsp;и соответственно хирургию нужно выделить отдельно в хирургию,&nbsp;кардиологию нужно выделить в кардиологию и т.д.</p> <figure><img src='/files/download/2020-10-21_13-25-36.png' data-image='233' title='' style=''></figure> <p spellcheck='false' data-gramm='false'><b>3 шаг. </b>После того как вы создали страницу (элемент),&nbsp;вам нужно ее наполнить контентом и после этого вы завершите этап создания страницы.&nbsp;</p>


slug: 319--moduli-neobhodimye-dlya-raboty-resheniya
title: Модули, необходимые для работы решения
content:
<p>Creator требует <strong>обязательного </strong>наличия следующих модулей Битрикса:</p> <ul><li>Информационные блоки (iblock)<br></li></ul> <p>Также есть список <strong>необязательных </strong>модулей:</p> <ul><li>Веб-формы (form). При отсутствии будут использованы инфоблоки.<br></li><li>Торговый каталог (catalog). Для автоматического импорта товаров в блоки товаров.<br></li></ul> <p>Модуль широко использует новое ядро D7 Битрикса. Поэтому, желательно использовать версию Битрикса больше или равной 20.</p> <p>Также рекомендуем использовать версию PHP 7.2 и выше.<br></p>


slug: 206-207--kak-dobavit-ssylku-na-stranicu-razdel-v-menyu
title: Как добавить ссылку на страницу/раздел в меню
content:
<p spellcheck='false' data-gramm='false'>Чтобы добавить ссылку на страницу или раздел,&nbsp;который вы создали,&nbsp;вам нужно:</p> <p data-gramm='false' spellcheck='false'><b>1 шаг.</b> перейти в режим редактирования на модуле.&nbsp;</p> <figure><img src='/files/download/2020-10-21_13-36-32.png' data-image='234' title='' style=''></figure> <p spellcheck='false' data-gramm='false'><b>2 шаг. </b>Перейти в редактирование меню.</p> <figure><img src='/files/download/2020-10-21_13-44-09.png' data-image='235' title='' style=''></figure> <p spellcheck='false' data-gramm='false'><b>3 шаг. </b>Добавить новый пункт в меню.&nbsp;</p> <figure><img src='/files/download/2020-10-21_13-45-31.png' data-image='236'></figure> <p spellcheck='false' data-gramm='false'><b>4 шаг.</b> Заполнить все поля,&nbsp;которые выводятся в окошке.&nbsp;</p> <figure><img src='/files/download/2020-10-21_13-46-19.png' data-image='237'></figure> <p spellcheck='false' data-gramm='false'>1. Заголовок. Напишите,&nbsp;как будет называться ваш пункт в меню.&nbsp;</p> <p spellcheck='false' data-gramm='false'>2. Добавьте ссылку на раздел или страницу. </p> <p data-gramm='false' spellcheck='false'>Здесь вы можете выбрать из уже имеющихся страниц</p> <figure><img src='/files/download/2020-10-21_13-48-12.png' data-image='238'></figure> <p spellcheck='false' data-gramm='false'>Или вы можете вручную написать адрес ссылки,&nbsp;которую нужно вывести в меню. </p> <figure><img src='/files/download/2020-10-21_13-49-40.png' data-image='239'></figure> <p spellcheck='false' data-gramm='false'></p> <p spellcheck='false' data-gramm='false'></p> <p spellcheck='false' data-gramm='false'></p>


slug: 206-573--kak-sozdat-razdel-s-katalogom
title: Как создать раздел с каталогом
content:
<p>Начиная с версии 1.8.0, решение позволяет создать раздел с полноценным каталогом.</p> <p>Для его создания перейдите на страницу создания нового раздела в административной панели:</p> <figure style='text-align: center;'><img src='/files/download/image (16).png' data-image='525'></figure> <p>В выпадающем списке выбираем тип 'Каталог':</p> <figure style='text-align: center;'><img src='/files/download/image (17).png' data-image='526'></figure> <p>Добавляем название и путь. При желании сразу добавляем его в меню.</p> <figure style='text-align: center;'><img src='/files/download/image (18).png' data-image='527'></figure> <p>И нажимаем сохранить. После чего раздел будет создан и на него можно будет перейти по ссылке:</p> <figure style='text-align: center;'><img src='/files/download/image (19).png' data-image='528'></figure> <p>Подробнее о работе с разделом можно почитать <a href='/articles/574--catalog/' target='_blank'>здесь</a>.<br></p>


slug: 271-272--kak-sozdat-shirokij-banner
title: Как создать широкий баннер
content:
<p spellcheck='false' data-gramm='false'>В модуле есть несколько вариантов баннера. Перейдите в библиотеку блоков и зайдите в раздел 'баннеры' и выберите из уже имеющихся шаблонов.&nbsp;</p> <figure><img src='/files/download/2020-10-19_12-43-33.png' data-image='193'></figure> <p spellcheck='false' data-gramm='false'>Давайте рассмотрим список полей в контенте баннера.&nbsp;</p> <figure><img src='/files/download/2020-10-19_14-28-12.png' data-image='196' title='' style=''></figure> <p spellcheck='false' data-gramm='false'>1. 'Надзаголовок'.</p> <p spellcheck='false' data-gramm='false'>2.&nbsp;Заголовок.</p> <p spellcheck='false' data-gramm='false'>3.&nbsp;Описание для анонса. Описание содержит HTML&nbsp;поле,&nbsp;поэтому вы можете заполнять его в соответствии с тегами html.</p> <p spellcheck='false' data-gramm='false'>4. Цена.</p> <p spellcheck='false' data-gramm='false'>5. Две кнопки,&nbsp;которые активируются по отдельности в модуле.&nbsp;</p> <p spellcheck='false' data-gramm='false'>6.&nbsp;Активная картинка на фоне,&nbsp;которая меняется отдельно и не привязана к общему фону баннера.&nbsp;</p> <p spellcheck='false' data-gramm='false'>7. Также весь серый фон, это отдельный блок,&nbsp;который также вы можете заменить на картинку или на другой цвет.&nbsp;</p> <p spellcheck='false' data-gramm='false'></p>


slug: 271-273--kak-sozdat-razdel-so-spiskom-akcij-novostej-statej
title: Как создать блок со списком акций, новостей, статей
content:
<p spellcheck='false' data-gramm='false'>В модуле есть несколько вариантов акций, новостей,&nbsp;статей. Перейдите в библиотеку блоков и зайдите в раздел 'акции и новости' и выберите из уже имеющихся шаблонов.&nbsp;</p> <figure><img src='/files/download/2020-10-19_15-58-50.png' data-image='197'></figure> <p></p> <p spellcheck='false' data-gramm='false'>Рассмотрим какие поля включает себя блок акций и новостей.</p> <figure><img src='/files/download/2020-10-19_16-00-33.png' data-image='198' title='' style=''></figure> <p spellcheck='false' data-gramm='false'>1. 'Надзаголовок'.</p> <p spellcheck='false' data-gramm='false'>2. Заголовок.</p> <p spellcheck='false' data-gramm='false'>3.&nbsp;Подзаголовок.</p> <p spellcheck='false' data-gramm='false'>4.&nbsp;Описание для анонса. Описание содержит HTML поле, поэтому вы можете заполнять его в соответствии с тегами html.</p> <p spellcheck='false' data-gramm='false'>5. Анонс карточки акций или новостей,&nbsp;которые вы выводите в данном блоке. </p> <p data-gramm='false' spellcheck='false'>6. Также вы можете под карточками вывести 2 кнопки. Кнопки выводятся исходя из того,&nbsp;какие у вас задачи стоят данного блока.&nbsp;&nbsp;</p> <p spellcheck='false' data-gramm='false'></p> <p spellcheck='false' data-gramm='false'>Рассмотрим создания анонса карточки. Вам нужно раскрыть одну из карточек или создать новую.</p> <figure><img src='/files/download/2020-10-19_16-07-56.png' data-image='199'></figure> <p spellcheck='false' data-gramm='false'>В раскрытой карточке товара у нас появляются поля для заполнения.&nbsp;</p> <figure><img src='/files/download/2020-10-19_16-08-57.png' data-image='201'></figure> <figure><img src='/files/download/2020-10-19_16-10-05.png' data-image='202'></figure> <p spellcheck='false' data-gramm='false'>1. Заголовок. Вам нужно ввести названия акции или новости.</p> <p spellcheck='false' data-gramm='false'>2. Картинка для анонса. Добавить иллюстрацию (картинку) для вашей акции или новости.&nbsp;</p> <p spellcheck='false' data-gramm='false'>3. Начало активности. Чаще всего оставляем без изменений, но если вам необходимо изменить дату, то вам нужно выставить корректную дату вашего инфоповода.</p> <p spellcheck='false' data-gramm='false'>4.'Всплывающее окно'. Если вы хотите,&nbsp;чтобы при нажатии на акцию у вас появлялся подробный анонс на этой же странице, во всплывающем окне,&nbsp;то активируйте кнопку.&nbsp;</p> <p data-gramm='false' spellcheck='false'>5. После добавьте описание и картинку для анонса.&nbsp;</p> <p spellcheck='false' data-gramm='false'>6. Последним этапом укажите ссылку на акцию или новость, куда пользователь будет переходить при нажатии на карточку.</p> <p data-gramm='false' spellcheck='false'>&nbsp;</p> <p spellcheck='false' data-gramm='false'></p> <p spellcheck='false' data-gramm='false'></p>


slug: 271-274--kak-sozdat-tizery-s-ikonkami-i-preimushestvami
title: Как создать блок с тизерами иконок и преимуществ
content:
<p spellcheck='false' data-gramm='false'>В модуле есть несколько вариантов для создания тизеров. Перейдите в библиотеку блоков и зайдите в раздел 'тизеры' и выберите из уже имеющихся шаблонов.</p> <figure><img src='/files/download/2020-10-20_09-42-55.png' data-image='205'></figure> <p spellcheck='false' data-gramm='false'>Рассмотрим элементы,&nbsp;которые есть на этом блоке.</p> <figure><img src='/files/download/2020-10-19_17-48-35.png' data-image='206' title='' style=''></figure> <p spellcheck='false' data-gramm='false'>1. 'Надзаголовок'.</p> <p spellcheck='false' data-gramm='false'>2. Заголовок.</p> <p spellcheck='false' data-gramm='false'>3.&nbsp;Подзаголовок.</p> <p spellcheck='false' data-gramm='false'>4.&nbsp;Описание для блока тизера. Описание содержит HTML поле, поэтому вы можете заполнять его в соответствии с тегами html.</p> <p spellcheck='false' data-gramm='false'>5. Тизеры,&nbsp;которые вы выводите в данном блоке.</p> <p data-gramm='false' spellcheck='false'>6. Кнопки. Вы можете под тизерами вывести 2 кнопки.</p> <p spellcheck='false' data-gramm='false'></p> <p spellcheck='false' data-gramm='false'>При необходимости вы можете убрать надзаголовок,&nbsp;заголовок, подзаголовок и описание, оставив только тизеры. Сделать вы это можете в контенте блока,&nbsp;с помощью деактивации 'шапка блока'.&nbsp;</p> <figure><img src='/files/download/2020-10-20_12-04-04.png' data-image='209'></figure> <p><br></p>


slug: 271-275--kak-sozdat-blok-s-brendami
title: Как создать блок с брендами
content:
<p spellcheck='false' data-gramm='false'>В модуле есть несколько вариантов блока 'бренды'. Перейдите в библиотеку блоков и зайдите в раздел 'бренды' и выберите из уже имеющихся шаблонов.&nbsp;</p> <figure><img src='/files/download/2020-10-20_12-12-35.png' data-image='210'></figure> <p spellcheck='false' data-gramm='false'>Рассмотрим элементы, которые есть в этом блоке.</p> <figure><img src='/files/download/2020-10-20_12-14-01.png' data-image='211' title='' style=''></figure> <p spellcheck='false' data-gramm='false'>1. 'Надзаголовок'.</p> <p spellcheck='false' data-gramm='false'>2. Заголовок.</p> <p spellcheck='false' data-gramm='false'>3.&nbsp;Подзаголовок.</p> <p spellcheck='false' data-gramm='false'>4.&nbsp;Описание для блока брендов. Описание содержит HTML поле, поэтому вы можете заполнять его в соответствии с тегами html.</p> <p spellcheck='false' data-gramm='false'>5. Бренды,&nbsp;которые вы выводите в данном блоке.</p> <p data-gramm='false' spellcheck='false'>6. Кнопки. Вы можете под карточками брендов вывести 2 кнопки.</p> <p spellcheck='false' data-gramm='false'></p> <p spellcheck='false' data-gramm='false'>При заполнении карточек брендов есть следующие поля.&nbsp;</p> <figure><img src='/files/download/2020-10-20_12-23-51.png' data-image='212'></figure> <p spellcheck='false' data-gramm='false'>1. Заголовок. Вам нужно ввести название бренда.</p> <p spellcheck='false' data-gramm='false'>2. Изображение для бренда.</p> <p spellcheck='false' data-gramm='false'>3. Цвет фона. Цвет указывается в html.</p> <p spellcheck='false' data-gramm='false'>4. Описание для бренда.</p>


slug: 271-276--kak-sozdat-blok-s-video
title: Как создать блок с видео
content:
<p dir='ltr'>Добавляйте блок с видео, чтобы наглядно рассказывать о своих услугах и привлекать внимание аудитории.&nbsp;<br></p> <p dir='ltr'>В решении Landing есть два типа отображения блока с видео.&nbsp;<br></p> <p dir='ltr'>1 тип — Видео небольшого размера.<br></p> <figure style='text-align: center;'><img src='/files/download/image (29).png' data-image='488'> </figure> <p dir='ltr'>2 тип — Видео большого размера.&nbsp;<br></p> <figure style='text-align: center;'><img src='/files/download/image (30).png' data-image='489'> </figure> <p dir='ltr'>Чтобы добавить блок, перейдите в Библиотеку блоков и выберите раздел «&lrm;Видео». Наведите на интересующий вас тип блока и нажмите «&lrm;Добавить».&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (31).png' data-image='491'> </figure> <p dir='ltr'>Чтобы редактировать контент, наведите на блок на нажмите кнопку «&lrm;Контент».</p> <figure style='text-align: center;'><img src='/files/download/image (32).png' data-image='492'> </figure> <p dir='ltr'>В разделе «&lrm;Контент» вы можете:&nbsp;</p> <ol> <li dir='ltr'>Указывать заголовок для меню.&nbsp;</li> <li dir='ltr'>Редактировать шапку блока.&nbsp;</li> <li dir='ltr'>Редактировать само видео, которое будет воспроизводится.&nbsp;</li> <li dir='ltr'>Добавлять одну кнопку.&nbsp;</li> <li dir='ltr'>Добавлять вторую кнопку.&nbsp;</li> </ol> <p dir='ltr'>Вы также можете не выводить какую-то информацию. Например, чтобы не выводить шапку блока — отключите галочку рядом с названием «&lrm;Шапка блока».&nbsp;<br></p> <p dir='ltr'>Чтобы применить изменения, нажмите кнопку «&lrm;Применить» в правом верхнем углу.&nbsp;<br></p> <figure style='text-align: center;'><img src='/files/download/image (33).png' data-image='493'> </figure> <p dir='ltr'><strong>Видео</strong>. В этом пункте вы можете:&nbsp;</p> <ol> <li dir='ltr'>Вставлять ссылку видео с YouTube.&nbsp;</li> <li dir='ltr'>Активировать возможность показывать видео во всплывающем окне. Для этого — поставьте галку рядом с полем «&lrm;Показывать видео во всплывающем окне». Тогда при нажатии видео будет открыватся в попап-окне.&nbsp; </li> <li dir='ltr'>Добавлять подпись к видео. Она будет располагаться под видео.&nbsp;</li> </ol> <figure style='text-align: center;'><img src='/files/download/image (34).png' data-image='494'> </figure> <p dir='ltr'>Вы можете добавить в блоке кнопки. Они будут располагаться справа от видео.&nbsp;<br></p> <figure style='text-align: center;'><img src='/files/download/image (35).png' data-image='495'> </figure> <p dir='ltr'>Рассмотрим их настройки.</p> <ol> <li dir='ltr'>Укажите тип кнопки: цвета темы сайта, прозрачная, белая.&nbsp;</li> <li dir='ltr'>Укажите размер кнопки: по умолчанию, маленькая, мини, большая.&nbsp;</li> <li dir='ltr'>Добавьте текст для кнопки.&nbsp;</li> <li dir='ltr'>Выберите тип ссылки, куда будет переходить пользователь по клику на эту кнопку. Ссылка может быть внутренняя — по сайту, внешняя — вне сайта, блочная — переводить на блок на сайте, ссылка на форму — переводить пользователя на форму обратной связи.&nbsp;&nbsp;</li> <li dir='ltr'>Вставьте ссылку.&nbsp;<br></li> </ol> <figure style='text-align: center;'><img src='/files/download/image (36).png' data-image='496'> </figure> <p><br></p> <p>Экспериментируйте с блоком. Найдите подходящее для себя сочетание. <br></p>


slug: 299-300--kontent
title: Контент - наполнение блока
content:
<p dir='ltr'>Чтобы блок на странице был информативным — его нужно наполнить контентом. Создавать и редактировать информацию в блоках можно в разделе «&lrm;Контент».&nbsp;</p> <p dir='ltr'>В каждом блоке поля для контента могут отличаться, но принцип заполнения у них один.&nbsp;</p> <h3 dir='ltr'>Пример контента в блоке с видео</h3> <p dir='ltr'>Наведите на область блока и нажмите кнопку «&lrm;Контент».&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (37).png' data-image='512'> </figure> <p dir='ltr'>Откроется попап-окно. В разделе «&lrm;Контент» вы можете редактировать:</p> <ol> <li dir='ltr'>Заголовок для меню.&nbsp;</li> <li dir='ltr'>Шапку блока.&nbsp;</li> <li dir='ltr'>Видео.</li> <li dir='ltr'>Первую кнопку.</li> <li dir='ltr'>Вторую кнопку.&nbsp;<br></li> </ol> <p dir='ltr'>Если вы не хотите выводить какую-то информацию, например, заголовок для меню, шапку или кнопку — используйте чекбокс рядом с названием поля. Вы можете заполнить поле и отключить чекбокс.&nbsp;Чтобы применить изменения, нажмите кнопку «&lrm;Применить» в правом верхнем углу.&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (38).png' data-image='514'> </figure> <p dir='ltr'><strong>Заголовок для меню</strong>. В этом поле вы можете вписать название для быстрой навигации — так блок будет отображаться в меню якорей.&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (39).png' data-image='515'> </figure> <p dir='ltr'><strong>Шапка блока</strong>. Здесь вы можете ввести:</p> <ol> <li dir='ltr'>Надзаголовок.</li> <li dir='ltr'>Заголовок.</li> <li dir='ltr'>Подзаголовок.</li> <li dir='ltr'>Описание.&nbsp;</li> <li dir='ltr'>Картинку-превью.</li> </ol> <p dir='ltr'>В полях «&lrm;Подзаголовок» и «&lrm;Описание» реализован визуальный редактор от 1С-Битрикс. Он по умолчанию выключен. Включить его можно в настройках раздела «&lrm;Для разработчиков» из административной части сайта.&nbsp; </p> <p dir='ltr'>В редакторе вы можете писать списки, вставлять ссылки, выбирать формат шрифта, например, курсив, жирный, подчеркнутый и многое другое.&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (40).png' data-image='516'> </figure> <p dir='ltr'><strong>Видео</strong>. В этом поле вы можете:</p> <ol> <li dir='ltr'>Вставить ссылку на видео с YouTube.</li> <li dir='ltr'>Активировать функцию «&lrm;Показывать видео во всплывающем окне». Тогда при нажатии на видео — оно будет открываться в попап-окне.&nbsp;</li> <li dir='ltr'>Добавить подпись. Она будет располагаться под видео.&nbsp;</li> </ol> <figure style='text-align: center;'><img src='/files/download/image (41).png' data-image='517'> </figure> <p dir='ltr'><strong>Кнопки</strong>. Вы можете добавить в блоке кнопки. Они будут располагаться под видео.&nbsp;</p> <p dir='ltr'>Рассмотрим их настройки.</p> <ol> <li dir='ltr'>Укажите тип кнопки: цвета темы сайта, прозрачная, белая.&nbsp;</li> <li dir='ltr'>Укажите размер кнопки: по умолчанию, маленькая, мини, большая.&nbsp;</li> <li dir='ltr'>Добавьте текст для кнопки.&nbsp;</li> <li dir='ltr'>Выберите тип ссылки, куда будет переходить пользователь по клику на эту кнопку. Ссылка может быть внутренняя — по сайту, внешняя — открывается в новой вкладке, блочная — переводит на якорь на сайте, ссылка на форму — показывает всплывающее окно с формой или переводить на форму на сайте.&nbsp;&nbsp;</li> <li dir='ltr'>Для типов ссылки «&lrm;Внешняя» и «&lrm;Внутренняя» необходимо вставить ссылку, для ссылок «&lrm;Блок» и «&lrm;Форма» — выбрать ссылку из предложенных.&nbsp;<br></li> </ol> <figure style='text-align: center;'><img src='/files/download/image (42).png' data-image='520'> </figure> <p dir='ltr'>Кнопки в блоке с видео выглядят так:&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (43).png' data-image='518'> </figure> <p dir='ltr'>Контент в блоке с видео добавлен.&nbsp;</p>


slug: 299-302--dizajn
title: Дизайн - оформление блока
content:
<p dir='ltr'>Помимо редактирования информации в блоке, вы можете изменять дизайн. Наведите на блок и нажмите кнопку «&lrm;Дизайн».&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (44).png' data-image='521'> </figure> <p dir='ltr'>В разделе «&lrm;Дизайн» вы можете:<br></p> <ol> <li dir='ltr'>Изменять отступ блока сверху.</li> <li dir='ltr'>Изменять отступ блока снизу.&nbsp;</li> <li dir='ltr'>Добавлять разделитель после блока.&nbsp;</li> <li dir='ltr'>Выбирать цвет фона блока из предложенных.&nbsp;</li> <li dir='ltr'>Выбирать цвет фона блока из своей палитры.&nbsp;</li> <li dir='ltr'>Выбирать цвет текста.&nbsp;</li> <li dir='ltr'>Загрузить фоновое изображение.&nbsp;</li> <li dir='ltr'>Активировать эффект параллакса — он делает изображение объемнее. При эффекте параллакса фон двигается медленнее, а объект — сильнее и быстрее.</li> </ol> <figure style='text-align: center;'><img src='/files/download/image (45).png' data-image='522'> </figure> <p dir='ltr'>Экспериментируйте с блоком. Найдите подходящее для себя сочетание.</p>


slug: 299-315--knopki-opisanie-raboty
title: Где есть кнопки и как они работают
content:
<p dir='ltr'>Идеальная кнопка для сайта — это когда пользователи не отвлекаются на нее, но постоянно нажимают. Хорошая кнопка должна выглядеть естественно и органично, чтобы пользователь не оценивал ее на сознательном уровне, а автоматически следовал указанному призыву.<br></p> <p dir='ltr'>В решении Landing все кнопки универсальные и настраиваются одинаково. Например, вы можете добавить в шапке сайта стандартную кнопку «&lrm;Заказать услугу», создать кнопку для открытия формы обратной связи в футере или сделать кнопку в карточке блока с контентом.&nbsp;</p> <h3 dir='ltr'>Универсальные настройки для кнопок&nbsp;</h3> <ol> <li dir='ltr'>Тип кнопки: цвета темы сайта, прозрачная, белая.&nbsp;</li> <li dir='ltr'>Размер кнопки: по умолчанию, маленькая, мини, большая.&nbsp;</li> <li dir='ltr'>Текст для кнопки.&nbsp;</li> <li dir='ltr'>Тип ссылки, куда будет переходить пользователь по клику на эту кнопку.&nbsp;<br></li> </ol> <p dir='ltr'>Ссылка может быть внутренняя — по сайту, внешняя — открывается в новой вкладке, блочная — переводит на якорь на сайте, ссылка на форму — показывает окно с формой.&nbsp;&nbsp;<br></p> <ol start='5'> <li dir='ltr'>Для типов ссылки «&lrm;Внешняя» и «&lrm;Внутренняя» необходимо вставить ссылку, для ссылок «&lrm;Блок» и «&lrm;Форма» — выбрать блок или форму из предложенных.&nbsp;</li> </ol> <figure style='text-align: center;'><img src='/files/download/image (46).png' data-image='555'> </figure> <h3 dir='ltr'>Кнопка в шапке сайта</h3> <p dir='ltr'>Чтобы добавить кнопку в шапку сайта, перейдите в «&lrm;Общие настройки» <strong>(1) </strong>→ выберите раздел «&lrm;Шапка» <strong>(2)</strong> → отметьте галку в чекбоксе рядом с полем «&lrm;Кнопка» <strong>(3)</strong>, чтобы добавить саму кнопку, и задайте настройки. Не забудьте применить изменения.&nbsp;<br> </p> <p dir='ltr'><strong>Название кнопки вы можете задавать самостоятельно</strong>.&nbsp;<br></p> <figure style='text-align: center;'><img src='/files/download/image (47).png' data-image='556'> </figure> <h3 dir='ltr'>Кнопка в футере сайта</h3> <p dir='ltr'>Чтобы добавить кнопку в футер сайта, перейдите в «&lrm;Общие настройки» <strong>(1) </strong>→ выберите раздел «&lrm;Футер» <strong>(2)</strong> → отметьте галку в чекбоксе рядом с полем «&lrm;Кнопка» <strong>(3)</strong>, чтобы добавить саму кнопку, и задайте настройки. Не забудьте применить изменения.&nbsp;<br> </p> <p dir='ltr'><strong>Название кнопки вы можете задавать самостоятельно</strong>.&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (48).png' data-image='557'> </figure> <h3 dir='ltr'>Кнопка в карточках блока с контентом</h3> <p dir='ltr'>Вы можете добавить кнопку в блок с карточками. Разберем на примере.&nbsp;<br></p> <p dir='ltr'>Чтобы добавить кнопку в блок с видео, наведите на область блока и нажмите кнопку «&lrm;Контент».&nbsp;<br> </p> <figure style='text-align: center;'><img src='/files/download/image (49).png' data-image='558'> </figure> <p dir='ltr'>Откроется попап-окно для редактирования контента. В нем вы можете создавать кнопки и задавать им настройки.&nbsp;<br></p> <figure style='text-align: center;'><img src='/files/download/image (50).png' data-image='559'> </figure> <h3 dir='ltr'>Внешний вид кнопок</h3> <p dir='ltr'>Есть два вида кнопок — прямоугольные и скругленные. Чтобы изменить внешний вид кнопок, перейдите в «&lrm;Общие настройки»<strong>&nbsp;</strong>→ выберите раздел «&lrm;Основные»&nbsp;→ выберите вид кнопок . Не забудьте применить изменения.&nbsp;<br></p> <figure style='text-align: center;'><img src='/files/download/image (51).png' data-image='560'> </figure> <p dir='ltr'>Используйте все инструменты решения Landing, что начать эффективно продавать в онлайне.<br></p>


slug: 299-303--kopirovanie-bloko
title: Копирование и перенос блоков на другую страницу
content:
<p dir='ltr'><strong>Копирование — удобная вещь, если вы создали и заполнили блок, и хотите вывести его на нескольких страницах сайта</strong>.&nbsp;</p> <p dir='ltr'>В решении Landing вы можете копировать или полностью переносить блок на другую страницу сайта. Включите «&lrm;Режим редактирования», наведите на область блока и нажмите кнопку «&lrm;Копировать/Перенести».&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (52).png' data-image='561'> </figure> <p dir='ltr'>Откроется попап-окно.&nbsp;</p> <ol> <li dir='ltr'>Выберите раздел, куда вы хотите перенести или скопировать блок.&nbsp;</li> <li dir='ltr'>Укажите лендинг в разделе, куда вы хотите перенести или скопировать блок.&nbsp;</li> <li dir='ltr'>Активируйте опцию «&lrm;Сквозные карточки». Сквозные карточки — общие для всех подключенных блоков. Поэтому, если вы редактируете изменения в карточках в одном блоке — они также будет отражаться в других подключенных блоках.&nbsp;</li> <li dir='ltr'>Выберите действие — «&lrm;Копировать» или «&lrm;Перенести».</li> </ol> <figure style='text-align: center;'><img src='/files/download/image (53).png' data-image='562'> </figure> <p dir='ltr'><strong>Важно!</strong> Сначала блок будет скопировать или перенесен в самый конец страницы — вы можете сами поменять его расположение.&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (55).png' data-image='563'> </figure>


slug: 299-304--skvoznye-bloki
title: Как создать сквозные карточки
content:
<p dir='ltr'><strong>Сквозные карточки — это общие элементы для страниц</strong>. Это могут быть иконки тизеров, фотографии и др.&nbsp;</p> <p dir='ltr'>Разберем на примере. Допустим, вы клининг-компания. У вас на главной странице есть преимущества, которые выведены иконками.&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (56).png' data-image='564'> </figure> <p dir='ltr'>Для запуска акции вы решаете создать новую страницу. На акционном лендинге хорошо расположить иконки преимуществ — так у людей сформируется доверие, а компания покажет себя экспертом.&nbsp;</p> <p dir='ltr'>Прописывать новые иконки — неудобно и долго, проще — скопировать нужный контент на новую страницу.&nbsp; </p> <p dir='ltr'>В решении Landing скопировать нужный контент на новую страницу можно с помощью сквозных карточек.&nbsp;</p> <p dir='ltr'><strong>Важно</strong>! Сквозные карточки — общие для всех подключенных блоков. Поэтому, если вы редактируете изменения в карточках в одном блоке — они также будет отражаться в других подключенных блоках.&nbsp; </p> <p dir='ltr'>Чтобы подключить сквозные карточки, включите «&lrm;Режим редактирования», наведите на область блока и нажмите кнопку «&lrm;Копировать/Перенести».&nbsp;</p> <figure style='text-align: center;'><img src='/files/download/image (57).png' data-image='565'> </figure> <p dir='ltr'>Откроется попап-окно.&nbsp;</p> <ol> <li dir='ltr'>Введите раздел, где вы хотите расположить сквозные карточки.&nbsp;</li> <li dir='ltr'>Укажите лендинг в разделе, где вы хотите расположить сквозные карточки.&nbsp;</li> <li dir='ltr'>Активируйте опцию «&lrm;Сквозные карточки».&nbsp;</li> <li dir='ltr'>Кликните кнопку «&lrm;Копировать».</li> </ol> <p dir='ltr'><strong>Вы копируете блок со сквозными карточками. Контент в блоке вы менять сможете без последствий для оригинала — заголовок, шапку и др. Но информация в карточках будет общая для всех блоков с этими карточками</strong>.</p> <figure style='text-align: center;'><img src='/files/download/image (58).png' data-image='566'> </figure>


slug: 314--seo-optimizaciya
title: SEO оптимизация
content:
<ul class='childs-list-container list-unstyled margin-top-10 margin-left-10'> <li class='childs-list-item margin-bottom-5 padding-5'> <a class='childs-list-item-link color-primary' href='/articles/317--kak-nastroit-seo-dlya-razdelov/'> <span id='ui-67d789f128a1c3-24083232' class='margin-right-10' style='display: flex; align-items: center;'> <svg width='16' height='16' fill='var(--color-icons-grey)'> <use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use> </svg> </span> Как настроить SEO для разделов                            </a> </li> <li class='childs-list-item margin-bottom-5 padding-5'> <a class='childs-list-item-link color-primary' href='/articles/318--kak-nastroit-seo-dlya-stranic/'> <span id='ui-67d789f1290726-13803410' class='margin-right-10' style='display: flex; align-items: center;'> <svg width='16' height='16' fill='var(--color-icons-grey)'> <use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use> </svg> </span> Как настроить SEO для страниц                            </a> </li> </ul>


slug: 314-317--kak-nastroit-seo-dlya-razdelov
title: Как настроить SEO для разделов
content:
<p spellcheck='false' data-gramm='false'>Для продвижения сайта необходимо настраивать мета-описание страниц. В него входит Title, h1, description, keywords (малоэффективный тег для seo),&nbsp;alt и title картинок.&nbsp;</p> <p spellcheck='false' data-gramm='false'>Есть 2 варианта, один через инфоблоки,&nbsp;другой вручную каждую страницу.&nbsp;</p> <p spellcheck='false' data-gramm='false'><b>1 вариант 'Инфоблоки'</b></p> <p spellcheck='false' data-gramm='false'>Данный способ используется для того,&nbsp;чтобы задать шаблонное мета-описание для всех страниц раздела на сайте и сильно ускоряет данную работу.&nbsp;</p> <p spellcheck='false' data-gramm='false'><b>1 шаг. </b>Переходим в административную панель bitrix.&nbsp;</p> <figure><img src='/files/download/2020-10-28_15-17-04.png' data-image='335' title='' style=''></figure> <p data-gramm='false' spellcheck='false'><b>2 шаг.</b> Заходим в контент и находим раздел 'Инфоблоки' - 'Типы инфоблоков' - Выбираем инфоблок (раздел),&nbsp;для которого будем настраивать SEO,&nbsp;в нашем случае это 'Услуги'. </p> <figure><img src='/files/download/2020-10-28_15-17-48.png' data-image='336'></figure> <p data-gramm='false' spellcheck='false'><b>3 шаг. </b>Переходим во вкладку SEO.&nbsp;</p> <figure><img src='/files/download/2020-10-28_15-40-37.png' data-image='337' title='' style=''></figure> <p spellcheck='false' data-gramm='false'><b>4 шаг. </b>Заполняем данные для раздела.&nbsp;</p> <figure><img src='/files/download/2020-10-28_16-39-20.png' data-image='339' title='' style=''></figure> <ol spellcheck='false' data-gramm='false'> <li>Заполнять Title для разделов,&nbsp;подразделов,&nbsp;которые будут создавать по шаблону.&nbsp;</li> Исходя из опыта мы составили 2 шаблонных мета-описания для разделов сайтов услуг и интернет-магазина,&nbsp;но хотим обратить внимания,&nbsp;что если вы хотите,&nbsp;чтобы мета-описание было релевантным необходимо анализировать ключевые запросы и заполнять исходя из собранной семантики.&nbsp;<ul> <li>Для сайтов услуг - {=this.Name} заказать в Москве</li> <li>Для интернет-магазина - {=this.Name} купить в интернет-магазине в Москве</li> </ul> <li>Keywords - {=this.Name}</li> <li>Descripton -&nbsp;В интернет магазине site.ru вы можете купить {=this.Name} по низкой цене. У нас есть бесплатная доставка по всей России</li> <li>H1 - {=this.Name}</li> </ol> <p spellcheck='false' data-gramm='false'><b>5 шаг.</b> Заполняем данные для элементов (карточки товара)</p> <figure><img src='/files/download/2020-10-28_17-23-01.png' data-image='342'></figure> <ol spellcheck='false' data-gramm='false'> <li>Заполнять Title для элементов, которые будут создавать по шаблону.&nbsp;</li> <ul> <li>Для сайтов услуг - {=this.Name} заказать в Москве</li> <li>Для интернет-магазина - {=this.Name} купить в Москве</li> </ul> <li>Keywords - {=this.Name}</li> <li>Descripton -&nbsp;В интернет магазине site.ru вы можете купить {=this.Name} по низкой цене. У нас есть бесплатная доставка по всей России</li> <li>H1 - {=this.Name}</li> </ol> <p spellcheck='false' data-gramm='false'><b>6 шаг. </b>Заполняем мета-данные для картинок,&nbsp;как на скриншоте ниже.&nbsp;{=this.Name} - Ranx (бренд компании)</p> <figure><img src='/files/download/image (59).png' data-image='344' title='' style=''></figure> <p spellcheck='false' data-gramm='false'></p> <p spellcheck='false' data-gramm='false'><b>2 вариант 'Вручную'</b></p> <p spellcheck='false' data-gramm='false'>Данный вариант подходит для точечной настройки мета-данных для страницы. Данный вариант считается более эффективным,&nbsp;но и более затратным по времени.&nbsp;</p> <p spellcheck='false' data-gramm='false'>Для того&nbsp;чтобы настроить вручную.</p> <p data-gramm='false' spellcheck='false'><b>1 шаг.</b> необходимо перейти в административную панель bitrix и зайти на соответствующую страницу,&nbsp;для которой хотите изменить мета-данные.&nbsp;</p> <figure><img src='/files/download/image (60).png' data-image='345' title='' style=''></figure> <p spellcheck='false' data-gramm='false'><b>2 шаг. </b>Переходим на вкладку SEO и здесь вручную меняем на релевантный заголовок страницы. </p> <p data-gramm='false' spellcheck='false'><b>!!!</b> Обязательно учтите,&nbsp;что если вы напишите вручную для раздела мета-описание,&nbsp;то на подразделах автоматически сбросяться мета-описания и вам необходимо будет для всех страниц подраздела изменить мета-описание,&nbsp;чтобы исключить дублирование.&nbsp;</p> <figure><img src='/files/download/image (61).png' data-image='347'></figure> <p spellcheck='false' data-gramm='false'><b>3 шаг.</b> Настройте для остальных полей мета-описания по принципу,&nbsp;который был описан выше по инфоблокам.&nbsp;</p> <p spellcheck='false' data-gramm='false'></p>


slug: 314-318--kak-nastroit-seo-dlya-stranic
title: Как настроить SEO для страниц
content:
<p>Чтобы установить title, keywords и description для страницы, включая главную, следует задать эти параметры в свойствах страницы.<br></p> <p></p> <p><b>Шаг 1.</b><br>Создайте свойство 'Заголовок окна браузера' (если не создано) в настройках модуля 'Управление структурой' по адресу <a href='https://адрес-вашего-сайта/bitrix/admin/settings.php?mid=fileman' target='_blank'>https://адрес-вашего-сайта/bitrix/admin/settings.php?mid=fileman</a><br>В блоке 'Настройки для сайтов' создайте новый тип свойства для нужного сайта.<br>Укажите:<br>'Тип' - 'title'<br>'Название' - 'Заголовок окна браузера'<br></p> <figure><img src='/files/download/изображение.png' id='2092' data-image='59f47c81-1126-11ef-919e-fa163e2ff576'></figure> <p></p> <p><b>Шаг 2.</b><br>Перейдите на страницу, для которой хотите задать мета-данные.<br></p> <p><b>Шаг 3.</b><br>Нажмите на 'Изменить раздел' 'Заголовок и свойства страницы'.<br></p> <figure><img src='/files/download/изображение (1).png' id='2087' data-image='2169cfab-1102-11ef-919e-fa163e2ff576'></figure> <p><b>Шаг 4.</b><br>Нажмите на 'Редактировать свойства страницы в Панели управления'.<br></p> <figure><img src='/files/download/изображение (2).png' id='2089' data-image='8f653e1e-1102-11ef-919e-fa163e2ff576'></figure> <p><b>Шаг 5.</b><br>Заполните мета-данные.<br>Для этого на открывшейся странице перейдите на вкладку 'Свойства'.<br>В поле 'Описание' укажите description.<br>В поле 'Ключевые слова' через запятую укажите keywords.<br>В поле 'Заголовок окна браузера' укажите title.<br></p> <figure><img src='/files/download/изображение (3).png' id='2093' data-image='f1ebb8f9-1126-11ef-919e-fa163e2ff576'></figure> <p><b>Шаг 6.</b><br>Сохраните форму и проверьте результат.<br></p> <figure><img src='/files/download/изображение (4).png' id='2091' data-image='aa1df5d1-1103-11ef-919e-fa163e2ff576'></figure> <p></p>


slug: 185-268--kak-sozdavat-okruga-oblasti-i-regiony
title: Как создавать округа, области и регионы
content:
<p spellcheck='false' data-gramm='false'>Перед тем как создавать регионы,&nbsp;хотим обратить ваше внимание и порекомендовать заводить регионы со следующей вложенностью&nbsp;&nbsp;<strong>Округ -&gt; Область -&gt; Город. </strong>Это в будущем позволит избежать проблем с пониманием и выводом на сайте.&nbsp;</p><p spellcheck='false' data-gramm='false'>Чтобы создать регионы, вам нужно зайти в административную панель bitrix. Перейти в раздел контент и зайти в регионы.&nbsp;</p><figure><img src='/files/download/2020-10-22_11-13-03.png' data-image='280'></figure><p spellcheck='false' data-gramm='false'><strong>1 шаг. </strong>В разделе регионы необходимо завести Округа, Области, Города,&nbsp;которые будут выводиться на сайте.&nbsp;</p><p spellcheck='false' data-gramm='false'>Чтобы завести округа или области,&nbsp;вам необходимо создать папки с соответствующим наименованием.&nbsp;</p><figure><img src='/files/download/2020-10-22_16-26-30.png' data-image='282'></figure><p spellcheck='false' data-gramm='false'><strong>2 шаг.</strong> Далее уже в папке, нужно завести регионы,&nbsp;которые будут находиться в этой области. Регионы заводим через Элементы.</p><figure><img src='/files/download/2020-10-22_16-31-24.png' data-image='283'></figure><p spellcheck='false' data-gramm='false'><strong>3 шаг.</strong> Даем название элементу.&nbsp;</p><figure><img src='/files/download/2020-10-22_16-33-28.png' data-image='284'></figure><p spellcheck='false' data-gramm='false'><strong>4 шаг.</strong> Указываем значения свойств:</p><p data-gramm='false' spellcheck='false'>1. Ставим галочку 'Город по умолчанию',&nbsp;если это ваш основной город.&nbsp;</p><p spellcheck='false' data-gramm='false'>2. Пишем номера телефонов и при необходимости даем им описания.</p><p spellcheck='false' data-gramm='false'>3. Указываем физический адрес офиса, пункта самовывоза, магазина и др.&nbsp;</p><p spellcheck='false' data-gramm='false'>4. Добавляем E-mail.</p><figure><img src='/files/download/2020-10-22_16-39-05.png' data-image='286'></figure><p spellcheck='false' data-gramm='false'><strong>5 шаг.</strong> Добавляем домен и сохраняем внесенные изменения.</p><figure><img src='/files/download/2020-10-22_16-53-48.png' data-image='287'></figure><p spellcheck='false' data-gramm='false'></p>


slug: 185-269--kak-ispolzovat-regionalnye-tegi-dlya-zagolovkov-kontenta-i-seo
title: Как использовать региональные теги для заголовков, контента и SEO
content:
<p spellcheck='false' data-gramm='false'>Региональные теги необходимо использовать для продвижения и разделения контента в регионах.</p><p spellcheck='false' data-gramm='false'>С региональными тегами.</p><figure><img src='/files/download/2020-10-30_12-09-12.png' data-image='357'></figure><p spellcheck='false' data-gramm='false'>Без региональных тегов.</p><figure><img src='/files/download/2020-10-30_12-12-39.png' data-image='358'></figure><p spellcheck='false' data-gramm='false'>Вам нужно завести регионы в разных падежах,которые можно будет использовать для подстановки в контенте, заголовках и SEO.</p><p spellcheck='false' data-gramm='false'><strong>1 шаг.</strong> Перейдите в административную панель bitrix.</p><figure><img src='/files/download/2020-10-22_17-43-14.png' data-image='297'></figure><p spellcheck='false' data-gramm='false'><strong>2 шаг.</strong> Перейдите в раздел регионы.</p><figure><img src='/files/download/2020-10-22_17-44-11.png' data-image='298'></figure><p spellcheck='false' data-gramm='false'><strong>3 шаг.</strong> Перейдите в регион и задайте название в разных падежах региона.</p><figure><img src='/files/download/2020-10-22_17-45-16.png' data-image='299'></figure><p spellcheck='false' data-gramm='false'><strong>4 шаг. </strong>При необходимости задайте другие свойства для региона, в инфоблоках,но они заданы уже по-умолчанию и вы можете их использовать не трогая эти настройки.</p><p spellcheck='false' data-gramm='false'>Код свойства региона в разных падежах, которые вы можете использовать:</p><ul spellcheck='false' data-gramm='false'><li>#REGION_NAME# — название города в именительном падеже.</li><li>#REGION_NAME_DECLINE_RP# — в родительном падеже.</li><li>#REGION_NAME_DECLINE_PP# — предложном.</li><li>#REGION_NAME_DECLINE_TP# — творительном.</li></ul><p></p><p spellcheck='false' data-gramm='false'>Пример</p><p spellcheck='false' data-gramm='false'>#REGION_NAME_DECLINE_RP# - Челябинска</p><p spellcheck='false' data-gramm='false'>#REGION_NAME_DECLINE_PP# - В Челябинске</p><p spellcheck='false' data-gramm='false'>#REGION_NAME_DECLINE_TP# - Челябинском</p><figure><img src='/files/download/2020-10-22_17-48-44.png' data-image='300'></figure><p spellcheck='false' data-gramm='false'>Чтобы использовать теги,вам нужно указать 'код' в контенте, в заголовках или в seo. Рассмотрим пример,как их использовать.</p><p spellcheck='false' data-gramm='false'><strong>5 шаг. </strong>Открываем страницу,где нужно указать региональный тег. И открываем либо вкладку подробно, либо вкладку SEO.</p><figure><img src='/files/download/2020-10-22_17-53-17.png' data-image='301'></figure><p spellcheck='false' data-gramm='false'><strong>6 шаг.</strong> Указываем региональный тег в решетках, например<strong></strong>#REGION_NAME_DECLINE_PP#.</p><figure><img src='/files/download/2020-10-22_17-59-16.png' data-image='302'></figure><p spellcheck='false' data-gramm='false'>Если необходимо включить в контенте, то указываем этот тег в контентной части сайта через визуальный редактор.</p><figure><img src='/files/download/2020-10-23_16-07-37.png' data-image='303'></figure><p spellcheck='false' data-gramm='false'></p><p spellcheck='false' data-gramm='false'>Примечание: Теги работают на всех контентных блоках и SEO модуле как в админке, так и в редактируемой области через модуль.</p>


slug: 185-187--dobavlenie-i-redaktirovanie-regionov
title: Добавление и редактирование регионов
content:
<p dir='ltr'>Управление карточками осуществляется из административной части сайта в меню Контент <strong>(1)</strong> → Регионы <strong>(2)</strong>. Здесь вы можете заложить структуру своей будущей региональности в виде разделов, подразделов и отдельных элементов-городов.<br></p><figure style='text-align: center;'><img src='/files/download/image1st2.png' data-image='577'></figure><p dir='ltr'>Чтобы добавить отдельный город, нажмите кнопку «&lrm;Добавить элемент» <strong>(1)</strong>. Для создания региона нажмите «Добавить раздел»<strong> (2)</strong>.</p><figure style='text-align: center;'><img src='/files/download/image2st2.png' data-image='578'></figure><p dir='ltr'>Рассмотрим создание раздела. Все действия с карточками (создание, удаление, изменение) стандартны для 1С-Битрикс. При создании в базе данных нового региона достаточно указать название<strong> (1) </strong>и родительский раздел <strong>(2)</strong>.</p><figure style='text-align: center;'><img src='/files/download/image3st2.png' data-image='579'></figure><p dir='ltr'>При создании карточки на область, которая входит в состав региона, например, для Свердловской области, поле «Родительский раздел» должно иметь соответствующую запись, для примера это «.Урал» или «.Уральский регион».</p><p dir='ltr'>Рассмотрим подробнее карточки для городов.</p><p dir='ltr'>При создании новой карточки на основной вкладке необходимо указать название города<strong> (1) </strong>и название основного домена <strong>(4)</strong>.</p><p dir='ltr'><strong>Название домена должно иметь соответствующий вид: region.mydomain.ru</strong>.</p><p dir='ltr'>Здесь же можно установить галку «Город по умолчанию»<strong> (2)</strong>. В таком случае, если геопозиционирование не сработает, пользователь откроет версию сайта для города, в чьей карточке установлена эта галочка. Перечень «Домены» <strong>(5)</strong> позволяет привязать существующие псевдонимы для основного поддомена.</p><p dir='ltr'>Если вы используете отображение регионов в виде попап-окна с областями и округами, активный параметр «Избранное местоположение» <strong>(3)</strong> добавит отмеченный город в поле быстрого выбора.</p><figure style='text-align: center;'><img src='/files/download/image4st2.png' data-image='580'></figure><figure style='text-align: center;'><img src='/files/download/image5st2.png' data-image='581'></figure><p dir='ltr'>Привяжите к элементу номера телефонов<strong> (1)</strong>, email-адреса <strong>(2)</strong> и офлайн-адреса <strong>(3)</strong>. Информация будет отображаться в шапке сайта.</p><figure style='text-align: center;'><img src='/files/download/image6st2.png' data-image='582'></figure><p dir='ltr'>Пропишите название города в родительном <strong>(1)</strong>, предложном <strong>(2) </strong>и творительном <strong>(3)</strong> падежах. Это позволит грамотно оформить заголовки с использованием SEO-тегов.</p><figure style='text-align: center;'><img src='/files/download/image7st2.png' data-image='583'></figure>


slug: 185-188--regionalnyj-filtr
title: Региональный фильтр
content:
<p dir='ltr'>Региональный фильтр в решении Landing отсеивает контент для регионов.<br></p><p dir='ltr'>Чтобы региональный фильтр работал, у вас на сайте должна быть включена региональность. Чтобы включить ее, перейдите в «&lrm;Общие настройки» <strong>(1) </strong>→ выберите раздел «&lrm;Региональность» <strong>(2)</strong> → отметьте галку в чекбоксе рядом с полем «&lrm;Включить региональность» <strong>(3)</strong>. Не забудьте применить изменения.<br></p><figure style='text-align: center;'><img src='/files/download/image1st3.png' data-image='584'></figure><p dir='ltr'>Теперь в правом меню для редактирования блоков появилась новая кнопка — «&lrm;Региональные блоки». Рассмотрим ее настройки.</p><figure style='text-align: center;'><img src='/files/download/image2st3.png' data-image='585'></figure><p dir='ltr'>Откроется попап-окно. Вы можете:</p><ol><li dir='ltr'>Редактировать контент блока.</li><li dir='ltr'>Выключить или скрыть блок.</li><li dir='ltr'>Удалить блок.</li><li dir='ltr'>Переместить блок.</li><li dir='ltr'>Добавить новый блок — в этом случае существующий блок скопируется.</li></ol><figure style='text-align: center;'><img src='/files/download/image3st3.png' data-image='587'></figure><p dir='ltr'>Давайте добавим новый блок.</p><figure style='text-align: center;'><img src='/files/download/image4st3.png' data-image='588'></figure><p dir='ltr'>Названия блоков кликабельные. При нажатии открывается попап-окно с региональным фильтром. В нем вы можете выбрать, в каких регионах показывать контент этого блока <strong>(1)</strong>, а какие регионы исключить из показа <strong>(2)</strong>. Примените изменения.</p><figure style='text-align: center;'><img src='/files/download/image5st3.png' data-image='589'></figure><p dir='ltr'>Если бы вы выбрали регион в одном из блоков — его контент будет показываться только в Челябинске. Также в блоке Челябинска вы изменили сам контент — добавили в заголовок подпись «в Челябинске».То есть людям из Челябинска будет показываться тот вариант блока, который настроен под Челябинск.</p>


slug: 185-189--filialy
title: Филиалы
content:
<p dir='ltr'>Филиалы — это дополнительное ответвление от регионов. В каждом регионе могут быть города, а в каждом городе — несколько магазинов или филиалов компании.<br></p><p dir='ltr'>Филиалы отображаются в шапке сайте под городом, в котором они находятся.<br></p><figure style='text-align: center;'><img src='/files/download/image1st4.png' data-image='590'></figure><p dir='ltr'>Чтобы выводить филиалы, перейдите в «&lrm;Общие настройки» <strong>(1) </strong>→ выберите раздел «&lrm;Региональность» <strong>(2)</strong> → отметьте галку в чекбоксе рядом с полем «&lrm;Включить региональность» <strong>(3) </strong>→ отметьте галку в чекбоксе рядом с полем «&lrm;Использовать филиалы» <strong>(4)</strong>. Примените изменения.<br></p><figure style='text-align: center;'><img src='/files/download/image2st4.png' data-image='591'></figure><h3 dir='ltr'>Филиалы и региональный фильтр</h3><p dir='ltr'>Вы можете фильтровать контент в блоках не только по регионам, но и по филиалам. Активные настройки фильтра и филиалов дадут новые поля для отсеивания. Перейдите в «Региональные блоки».</p><figure style='text-align: center;'><img src='/files/download/image3st4.png' data-image='592'></figure><p dir='ltr'>Кликните на название блока, чтобы вызвать попап-окно фильтра. Теперь вы можете не только включить и исключать регионы, но и включать <strong>(1) </strong>и исключать<strong> (2) </strong>филиалы.</p><figure style='text-align: center;'><img src='/files/download/image4st4.png' data-image='593'></figure><h3 dir='ltr'>Как создать филиал</h3><p dir='ltr'>Сами филиалы создаются и редактируются в отдельном инфоблоке в административной части сайта. Для этого перейдите в меню Контент <strong>(1)</strong> → Филиалы <strong>(2)</strong>.</p><figure style='text-align: center;'><img src='/files/download/image5st4.png' data-image='594'></figure><p dir='ltr'>Чтобы добавить филиал, нажмите кнопку «&lrm;Добавить филиал».</p><figure style='text-align: center;'><img src='/files/download/image6st4.png' data-image='595'></figure><p dir='ltr'>Откроется редактор элемента. Рассмотрим, какие поля нужно заполнить для добавления филиала.</p><ol><li dir='ltr'>Активность элемента.</li><li dir='ltr'>Название филиала.</li><li dir='ltr'>Привязать филиал к определенному региону с помощью «&lrm;Гамбургера» рядом с полем.</li><li dir='ltr'>Указать телефон.</li><li dir='ltr'>Указать адрес.</li><li dir='ltr'>Указать email.</li><li dir='ltr'>Прописать режим работы филиала.</li><li dir='ltr'>Выбрать координаты на карте двойным щелчком мыши.</li></ol><figure style='text-align: center;'><img src='/files/download/image7st4.png' data-image='596'></figure><figure style='text-align: center;'><img src='/files/download/image8st4.png' data-image='597'></figure><p dir='ltr'><br></p><p dir='ltr'>Не забудьте применить изменения. </p>


slug: 185-265--kak-skryt-goroda-v-popup-i-podklyuchit-tolko-stroku-poiska
title: Как скрыть города в popup и подключить только строку поиска
content:
<p spellcheck='false' data-gramm='false'>Данная функция работает исключительно для popup окна.</p><figure><img src='/files/download/2020-10-19_11-57-42.png' data-image='189'></figure><p data-gramm='false' spellcheck='false'>И если вы хотите,чтобы у вас отсутствовали регионы и была только строка поиска по регионам,то вам нужно активировать кнопку в настройках региональности.</p><figure><img src='/files/download/2020-10-19_11-59-09.png' data-image='190'></figure><p spellcheck='false' data-gramm='false'>Для этого переходим в общие настройки и заходим в раздел 'Региональность', где активируем кнопку 'Отображать только строку поиска'</p><figure><img src='/files/download/2020-10-19_12-01-47.png' data-image='192'></figure>


slug: 185-267--kak-vklyuchit-otobrazhenie-filialov-i-vyvesti-ih-v-bloke-kontakty
title: Как включить отображение филиалов и вывести их в блоке Контакты
content:
<p spellcheck='false' data-gramm='false'><strong>1 шаг.</strong> Вам необходимо создать филиалы,для этого заходим в административную панель Bitrix. Переходим в контент и раздел филиалы.</p><figure><img src='/files/download/2020-10-22_16-58-32.png' data-image='288'></figure><p spellcheck='false' data-gramm='false'><strong>2 шаг. </strong>Заводим филиалы,для этого нужно нажать на кнопку 'добавить филиалы'.</p><figure><img src='/files/download/2020-10-22_17-00-45.png' data-image='289'></figure><p spellcheck='false' data-gramm='false'><strong>3 шаг.</strong> Пишем название филиала,зачастую это адрес, по которому находится филиал.</p><figure><img src='/files/download/2020-10-22_17-01-31.png' data-image='290'></figure><p spellcheck='false' data-gramm='false'><strong>4 шаг.</strong> Заводим значения свойств:</p><p spellcheck='false' data-gramm='false'>1. Укажите регион, в котором находится филиал. Для этого нужно нажать на 3 точки и выбрать из списка регион,где находится филиал.</p><p spellcheck='false' data-gramm='false'>2. Добавьте номер филиала или общий номер телефона.</p><p spellcheck='false' data-gramm='false'>3. Напишите полный адрес вашего филиала.</p><p spellcheck='false' data-gramm='false'>4. Добавьте E-mail. Можно указать как E-mail филиала, так и общий E-mail.</p><p spellcheck='false' data-gramm='false'>5. Задайте время работы филиала.</p><figure><img src='/files/download/2020-10-22_17-04-18.png' data-image='291'></figure><p spellcheck='false' data-gramm='false'>Пример того,как выглядит филиал.</p><figure><img src='/files/download/2020-10-22_17-10-45.png' data-image='293'></figure><p spellcheck='false' data-gramm='false'><strong>5 шаг.</strong> Чтобы вывести филиалы, вам необходимо зайти в общие настройки</p><figure><img src='/files/download/2020-10-14_12-25-17.png' data-image='296'></figure><p data-gramm='false' spellcheck='false'><strong>6 шаг. </strong>перейти в региональность.</p><figure><img src='/files/download/2020-10-22_17-13-16.png' data-image='294'></figure><p spellcheck='false' data-gramm='false'><strong>7 шаг. </strong>Последним этапом нужно активировать галочку на пункте 'Использовать филиалы'.</p><figure><img src='/files/download/2020-10-22_17-14-35.png' data-image='295'></figure><p spellcheck='false' data-gramm='false'></p>


slug: 185-264--kak-pomenyat-vid-otobrazheniya-gorodov-spiskom-i-v-popape
title: Как поменять вид отображения городов (списком и в попапе)
content:
<p spellcheck='false' data-gramm='false'>Есть 2 вида отображения регионов, которые ниже вы можете увидеть.</p><figure><img src='/files/download/2020-10-19_11-52-47.png' data-image='184'><figcaption spellcheck='false' data-gramm='false'>Выпадающий список</figcaption></figure><figure><img src='/files/download/2020-10-19_11-52-25.png' data-image='185'><figcaption spellcheck='false' data-gramm='false'>Попап с городами</figcaption></figure><p spellcheck='false' data-gramm='false'></p><p spellcheck='false' data-gramm='false'>Чтобы выбрать один из вариантов, вам нужно перейти в общие настройки и перейти в раздел региональность, где вы и найдете вид отображения региональности.</p><figure><img src='/files/download/2020-10-19_11-54-58.png' data-image='186'></figure>


slug: 186-192--custom-header-and-footer
title: Кастомизация шапки и футера
content:
<p>Для создания кастомных шапки и футера вы можете воспользоваться файлами <strong>header_custom.php</strong> и <strong>footer_custom.php</strong>. Эти файлы находятся в шаблоне сайта по адресу <strong>/bitrix/templates/ranx-landing/page_blocks/</strong>.</p><p>В качестве примера можно использовать один из вариантов, которые также находятся в этой папке.</p><p>Также у каждой шапки есть свой отдельный CSS-файл. Он находится по пути <strong>/bitrix/templates/ranx-landing/assets/css/header/header_{type}.css</strong>.</p><h3>Добавление нескольких кастомных вариантов</h3><p>Тип шапки и футера выбирается в настройках. По умолчанию там уже добавлен вариант custom, который и подключит файлы, указанные выше.</p><p>Но если вам нужно еще несколько вариантов, то можно воспользоваться <a href='https://help.landing-demo.ru/articles/186-396--events/'>событиями</a>.</p><p>Для каждого кастомного варианта, вы также можете добавить превью картинку (по умолчанию ее нет). Для этого положите ее в папку <strong>/bitrix/images/ranx.landing/settings/{header/footer}_type/</strong>. Название должно соответствовать коду. Например, <em>custom.png</em>.<br></p>


slug: 186-504--custom-support-info-for-partners
title: [Партнерам] Как добавить свою информацию в панели Поддержка?
content:
<p>Начиная с версии 1.7.0 добавлена возможность для партнеров вывести свою информацию в панель Поддержка.</p><figure style='text-align: center;'><img src='/files/download/st8.png' data-image='414'></figure><p>Для этого необходимо создать файл <strong>php_interface/ranx_landing_support.php</strong>.</p><p>Если такой файл существует, то он будет автоматически подключен.</p><p><strong>ВАЖНЫЙ МОМЕНТ!</strong> Содержимое файла загружается вместе с остальной страницей, поэтому не рекомендуется использовать тяжелые скрипты и изображения.</p>


slug: 186-499--custom-form-field
title: Как добавить свое поле в форму
content:
<p>В этой статье рассмотрим добавление кастомного поля в форму, на примере поля типа 'Файл'. Остальные типы добавлются аналогично, за исключением выбора типа свойства или тип ответа в вопросе веб-формы.</p><h3>Режим работы форм</h3><p>Решение Landing поддерживает 2 режима работы форм - <strong>на инфоблоках и на веб-формах</strong>. Если у вас установлен модуль 'Веб-формы', то по умолчанию будет выбран этот режим. Режим с инфоблоками нужен для тех редакций, где этого модуля нет (редакция Старт).</p><p>Проверить в каком режиме у вас работают формы можно в настройках решения в разделе 'Формы'.</p><p>Ниже описан алгоритм добавления поля для обоих случаев.</p><h3>Добавление поля в веб-форму</h3><p>Для начала переходим в административную панель по адресу <strong>Сервисы -&gt; Веб-формы -&gt; Настройка форм</strong>.</p><figure style='text-align: center;'><img src='/files/download/image1st9.png' data-image='404'></figure><p>Находим нужную форму в списке и выбираем 'Изменить'.</p><p>Далее переходим во вкладку 'Вопросы'.</p><figure style='text-align: center;'><img src='/files/download/image2st9.png' data-image='405'></figure><p>И нажимаем 'Добавить'.</p><p>В первой вкладке заполняем символьный идентификатор. Можно придумать свое название, главное, чтобы оно было написано <strong>большими латинскими буквами без пробелов</strong> (можно использовать подчеркивание).</p><p>Также можно прописать сортировку, она определяет положение поля в форме.</p><figure style='text-align: center;'><img src='/files/download/image3st9.png' data-image='406'></figure><p>Во второй вкладке заполняем заголовок поля.</p><figure style='text-align: center;'><img src='/files/download/image4st9.png' data-image='407'></figure><p>В третьей вкладке нужно добавить ответ. Пустой ответ добавлять нельзя, поэтому <strong>в поле 'Текст' ставим пробел</strong>. И выбираем нужный тип. В&nbsp;нашем случае, это тип 'file'.</p><figure style='text-align: center;'><img src='/files/download/image5st9.png' data-image='408'></figure><p>По желанию можно добавить ограничение по типам файлов. Для этого переходим во вкладку 'Валидаторы'. <br></p><figure style='text-align: center;'><img src='/files/download/image6st9.png' data-image='411'></figure><p>Выбираем валидатор по типу файла и нажимаем 'Добавить валидатор'. Появится окно.</p><figure style='text-align: center;'><img src='/files/download/image7st9.png' data-image='412'></figure><p>Можно выбрать из готовых вариантов, либо прописать вручную. Нажимаем сохранить.</p><p>Сохраняем результат. Поле добавлено.&nbsp;<br></p><h3>Добавление поля в инфоблок</h3><p>В административной панели переходим в <strong>Контент -&gt; RANX: Landing -&gt; Форма: (выбрать нужную)</strong>. <br></p><p>Далее под списком элементов переходим по ссылке в настройки инфоблока:</p><figure style='text-align: center;'><img src='/files/download/image8st9.png' data-image='409'></figure><p>Нас интересует вкладка 'Свойства'.</p><p>В пустой строке добавляем свое поле. Заполняем заголовок. Тип выбираем 'Файл'. Код заполняем <strong>большими латинскими буквами без пробелов</strong> (можно использовать подчеркивание).</p><figure style='text-align: center;'><img src='/files/download/image9st9.png' data-image='410'></figure><p>Также по желанию можно сделать поле обязательным. Поменять сортировку (влияет на положение поля в форме). <br></p><p>При нажатии на 'три точки' открываются раширенные настройки. Там можно добавить ограничение по типам файлов. Например, если вы готовы принимать файл только в формате PDF.</p><p>Нажимаем сохранить. Поле добавлено.</p>


slug: 186-413--custom-form
title: Как создать кастомную форму
content:
<p>В решении предусмотрено 2 варианта реализации форм - <strong>на инфоблоках и на модуле веб-форм</strong>.</p><p dir='ltr'>Если у вас не установлен модуль '<em>Веб-формы</em>' (<em>редакция Старт</em>), то вы сможете использовать только первый вариант.</p><p dir='ltr'>И в первом, и во втором случае для получения формы по умолчанию используется ее код. У форм, созданных на Creator, он должен начинаться с <strong>ranx_landing_form_</strong>. Например, форма 'Заказать звонок' имеет код <strong>ranx_landing_form_callback</strong>.</p><p dir='ltr'>В зависимости от того, какой вариант вы используете, вы должны создать либо инфоблок, либо веб-форму. Важный момент - это заполнить корректно код формы (код инфоблока). Тогда форма появится в списке выбора (например, в редактировании кнопки).</p><p dir='ltr'>Если Creator установлен в качестве дополнительного модуля к основному сайту, и вы хотите использовать его формы для размещения на созданных в конструкторе страницах, активируйте соответствующую настройку.</p><p dir='ltr'>Для этого перейдите по пути: RANX -&gt; Creator -&gt;<a href='https://landing.ranx-dev2.ru/bitrix/admin/ranx.landing_settings.php'> Настройки</a></p><p dir='ltr'>В разделе «Формы» выберите установите галочку в чек-боксе «Выводить все формы».</p><figure><img src='https://lh5.googleusercontent.com/SCsaeioy8cMK61F3Wk4OyImRQgotBsUuaSlhUC84zmuGgHfP6-VGi_59wXEa2JfAg5fdD_ooxzJTIiMB6dThWRZIZU6dFUXiP6PoAycbK1USZ9sGkRaO7itayVajFsAvtzuvI_ob' width='400' height='115' data-image='7jd09dcykhyb'></figure><p dir='ltr'>При активной настройке использовать для Creator можно любые формы основного сайта, за исключением оформления заказа и покупки в 1 клик.</p><p dir='ltr'>Внимание! Данная опция работает только в случае, если вы используете веб-формы.</p><br><p><br></p>


slug: 186-412--elements-and-theme-color
title: Использование готовых элементов и цвета темы
content:
<p>Решение использует библиотеку <b>Bootstrap</b> версии 4, поэтому вы можете использовать все его возможности в создании своих кастомных элементов.</p><p>Но некоторые стандартные элементы стилизованы под решение. Например, формы и кнопки.</p><p>Доступны следующие виды кнопок:</p><ul><li><code>btn-primary<br></code></li><li><code>btn-transparent</code></li><li><code>btn-white</code></li></ul><h3>Использование цвета темы<br></h3><p>Для использования цвета текущей темы есть целый набор классов. Каждый используется для чего-то одного. В этой статье приведен список таких классов.</p><p>Названия всех классов начинаются с префикса <b>theme-</b>. Полный список классов можно посмотреть в файле <b>/bitrix/templates/ranx-landing/themes/color.css.tpl</b>.</p><h3>Неполный список основных классов:<br></h3><ul><li><code>.theme-color </code>- окрашивает текст в цвет темы</li><li><code>.theme-color-hover </code>- цвет текста при наведении</li><li><code>.theme-bg</code> - цвет фона</li><li><code>.theme-bg-hover </code>- цвет фона при наведении</li><li><code>.theme-border</code> - цвет границы</li><li><code>.theme-border-hover</code> - цвет границы при наведении</li><li><code>.theme-fill</code> и <code>.theme-stroke</code> (также и с <code>-hover</code>) для svg<br></li></ul>


slug: 186-387--get-yandex-maps-api-key
title: Как получить ключ для API Яндекс.Карт
content:
<p>Если у вас большое количество запросов (&gt;25000 в сутки) к Яндекс.Картам, то для его работы может понадобится специальный API ключ. В этой инструкции вы узнаете, как его получить и где использовать.</p><p>Для начала переходим в <a href='https://developer.tech.yandex.ru/'>Кабинет разработчика</a>.</p><p>Здесь выбираем 'Подключить API' и включаем 'Javascript API и HTTP Геокодер'.</p><figure><img src='/files/download/image1st10.png' data-image='371'></figure><p>Заполняем форму и после этого увидим в его списке.</p><figure><img src='/files/download/image2st10.png' data-image='373'></figure><p>Создаем новый ключ.</p><figure><img src='/files/download/image3st10.png' data-image='375'></figure><p>Копируем код ключа.</p><figure><img src='/files/download/image4st10.png' data-image='377'></figure><p>Затем переходим в административную часть Битрикса. В настройки модуля 'Управление структурой' (Настройки -&gt; Настройки продукта -&gt; Настройки модулей -&gt; Управление структурой).</p><p>И вставляем полученный ключ в это поле.</p><figure><img src='/files/download/image5st10.png' data-image='379'></figure>


slug: 186-396--events
title: Использование событий модуля
content:
<p>В некоторые места модуля встроены события, чтобы можно было изменить какие-то данные без непосредственной модификации файлов модуля.</p><p>Для начала вкратце рассмотрим как использовать события.</p><p>Все события сделаны с использованием <b>ядра D7</b>, поэтому обрабатывать их тоже нужно соответственно.</p><h3>Пример работы:<br></h3><p>Рассмотрим обработку на примере события <b>onRanxLandingParams</b>.</p><p>Для начала регистрируем наш обработчик (например, в init.php).</p><pre>\Bitrix\Main\EventManager::getInstance()->addEventHandler('ranx.landing','onRanxLandingParams',['EventHandler', 'onRanxParametersHandler']);</pre><p>И создаем наш метод.</p><pre>class EventHandler { public static function onRanxParametersHandler(\Bitrix\Main\Event $event) { $arParams = $event->getParameters(); $arParams['HEADER']['OPTIONS']['HEADERMOBILE_TYPE']['LIST']['custom_1'] = ['TITLE' => 'custom_1', 'DESC' => 'custom_1']; $result = new \Bitrix\Main\EventResult(\Bitrix\Main\EventResult::SUCCESS, $arParams); return $result; } }</pre><h3>Список доступных на данный момент событий:</h3><ul><li><b>onRanxLandingParams</b> – для манипуляции с настройками модуля.</li><li><b>onRanxLandingBlocks</b> – для манипуляций с библиотекой блоков.</li></ul>


slug: 186-190--custom-blocks
title: Кастомизация блоков
content:
<p>Список блоков в библиотеке формируется из списка шаблонов компонента <strong>ranx:block.landing</strong>.</p>


slug: 186-193--custom-js-and-css
title: Кастомные скрипты и стили
content:
<p>Для своих стилей и скриптов можно использовать файлы <b>custom.css</b> и <b>custom.js</b>. Они находятся в шаблоне по адресу <b>/bitrix/templates/ranx-landing/assets/</b> в папках css и js соответственно.</p><h3>Примеры изменения стиля для блоков</h3><p>Если вам нужно изменить стили для конкретного типа блока, то нет смысла его кастомить.</p><p>Можно воспользоваться CSS стилями и использовать следующие селекторы:</p><ul><li><code>.block1-1</code> - для изменения стилей блока <b>1_1</b><br></li><li><code>#block_123</code> - для изменения стилей блока с ID 123<br></li></ul>


slug: 186-548--block-config
title: Описание конфигурации блока (файл .block.php)
content:
<p>У каждого шаблона блока есть свой файл конфигурации, в котором заданы его настройки. Все это хранится в файле <strong>.block.php</strong> в шаблоне компонента <strong>ranx:block.landing</strong>.</p><p>Внутри файла находится скрипт, который просто возвращает PHP-массив.</p><p>Ниже приведено описание каждого из возможных ключей этого массива.</p><h3>_INCLUDE и _EXCLUDE</h3><p>Эти ключи определяют то, какие настройки будут доступны в панели Контент и Дизайн. <br></p><p>По умолчанию, блок содержит следующие разделы:</p><ul><li><strong>CONTENT_TITLE </strong>- заголовок блока.&nbsp;Отображаются в панели Контент.</li><li><strong>CONTENT_CARDS </strong>- карточки блока. Отображаются в панели Контент.</li><li><strong>CONTENT_BTN </strong>- кнопки блока.&nbsp;Отображаются в панели Контент.</li><li><strong>COLS </strong>- количество колонок в блоке. Отображается в панели Дизайн.</li><li><strong>INDENTS </strong>- отступы сверху и снизу для блока. Отображается в панели Дизайн.</li><li><strong>LINE_BOT </strong>- разделитель снизу. Отображается в панели Дизайн.</li><li><strong>BG_COLOR </strong>- цвет фона.&nbsp;Отображается в панели Дизайн.</li><li><strong>TEXT_COLOR </strong>- цвет текста (светлый или темный).&nbsp;Отображается в панели Дизайн.</li><li><strong>BG_PICTURE </strong>- изображение для фона.&nbsp;Отображается в панели Дизайн.</li><li><strong>PARALLAX_EFFECT </strong>- parallax-эффект для фона блока.&nbsp;Отображается в панели Дизайн.</li></ul><p>Любой из этих разделов можно исключить через _EXCLUDE. Например, если ваш блок не предполагает использование карточек:</p><pre>'_EXCLUDE' =&gt; ['CONTENT_CARDS']</pre><p>Также можно добавить дополнительные разделы, аналогично через _INCLUDE:</p><ul><li><strong>ALIGN </strong>- выравнивание контента.</li><li><strong>CONTENT_TABS </strong>- вкладки в блоках. <a href='/articles/299-523--ispolzovanie-vkladok-tabov-v-blokah/' target='_blank'>Подробнее</a>.</li><li><strong>CONTENT_GALLERY_CARDS </strong>- альтернативное отображение карточек для галереи.</li><li><strong>CONTENT_PREVIEW_PICTURE </strong>- картинка для анонса. Если нужна картинка для блока.</li><li><strong>PICTURE_ALIGN </strong>- выравнивание картинки.</li><li><strong>CONTENT_FORM </strong>- выбор формы для блока.</li><li><strong>INDENT_ELEMENTS </strong>- отступы для карточек.</li><li><strong>CONTENT_IMPORT </strong>- импорт карточек из внешнего инфоблока.</li><li><strong>CONTENT_AUTO </strong>- если карточки могут отображать структуру раздела (см раздел Список в библиотеке блоков).</li><li><strong>CONTENT_VIDEO </strong>- видео для блока.</li><li><strong>CARDS_BG_COLOR </strong>- цвет фона для карточек.</li><li><strong>HOVER_EFFECT </strong>- эффект при наведении на карточку.</li><li><strong>TINT_COLOR </strong>- цвет тонировки.</li></ul><h3>NAME</h3><p>Содержит название блока. Отображается в библиотеке блоков.</p><h3>SETTINGS</h3><p>Позволяет создавать свои настройки для блока. Например:<br></p><pre>'SETTINGS' =&gt; ['AUTOPLAY' =&gt; ['TITLE' =&gt; 'Автоперелистывание слайдера','TYPE' =&gt; 'checkbox','DEFAULT' =&gt; false,],],</pre><p>Доступные типы:</p><ul><li><strong>checkbox </strong>- галочка со значениями true или false.</li><li><strong>select </strong>- выпадающий список. Значения указываются в ключе LIST.</li><li><strong>text </strong>- текстовое поле textarea.</li><li><strong>string </strong>- текстовое поле input.</li></ul><h3>ELEMENTS_FIELDS</h3><p>Поля и свойства инфоблока 'Элементы', которые будут доступны в карточке блока. Свойства указываются с префиксом PROPERTY_.</p><p>Кроме того, есть возможность использовать дополнительные ключи:</p><ul><li><strong>_BTN </strong>и <strong>_BTN2 </strong>- для вывода кнопок.</li><li><strong>_LINK </strong>- ссылка.</li><li><strong>_PRICE </strong>- цена (вместе со скидкой).</li><li><strong>_SOCIALS </strong>- социальные сети.<strong></strong></li><li><strong>_POPUP </strong>- модальное окно.</li></ul><h3>POPUP_ELEMENTS_FIELDS</h3><p>Определяет какие поля пойдут в модальное окно.</p><h3>FIELDS_MESS</h3><p>Позволяет заменить названия полей для блока. Пример для замены названия поля 'Заголовок' на 'Имя':</p><pre>'FIELDS_MESS' =&gt; ['NAME' =&gt; 'Имя',],</pre><h3>ELEMENTS_FIELDS_MESS</h3><p>Аналогично предыдущему пункту, только для замены полей карточки. Для свойств нужен префикс PROPERTY_.</p><h3>DEMO</h3><p>Содержит в себе демо-контент для блока. Чтобы блок изначально не добавлялся пустым.</p><p>Включает в себя 2 ключа: <strong><br></strong></p><ul><li><strong>BLOCK </strong>- для информации о блоке. По сути, поля инфоблока 'Блоки'.</li><li><strong>ELEMENTS </strong>- массив с карточками блока. По сути, поля инфоблока 'Элементы'.</li></ul><p>Если свойство является списком, то необходимо указать <em>XML_ID </em>значения списка.</p><p>Если свойство является файлом, то необходимо указать название файла, а сам файл положить в папку <em>demo </em>в корне папки шаблона.<br> </p><h3>COLS и COLS_DEFAULT</h3><p>Массив с возможным количеством колонок в блоке. Например: [2, 3, 4]. COLS_DEFAULT - значение по умолчанию.</p><h3>INDENT_TOP_DEFAULT и INDENT_BOT_DEFAULT<br></h3><p>Отступы по умолчанию сверху и снизу для блока.</p><h3>ALIGN_DEFAULT</h3><p>Выравнивание по умолчанию</p><h3>IS_UNDER_HEADER</h3><p>Может ли блок залезать под прозрачную шапку, если он находится в самом начале страницы. По умолчанию false.</p><h3>USE_MAPS</h3><p>Если true, то на странице с этим блоком будет подключен скрипт для карт.</p><h3>CAN_SHOW_REGIONS и CAN_SHOW_BRANCHES</h3><p>Если в настройках включен вывод регионов или филиалов в блоках, то вместо карточек будут данные о регионах или о филиалах. <br></p><h3>MAX_CARDS_COUNT</h3><p>Максимальное возможное количество карточек в блоке. По умолчанию, неограничено.<br> </p>


slug: 574--catalog
title: Каталог
content:
<p>Начиная с версии <strong>1.8.0</strong> в решении доступен каталог.</p><p>В данном разделе находятся статьи, которые помогут вам при работе с разделами, товарами и т.д.</p><p>Все страницы каталога также являются посадочными страницами и на них доступен конструктор. Это позволит вам добавлять любые блоки и настраивать страницы на свое усмотрение.<br></p><ul class='childs-list-container list-unstyled margin-top-10 margin-left-10'><li class='childs-list-item margin-bottom-5 padding-5'><a class='childs-list-item-link color-primary' href='/articles/574-575--kak-sozdavat-i-redaktirovat-razdely-v-kataloge/'><span id='ui-67e4d06a479627-44535362' class='margin-right-10' style='display: flex; align-items: center;'><svg width='16' height='16' fill='var(--color-icons-grey)'><use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use></svg></span>Как создавать и редактировать разделы в каталоге</a></li><li class='childs-list-item margin-bottom-5 padding-5'><a class='childs-list-item-link color-primary' href='/articles/574-576--kak-sozdavat-i-redaktirovat-tovary-v-kataloge/'><span id='ui-67e4d06a47ef94-12385017' class='margin-right-10' style='display: flex; align-items: center;'><svg width='16' height='16' fill='var(--color-icons-grey)'><use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use></svg></span>Как создавать и редактировать товары в каталоге</a></li></ul>


slug: 574-575--kak-sozdavat-i-redaktirovat-razdely-v-kataloge
title: Как создавать и редактировать разделы в каталоге
content:
<p>Для начала, перейдите в публичный раздел каталога.</p><p>В режиме редактирования будет доступна кнопка в левой части экрана:</p><figure style='text-align: center;'><img src='/files/download/image1st11.png' data-image='529'></figure><p>Заполняем необходимые поля и раздел будет создан.</p><figure style='text-align: center;'><img src='/files/download/image2st11.png' data-image='530'></figure><p>На данный момент редактирование раздела доступно только через инфоблок в административной панели. <br></p><p>Для этого вам необходимо найти нужный инфоблок, с таким же названием, как у раздела:</p><figure style='text-align: center;'><img src='/files/download/image3st11.png' data-image='531'></figure><p>И редактировать разделы уже в нем.</p><p>В будущем будет добавлена возможность редактирования из публичной части.</p>


slug: 574-576--kak-sozdavat-i-redaktirovat-tovary-v-kataloge
title: Как создавать и редактировать товары в каталоге
content:
<p>Для начала, перейдите в публичный раздел каталога. А затем в конкретный раздел, т.к. товары можно создавать только в разделе.</p><p>В режиме редактирования будет доступна кнопка в левой части экрана:</p><figure style='text-align: center;'><img src='/files/download/image1st12.png' data-image='535'></figure><p>Заполняете поля и товар создан.</p><figure style='text-align: center;'><img src='/files/download/image2st12.png' data-image='536'></figure><p>На данный момент редактирование товаров производится только из инфоблока в административной части сайта.</p><p>Для этого вам необходимо найти инфоблок. Он называется также, как и раздел с каталогом:</p><figure style='text-align: center;'><img src='/files/download/image3st12.png' data-image='534'></figure><p>Товары - это элементы инфоблока и редактируются стандартно.</p><h2>Как добавить свойства и вывести их в фильтр</h2><p>Свойства редактируются в настройках инфоблока, для этого необходимо перейти по ссылке внизу:</p><figure style='text-align: center;'><img src='/files/download/image4st12.png' data-image='537'></figure><p>После этого, во вкладке Свойства можно будет отредактировать все свойства:</p><figure style='text-align: center;'><img src='/files/download/image5st12.png' data-image='538'></figure><p>Для вывода в умном фильтре необходимо поставить галочку в настройках свойства:</p><figure style='text-align: center;'><img src='/files/download/image6st12.png' data-image='539'></figure><p>Для вывода свойства в детальной карточке товара в блоке характеристик необходимо поставить галочку:</p><figure style='text-align: center;'><img src='/files/download/image7st12.png' data-image='540'></figure><p></p>


slug: 723--oformlenie-zakaza-i-oplata
title: Оформление заказа и оплата
content:
<p dir='ltr'>С версии 1.12 пользователям, у которых подключен каталог товаров, доступна корзина и возможность подключения онлайн-оплаты заказов с помощью системы приёма платежей Инвойсбокс.<br></p><ul class='childs-list-container list-unstyled margin-top-10 margin-left-10'><li class='childs-list-item margin-bottom-5 padding-5'><a class='childs-list-item-link color-primary' href='/articles/723-724--oformlenie-zakaza/'><span id='ui-67e4d3b77309e3-98880938' class='margin-right-10' style='display: flex; align-items: center;'><svg width='16' height='16' fill='var(--color-icons-grey)'><use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use></svg></span>Корзина и оформление заказа</a></li><li class='childs-list-item margin-bottom-5 padding-5'><a class='childs-list-item-link color-primary' href='/articles/723-725--oplata/'><span id='ui-67e4d3b7736085-37344615' class='margin-right-10' style='display: flex; align-items: center;'><svg width='16' height='16' fill='var(--color-icons-grey)'><use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use></svg></span>Онлайн-оплата</a></li><li class='childs-list-item margin-bottom-5 padding-5'><a class='childs-list-item-link color-primary' href='/articles/723-731--oplata-uslug/'><span id='ui-67e4d3b773b6f9-02825877' class='margin-right-10' style='display: flex; align-items: center;'><svg width='16' height='16' fill='var(--color-icons-grey)'><use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use></svg></span>Оплата услуг</a></li><li class='childs-list-item margin-bottom-5 padding-5'><a class='childs-list-item-link color-primary' href='/articles/723-732--kupit-v-1-klik/'><span id='ui-67e4d3b7740bc2-11276779' class='margin-right-10' style='display: flex; align-items: center;'><svg width='16' height='16' fill='var(--color-icons-grey)'><use xlink:href='/static/svg//icons.svg?v=1728551632#description'></use></svg></span>Купить в 1 клик</a></li></ul>


slug: 723-724--oformlenie-zakaza
title: Корзина и оформление заказа
content:
<p dir='ltr'>Перед тем, как приступить к настройкам корзины и оформления заказа, необходимо создать соответствующую страницу в административной части сайта. </p><p dir='ltr'>Для этого:</p><ul><li dir='ltr'><p dir='ltr'>Переходим по пути Рабочий стол -&gt; RANXCreator -&gt; Список разделов и посадок -&gt; Добавить новый</p></li><li dir='ltr'><p dir='ltr'>Выбираем нужный сайт</p></li><li dir='ltr'><p dir='ltr'>В выпадающем списке поля “Тип” выбираем “Оформление заказа”</p></li><li dir='ltr'><p dir='ltr'>Указываем наименование и путь к странице - обязательно /order/</p></li><li dir='ltr'><p dir='ltr'>Сохраняем настройки</p></li></ul><p><br></p><p dir='ltr'>Мы создали нужную страницу и теперь всё готово для непосредственной настройки.</p><p dir='ltr'>Чтобы включить/отключить корзину, в виджете управления сайтом на вкладке “Общие настройки” выбираем пункт “Каталог” и активируем/деактивируем чекбокс. </p><p><br><br></p><p dir='ltr'>Для работы корзины после активации чекбокса заполняем открывшиеся поля: <br></p><ul><li dir='ltr'><p dir='ltr'>ссылка на страницу оформления заказа (копируем из созданной нами ранее страницы оформления заказа)</p></li><li dir='ltr'><p dir='ltr'>способы доставки (название и стоимость без указания валюты, комментарий к способу доставки); при необходимости выбираем опцию «Показывать поле адреса»)</p></li><li dir='ltr'><p dir='ltr'>выбираем платежную систему </p></li><li dir='ltr'><p dir='ltr'>применяем настройки</p></li></ul><figure style='text-align: center;'><img src='/files/download/image1st13.png' data-image='742'></figure><p dir='ltr'><br></p><p dir='ltr'>После того, как настройки будут сохранены, у товаров в каталоге появится кнопка “В корзину”.</p><p dir='ltr'>Также пользователи смогут положить в корзину товары из блока 19_1, если у него будет активирована соответствующая настройка:</p><p dir='ltr'></p><figure style='text-align: center;'><img src='/files/download/image2st13.png' data-image='744'></figure><p><br><br>При наведении на значок корзины в шапке сайта пользователь сможет увидеть добавленные в неё товары и перейти к оформлению заказа. </p><p dir='ltr'>Страница оформления заказа также является лендингом, и при необходимости вы можете добавить на неё дополнительные рекламные блоки.<br><br>Поля в оформлении заказа предустановлены, и пока что их нельзя изменить, мы работаем над тем, чтобы улучшить этот функционал в ближайшее время. </p><p dir='ltr'>Для сайтов на редакции 1С-Битрикс “Стандарт” и выше, если установлен модуль “Веб-формы”, оформленные заказы записываются в веб-форму “Заказы”. Вы можете настроить интеграцию веб-формы с вашей CRM и получать заявки в нее с сайта напрямую.</p><p dir='ltr'>Если модуль веб-формы не установлен, или сайт на редакции 1С-Битрикс “Старт”, то  оформленные заказы сохраняются в инфоблоке в административной части сайта.</p><p><br></p>


slug: 723-725--oplata
title: Онлайн-оплата
content:
<p dir='ltr'>Оплата доступна для любых редакций 1С-Битрикс.</p><p dir='ltr'>Подключение онлайн-оплаты заказов в решении осуществляется с помощью системы приёма платежей Инвойсбокс. <br></p><p dir='ltr'>Чтобы подключить онлайн-оплату, вам необходимо будет заключить договор с самой системой приема платежей, а на сайте должен быть настроен каталог товаров и оформление заказа. </p><p dir='ltr'>Если все условия выполнены, в виджете управления сайтом на вкладке “Общие настройки” выбираем пункт “Каталог”. </p><p dir='ltr'>В пункте “Платежная система” открывшегося меню настроек выбираем “Инвойсбокс”. </p><figure data-uuid='cebc5edd-878a-11ee-9772-fa163e2ff576' style='text-align: center;'><img width='400' src='/files/download/img1st14.png' data-image='1113'></figure><p><br><br><br></p><p dir='ltr'>Заполняем появившиеся поля данными, полученными после заключения договора с платежной системой (идентификатор магазина, региональный код и ключ безопасности). При необходимости указываем код валюты, если будут использоваться не рубли.</p><figure data-uuid='dc2ff798-878a-11ee-9772-fa163e2ff576' style='text-align: center;'><img width='400' src='/files/download/img2st14.png' data-image='1114'></figure><p dir='ltr'>Сохраняем введенные настройки. </p><p dir='ltr'>Онлайн-оплата для вашего магазина подключена. </p><p><br></p>


slug: 723-731--oplata-uslug
title: Оплата услуг
content:
<h1>Оплата услуг</h1><p>Начиная с версии 1.12.1 в Creator можно оплатить онлайн не только товары, но и услуги.</p><p>При этом владельцы решения могут разместить кнопку 'Купить' на любом блоке, который посчитают подходящим для этой цели.</p><p>Для этого в настройках нужного блока:</p><ol><li>Активируем кнопку</li><li>Назначаем ей цвет и выбираем размер</li><li>Пишем текст, который хотим разместить на кнопке, например «В корзину»</li><li>Выбираем тип ссылки «Покупка»</li><li>Обязательно пишем название услуги, стоимость </li><li>При необходимости указываем скидку</li><li>Сохраняем изменения (кнопка «Применить»)</li></ol><figure style='text-align: center;'><img src='/files/download/image1st16.png' data-image='731'></figure><p><br></p><p>В результате по клику на появившуюся в публичной части сайта кнопку услуга будет добавлена в корзину и пользователь сможет оформить на нее заказ, либо купить, если у вас на сайте подключена платежная система. О том, как подключить платежи, можно прочитать <a href='https://help.landing-demo.ru/articles/723-725--oplata/'>здесь</a>.</p><figure style='text-align: center;'><img src='/files/download/image2st16.png' data-image='732'></figure>


slug: 723-732--kupit-v-1-klik
title: Купить в 1 клик
content:
<h1>Купить в 1 клик</h1><p>Начиная с версии 1.12.1 в решении доступна возможность подключения покупки товаров в 1 клик. </p><p>Кнопка «купить в 1 клик» появляется в детальной карточке товаров, размещенных в каталоге.</p><figure style='text-align: center;'><img src='/files/download/image1st15.png' data-image='733'></figure><p><br></p><p>Чтобы включить функцию, в общих настройках решения выберите пункт «Каталог» и активируйте чек-бокс «Покупка в 1 клик».</p><figure style='text-align: center;'><img src='/files/download/image2st15.png' data-image='734'></figure><p><br></p><p>Заказы, созданные в 1 клик, размещаются в списке общих заказов в инфоблоке, либо результатах веб-форм, если они подключены. </p>


slug: 12-None--kak-izmenit-stil-zagolovkov
title: Как изменить стиль заголовков
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'> <p spellcheck='false' data-gramm='false'>Перейдите в общие настройки.</p><figure><img src='/files/download/2020-10-14_12-25-17-2.png' data-image='275' title='' style=''></figure><p spellcheck='false' data-gramm='false'>Оставаясь в основных настройках найдите пункт 'Стиль заголовков'.&nbsp;</p><p spellcheck='false' data-gramm='false'>Из уже имеющихся стилей вы можете выбрать тот,&nbsp;который будет подходить для вашего сайта лучше всего.&nbsp;</p><p spellcheck='false' data-gramm='false'>Можно выбрать: Жирный, Средней жирности и Обычный.</p><figure><img src='/files/download/2020-10-14_13-44-11-1.png' data-image='277'></figure>            </div>


slug: 12-None--kak-izmenit-shrift-ili-dobavit-svoi-shrift-s-google-fonts
title: Как изменить шрифт или добавить свой шрифт с Google Fonts
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Для того чтобы изменить шрифт, необходимо перейти в общие настройки.</p>     <figure><img src='/files/download/2020-10-14_12-25-17.png' data-image='130' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>В общих настройках вы найдете раздел с основными настройками. В нем будет         пункт по настройкам шрифтов, где вы можете выбрать уже имеющиеся или загрузить свой из Google Fonts.</p>     <figure><img src='/files/download/2020-10-14_13-15-32.png' data-image='131'></figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Уже имеющиеся шрифты.</p>     <figure><img src='/files/download/2020-10-14_13-18-18.png' data-image='132'></figure>     <p spellcheck='false' data-gramm='false'>Шрифты c Google Fonts.</p>     <figure><img src='/files/download/2020-10-14_13-19-41.png' data-image='133'></figure>     <p spellcheck='false' data-gramm='false'>Для того чтобы загрузить шрифт из Google Fonts, вам необходимо перейти по         ссылке&nbsp;<a href='https://fonts.google.com/'>https://fonts.google.com/</a>&nbsp;и выбрать из списка тот         шрифт, который вам понравится.</p>     <figure><img src='/files/download/2020-10-14_13-21-37.png' data-image='134' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>Далее зайти в этот шрифт и выбрать те варианты шрифтов по жирности, которые         вы будете использовать (чаще всего это 100, 400, 600, 900)</p>     <figure><img src='/files/download/2020-10-14_13-36-14.png' data-image='135' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>После того как вы добавили шрифты,&nbsp;вам необходимо скопировать ссылку и         вставить ее в модуль. </p>     <p data-gramm='false' spellcheck='false'>Для этого вам нужно раскрыть список сохраненных шрифтов.</p>     <figure><img src='/files/download/2020-10-14_13-37-28.png' data-image='136' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>После перейти на вкладку embed.</p>     <figure><img src='/files/download/2020-10-14_13-38-22.png' data-image='137'></figure>     <p spellcheck='false' data-gramm='false'>Скопировать ссылку, которую сформировал для вас Google Fonts.</p>     <figure><img src='/files/download/2020-10-14_13-39-40.png' data-image='138'></figure>     <p spellcheck='false' data-gramm='false'>После перейти в модуль и вставить ссылку в строку 'Шрифт с Google Fonts'     </p>     <figure><img src='/files/download/2020-10-14_13-39-40.png' data-image='139'></figure>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 12-None--kak-izmenit-stil-knopok
title: Как изменить стиль кнопок
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Для того чтобы изменить стиль кнопок,&nbsp;необходимо в общих настройках         определиться с вариантом стилей кнопок (круглые края или прямоугольные). Эти стили для кнопок применяются на         всем сайте.&nbsp;</p>     <figure><img src='/files/download/2020-10-15_10-25-06.png' data-image='141'></figure>     <p spellcheck='false' data-gramm='false'>Также есть возможность для каждого блока задать свои стили кнопок,&nbsp;для         этого нужно перейти в контент </p>     <figure><img src='/files/download/2020-10-15_10-33-59.png' data-image='144' title='' style=''></figure>     <p data-gramm='false' spellcheck='false'>После того,&nbsp;как перешли в контент, вам нужно зайти в карточку, которую         хотите редактировать.&nbsp;</p>     <figure><img src='/files/download/2020-10-15_10-28-24.png' data-image='142'></figure>     <p spellcheck='false' data-gramm='false'>После чего активируем кнопки и у нас появляются редактируемые         поля,&nbsp;где вы можете выбрать цвет кнопки и ее размер. После даете название этой кнопке и указываете тип         ссылки.&nbsp;</p>     <figure><img src='/files/download/2020-10-15_10-30-14.png' data-image='143'></figure> </div>


slug: 12-None--kak-dobavit-logotip-i-favicon
title: Как добавить логотип и favicon
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Вам нужно перейти в общие настройки.</p>     <figure><img src='/files/download/2020-10-14_12-25-17.png' data-image='145' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>В основных настройках найти пункты меню с логотипом и favicon</p>     <figure><img src='/files/download/2020-10-15_11-18-11.png' data-image='146'></figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Логотип рекомендуем устанавливать в 2-ух вариантах. Один светлый, если         шапка например будет темная, а другой темный,&nbsp;если шапка будет наоборот светлая.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Рекомендуемые размеры логотипа 156х33px (прямоугольного формата)</p>     <figure><img src='/files/download/2020-10-15_11-40-43.png' data-image='147'></figure>     <p spellcheck='false' data-gramm='false'>Favicon рекомендуемые размеры 16x16px (квадратного формата)</p>     <figure><img src='/files/download/2020-10-15_11-42-37.png' data-image='148'></figure> </div>


slug: 12-None--kak-nastroit-ispolzovanie-cookie
title: Как настроить использование cookie
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Для того,&nbsp;чтобы настроить уведомление об использовании         cookie,&nbsp;вам необходимо перейти в общие настройки.&nbsp;</p>     <figure><img src='/files/download/2020-10-14_12-25-17.png' data-image='149' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>В общих настройках, выбрать основные настройки и найти пункт         об&nbsp;уведомление об использовании cookies и активировать его.&nbsp;</p>     <figure><img src='/files/download/2020-10-15_11-46-35.png' data-image='150'></figure>     <p spellcheck='false' data-gramm='false'>У вас появиться текст с уведомлением, где вы можете оставить уже имеющийся         или написать свой.</p>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 12-None--kak-dobavit-udalit-opisanie-slogan-u-logotipa
title: Как добавить/удалить описание (слоган) у логотипа
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <figure><img src='/files/download/2020-10-15_16-48-17.png' data-image='151' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>Чтобы добавить описание слогана,&nbsp;необходимо зайти в общие настройки и         оставаясь основных настройках найти пункт 'Слоган'</p>     <figure><img src='/files/download/2020-10-15_16-51-22.png' data-image='152'></figure>     <p spellcheck='false' data-gramm='false'>Используя html разметку вы можете написать свой слоган, который будет         отображаться справа от логотипа.&nbsp;</p> </div>


slug:
12-None--kak-dobavit-izmenit-kontaktnye-dannye-nomera-telefonov-opisanie-k-nomeram-rezhim-raboty-el-pochta-adres

title:
Как добавить/изменить контактные данные (номера телефонов, описание к номерам, режим работы, эл.почта, адрес)

content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Для того,&nbsp;чтобы добавить контактные данные, необходимо перейти в общие         настройки.&nbsp;</p>     <figure><img src='/files/download/2020-10-14_12-25-17.png' data-image='153' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>В общих настройках перейти в основные и там перейти к настройкам контактных         данных.&nbsp;</p>     <figure><img src='/files/download/2020-10-15_17-01-20.png' data-image='154'></figure>     <p spellcheck='false' data-gramm='false'>Здесь вы можете указать:</p>     <ul data-gramm='false' spellcheck='false'>         <li>Номера телефонов (неограниченное количество номеров).</li>         <li>Режим работы вашей организации.</li>         <li>E-mail вашей компании.</li>         <li>Физический и/или юридический адрес.&nbsp;</li>     </ul>     <p spellcheck='false' data-gramm='false'>Все данные вы можете указывать как обычный текстом,&nbsp;так и разметкой         html</p>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 12-None--kak-vkliuchit-lenivuiu-zagruzku-izobrazhenii-lazyload
title: Как включить ленивую загрузку изображений (LazyLoad)
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Перейдите в общие настройки.</p>     <figure><img src='/files/download/2020-10-14_12-25-17.png' data-image='155' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>В основных настройках ищем галочку lazyload, которую нужно активировать.     </p>     <p data-gramm='false' spellcheck='false'>После ее активации она автоматически применяется на всех устройствах. Как         на PC так и на Mobile.</p>     <figure><img src='/files/download/2020-10-15_17-14-37.png' data-image='156'></figure> </div>


slug: 12-None--kak-nastroit-tsvet-saita-ili-sozdat-svoi
title: Как настроить цвет сайта или создать свой
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Для того чтобы изменить цвет на сайте, вам необходимо зайти в общие         настройки.</p>     <figure><img src='/files/download/2020-10-14_12-25-17.png' data-image='273' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>В общих настройках перейдите в основные настройки. В настройках нужно         перейти к настройкам цветов. </p>     <p data-gramm='false' spellcheck='false'>Вы можете выбрать уже имеющиеся цвета или выбрать свой цвет.</p>     <figure><img src='/files/download/2020-10-14_12-27-32.png' data-image='274'></figure>     <p dir='ltr' spellcheck='false' data-gramm='false'>Для того чтобы выбрать свой цвет, вы можете:</p>     <p data-gramm='false' spellcheck='false' dir='ltr'>Вставить HTML цвет. Система поддерживает несколько способов         представления цветов.</p>     <figure><img src='/files/download/image (65).png' data-image='350'></figure>     <ul spellcheck='false' data-gramm='false'>         <li dir='ltr'>Представление в виде трёх пар шестнадцатеричных цифр (#123ABC)</li>         <li dir='ltr'>RGB</li>         <li dir='ltr'>RGBA</li>         <li dir='ltr'>Представление ключевыми словами (black, white, red и т.д.)</li>     </ul>     <p spellcheck='false' data-gramm='false'>Подобрать и вставить с помощью палитры.&nbsp;<br></p>     <figure><img src='/files/download/2020-10-14_12-30-50.png' data-image='128'></figure>     <p spellcheck='false' data-gramm='false'><br></p>     <p spellcheck='false' data-gramm='false'><br></p>     <p data-gramm='false' spellcheck='false'> </p> </div>


slug: 14-None--kak-izmenit-vid-shablon-shapki-ili-sozdat-svoiu
title: Как изменить вид (шаблон) шапки или создать свою
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Для того чтобы изменить вид шапки, нужно перейти в общие настройки и         перейти в раздел 'Шапка'.</p>     <figure><img src='/files/download/2020-10-16_12-11-11.png' data-image='157'></figure>     <p spellcheck='false' data-gramm='false'>Вы можете выбрать из уже имеющихся типов шапок.&nbsp;</p>     <figure><img src='/files/download/2020-10-16_12-17-41.png' data-image='158'></figure>     <p spellcheck='false' data-gramm='false'>Или создать свою кастомную шапку сайта.&nbsp;</p> </div>


slug: 14-None--kak-shapku-saita-razmestit-na-banner
title: Как шапку сайта разместить на баннер
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Если вы хотите,&nbsp;чтобы пункты меню заходили на баннер,&nbsp;т.е. чтобы         шапка сайта была на баннере,&nbsp;вам нужно.</p>     <figure><img src='/files/download/2020-10-22_10-14-04.png' data-image='278' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>&nbsp;Зайти в общие настройки, перейти в раздел 'Шапка'.&nbsp;</p>     <figure><img src='/files/download/2020-10-16_12-11-11.png' data-image='164'></figure>     <p spellcheck='false' data-gramm='false'>В разделе нужно найти кнопку 'Прозрачная шапка', которую нужно         активировать.&nbsp;</p>     <figure><img src='/files/download/2020-10-22_10-16-33.png' data-image='279'></figure> </div>


slug: 14-None--kak-zakrepit-shapku-sverkhu-pri-skrolle
title: Как закрепить шапку сверху при скролле
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Зафиксировать шапку можно как для мобильных устройств, так и для         компьютеров.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Вам нужно зайти в общие настройки и перейти в раздел 'Шапка'</p>     <figure><img src='/files/download/2020-10-16_12-11-11.png' data-image='159'></figure>     <p spellcheck='false' data-gramm='false'>Для компьютеров вы выбираете либо из уже имеющихся шапок сайта, либо         создаете кастомную.&nbsp;</p>     <figure><img src='/files/download/2020-10-16_13-36-27.png' data-image='160'></figure>     <p spellcheck='false' data-gramm='false'>Для мобильных устройств вы вбираете тип отображения шапки сайта или         создаете кастомную и ниже активируете кнопку с фиксированной шапкой.</p>     <figure><img src='/files/download/2020-10-16_13-37-43.png' data-image='161'></figure>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 14-None--kak-nastroit-knopku-v-shapke
title: Как настроить кнопку в шапке
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Для того чтобы вывести кнопку в шапке сайта,&nbsp;вам необходимо зайти в         общие настройки,&nbsp;перейти в раздел 'Шапка'.</p>     <figure><img src='/files/download/2020-10-16_12-11-11.png' data-image='162'></figure>     <p></p>     <p spellcheck='false' data-gramm='false'>Затем нужно активировать кнопку и заполнить все имеющиеся поля или выбрать         из текущих настроек.</p>     <figure><img src='/files/download/2020-10-16_13-44-14.png' data-image='163'></figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 15-None--kak-nastroit-shirokoe-vypadaiushchee-meniu
title: Как настроить широкое выпадающее меню
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Прежде чем приступить к настройкам создания широкого меню,&nbsp;его         необходимо подключить,&nbsp;для этого перейдите в 'редактор меню'.</p>     <figure><img src='/files/download/2020-10-30_10-52-55.png' data-image='354' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>В&nbsp;редакторе меню выберите те разделы,&nbsp;где необходимо будет         выводить широкое меню.&nbsp;</p>     <figure><img src='/files/download/2020-10-30_10-54-33.png' data-image='355'></figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Переходим к настройкам широкого меню.</p>     <p spellcheck='false' data-gramm='false'>Для настроек широкого меню вам необходимо перейти в общие настройки и         перейти в пункт 'меню'</p>     <figure><img src='/files/download/2020-10-21_14-03-58.png' data-image='243'></figure>     <p spellcheck='false' data-gramm='false'>Затем вам нужно настроить широкое меню,&nbsp;для этого:</p>     <p spellcheck='false' data-gramm='false'><b>1 шаг. </b>Вам нужно выбрать,&nbsp;будете ли вы отображать иконки или         изображения в широком меню.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>С&nbsp;иконками</p>     <figure><img src='/files/download/2020-10-21_14-20-58.png' data-image='246' title='' style=''></figure>     <p></p>     <p spellcheck='false' data-gramm='false'>Без иконок</p>     <figure><img src='/files/download/2020-10-21_14-13-02.png' data-image='244' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'><b>2 шаг.</b> Следующим шагом нужно выбрать вид отображения изображения в         меню. Иконки или картинки.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Картинка</p>     <figure><img src='/files/download/2020-10-21_14-20-58.png' data-image='247' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Иконки</p>     <figure><img src='/files/download/2020-10-21_14-26-18.png' data-image='248' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'><b>3 шаг.</b> Выберите в каком месте будет выводиться ваша картинка/иконка     </p>     <figure><img src='/files/download/2020-10-21_14-27-37.png' data-image='249'></figure>     <p spellcheck='false' data-gramm='false'>Либо над пунктами меню,&nbsp;либо слева от пунктов меню.&nbsp;</p>     <p spellcheck='false' data-gramm='false'><b>4 шаг.</b> Выберите количество столбцов,&nbsp;которое будет выводиться в         пунктах меню.&nbsp;</p>     <figure><img src='/files/download/2020-10-21_14-37-25.png' data-image='250'></figure>     <p spellcheck='false' data-gramm='false'><b>5 шаг. </b>Последним шагом выберите как будут выводиться у вас         подпункты&nbsp; в меню,&nbsp;либо в строчку,&nbsp;либо в столбик друг под другом.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>В&nbsp;столбик выглядит читаемо,&nbsp;но если у вас много пунктов в         меню,&nbsp;то мы рекомендуем выводить в строчку.&nbsp;</p>     <figure><img src='/files/download/2020-10-21_14-38-33.png' data-image='251'></figure>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 16-None--kak-izmenit-vid-shablon-podvala
title: Как изменить вид (шаблон) подвала
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Чтобы изменить вид подвала сайта,&nbsp;вам нужно зайти в общие настройки и         перейти в раздел 'футер'.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Вы можете выбрать из уже имеющихся шаблонов или добавить свой шаблон         (кастом) и его применить.</p>     <figure><img src='/files/download/2020-10-16_15-59-02.png' data-image='166'></figure> </div>


slug: 16-None--kak-izmenit-tsvet-podvala
title: Как изменить цвет подвала
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Вы можете выбрать темный или светлый цвет подвала. Чтобы изменить         оттенок,&nbsp;&nbsp;вам нужно перейти в общие настройки и перейти в раздел 'Футер'.</p>     <p spellcheck='false' data-gramm='false'>Здесь вы найдете 'фон футера', где вы и сможете выбрать тот вариант,         который вам подойдет.&nbsp;</p>     <figure><img src='/files/download/2020-10-16_16-12-46.png' data-image='167'></figure> </div>


slug: 16-None--kak-dobavit-kopirait
title: Как добавить копирайт
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Copyright - Это знак охраны авторского права используется с именем         физического или юридического лица, которому принадлежат авторские права. Указывается год публикации или диапазон         дат.</p>     <p spellcheck='false' data-gramm='false'>Чтобы добавить Копирайт, вам нужно перейти в общие настройки и зайти в         раздел 'Футер'. В этом разделе есть поле 'Copyright',&nbsp;&nbsp;в которое вы можете указать свои данные.&nbsp;     </p>     <figure><img src='/files/download/2020-10-16_16-19-53.png' data-image='169'></figure>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 16-None--kak-sozdat-stranitsu-s-politikoi-konfidentsialnosti-i-pomestit-v-podvale
title: Как создать страницу с политикой конфиденциальности и поместить в подвале
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p dir='ltr'>Любая форма сбора данных на вашем сайте считается обработкой персональных данных. Это может быть форма         обратной связи, подписки на рассылку или регистрации. Поэтому вы обязаны рассказывать своим пользователям, какая         у вас политика обработки персональных данных. Политика конфиденциальности может быть расписана на отдельной         странице сайта или прикреплена документом.&nbsp;<br></p>     <p dir='ltr'>В Landing ссылку на политику конфиденциальности вы можете оставить в футере, нижней части         сайта.&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image (66).png'             data-image='485'></figure>      <p dir='ltr'>Чтобы расположить ссылку на политику конфиденциальности, перейдите в «&lrm;Общие настройки». Далее в         разделе «&lrm;Футер» прокрутите бегунок до поля «&lrm;Ссылка для политики конфиденциальности». В поле прикрепите         ссылку <strong>(1)</strong> на документ или ссылку на страницу сайта.&nbsp;Примените изменения         <strong>(2)</strong>.&nbsp;&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image (67).png'             data-image='486'></figure>      <p dir='ltr'>В поле «&lrm;Copyright» вы можете расположить знак авторского права. Для использования доступен макрос         #YEAR# — вместо него автоматически подставляется текущий год.&nbsp;<br></p>     <p dir='ltr'>Не забудьте применить изменения.&nbsp;<br></p>      <figure style='text-align: center;'><img src='/files/download/image (68).png'             data-image='487'></figure>     <p><br></p> </div>


slug: 16-None--kak-ukazat-sposoby-oplaty-na-saite
title: Как указать способы оплаты на сайте
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Чтобы добавить варианты способов оплат в подвале,&nbsp;&nbsp;вам нужно         перейти в общие настройки и перейти в раздел 'Футер'</p>     <p spellcheck='false' data-gramm='false'>В разделе 'Футер' найти поле Способы оплаты. В этом блоке вы можете выбрать         из уже имеющихся форматов оплаты.&nbsp;</p>     <figure><img src='/files/download/2020-10-16_16-24-01.png' data-image='170'></figure> </div>


slug: 16-None--kak-dobavit-knopku-s-prizyvom-v-podval
title: Как добавить кнопку с призывом в подвал
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Чтобы добавить кнопку в подвал,&nbsp;&nbsp;вам нужно перейти в общие         настройки,&nbsp;&nbsp;далее зайти в раздел 'Футер'.</p>     <p spellcheck='false' data-gramm='false'>В разделе вам нужно найти блок 'Кнопка: Оставить заявку'. Ее нужно         активировать и внести изменения настройки для кнопки.&nbsp;</p>     <figure><img src='/files/download/2020-10-16_16-28-06.png' data-image='171'></figure> </div>


slug: 17-None--kak-podkliuchit-zagolovok-i-khlebnye-kroshki-v-razdelakh
title: Как подключить заголовок и хлебные крошки в разделах
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>В решении Landing есть возможность создавать разделы с подразделами или лендингами.</p>     <p>Когда вы создаете подраздел, автоматически формируется его заголовок <strong>(2)</strong> и хлебные крошки         <strong>(1)</strong> — навигационный путь.</p>     <figure><img src='/files/download/image (69).png' data-image='369'></figure>     <p dir='ltr'>Вы можете подключить или отключить автоматический заголовок и хлебные крошки. А также изменить их         расположение. </p>     <p dir='ltr'>Для этого перейдите в «&lrm;Общие настройки» → раздел «&lrm;Раздел».&nbsp;</p>     <ol>         <li dir='ltr'>Поставьте галку в поле «&lrm;Показывать заголовок и хлебные крошки».&nbsp;</li>         <li dir='ltr'>Выберите положение заголовка и хлебных крошек: слева или по центру.&nbsp;</li>     </ol>     <p dir='ltr'>Примените изменения.&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image (70).png'             data-image='545'></figure> </div>


slug: 3-None--sozdanie-razdelov-stranits-i-nastroika-meniu-1
title: Создание разделов/страниц и настройка меню
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>    <p>Начиная с версии 1.6.0, решение позволяет создать лендинг на сайте, который может быть доступен по отдельному        адресу (домен/поддомен).</p>    <p>В этой инструкции вы узнаете, как создать и настроить такую страницу.</p>    <h3>Настройки готового решения</h3>    <p>1. Войдите в административную панель сайта по ссылке sitename.ru/bitrix/ с правами администратора;</p>    <p>2. Создайте новую страницу по адресу RANX — Creator — Список разделов и посадок&nbsp;— Добавить новый;</p>    <p>3. В открывшемся окне, выберите сайт для которого планируете создать новую страницу</p>    <p>4. ВАЖНО! Выберите тип страницы «Лендинг». <b></b>Только для этого типа есть возможность создать страницу на        отдельном домене;</p>    <p>5. Установите галочку напротив опции «На отдельном домене»;</p>    <p>6. Укажите наименование домена, по которому страница должна быть доступна;</p>    <p>7. Если вам необходимо, чтобы страница выглядела, как самостоятельный лендинг - были своя шапка с логотипом и        подвал, установите галочку напротив опции&nbsp;«Отдельные настройки для домена».</p>    <figure><img src='/files/download/image (63).png' data-image='381'></figure>    <h3>Настройки домена на хостинге</h3>    <p>1. Авторизоваться на хостинге с правами администратора;</p>    <p>2. Перейти в настройки основного домена sitename.ru;</p>    <p>3. Добавить в псевдонимы основного домена sitename.ru, новый домен new-page.ru и <a href='http://www.new-page.ru'            target='_blank'>www.new-page.ru</a>, по которому должна быть доступна указанная страница (лендинг);</p>    <p>4. ВАЖНО! Убедиться, что опция 'Автоподдомены' выключена. С включенной опцией, функционал работать не будет.</p>    <p></p></div>


slug: 3-None--kak-sozdat-razdel-s-poiskom
title: Как создать раздел с поиском
content:
<div class='row margin-bottom-20'>    <div class='col-md-12 knb-word-wrap article-content js-article-content'>                        <p>В админстративной панели переходим в <em><strong>RANX -&gt; Landing -&gt; Список разделов и посадок -&gt; Создать новый</strong></em>.</p> <figure style='text-align: center;'><img src='/files/download/image (64).png' data-image='598'></figure> <p>Заполняем поля и жмем сохранить. После создания страницы, поиск будет автоматически активирован на сайте.</p>            </div> </div>


slug: 22-None--kak-pomeniat-raspolozhenie-zagolovka-v-bloke
title: Как поменять расположение заголовка в блоке
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Есть 2 формата расположения заголовков. Чтобы поменять расположение         заголовков,&nbsp;вам нужно перейти в общие настройки и зайти в раздел 'Блоки'.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>После выбрать расположение, либо по левому краю, либо по центру.&nbsp;</p>     <figure><img src='/files/download/2020-10-16_17-08-09.png' data-image='172'></figure> </div>


slug: 22-None--kak-nastroit-elementy-upravleniia-v-karte-iandeks
title: Как настроить элементы управления в карте Яндекс
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Чтобы добавить разные настройки для карт, вам нужно перейти в общие         настройки и зайти в раздел 'Блоки'.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Далее вам нужно выбрать те элементы в 'Элементах управления         картой',&nbsp;которые вы хотите вынести на карты.&nbsp;</p>     <figure><img src='/files/download/2020-10-16_17-21-36.png' data-image='173'></figure> </div>


slug: 22-None--kak-nastroit-valiutu-1
title: Как настроить валюту
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Валюта отображается во всех местах,&nbsp;где есть цена.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Для настройки валюты перейдите в общие настройки и в раздел 'блоки'</p>     <figure><img src='/files/download/2020-10-21_15-07-03.png' data-image='252'></figure>     <p spellcheck='false' data-gramm='false'>В&nbsp;нем укажите символ валюты или сокращенное название         валюты,&nbsp;которую будете использовать.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Например: Руб.,&nbsp;₽, Рубль,&nbsp;$, грн,&nbsp;₴ и пр.&nbsp;</p>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 23-None--kak-poluchit-token-instagram
title: Как получить токен инстаграм
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <h2 dir='ltr'>У вас красивый инстаграм и вы хотите показать его на сайте? </h2>     <p dir='ltr'>Мы расскажем, как это сделать! </p>     <p dir='ltr'>В общих настройках Landing есть раздел Instagram, в котором присутствует поле API токен:</p>      <figure style='text-align: center;'><img src='/files/download/image (71).png'             data-image='599'></figure>     <p><br></p>     <p dir='ltr'>В это поле необходимо поставить так называемый API token Instagram - но чтобы его получить, необходимо         выполнить ряд действий. В этой статье мы подробно расскажем как получить API token Instagram и настроить его на         ваш сайт. </p>     <h2 dir='ltr'>1. Создаем приложение</h2>     <p dir='ltr'>Перейдите на сайт <a href='https://developers.facebook.com/'>developers.facebook.com</a> и         авторизуйтесь, если ранее этого не делали.</p>     <p dir='ltr'>После авторизации выберите пункт «Мои приложения»:</p>      <figure style='text-align: center;'><img src='/files/download/image (72).png'             data-image='600'></figure>     <p dir='ltr'>И нажмите кнопку «Создать приложение»:</p>      <figure style='text-align: center;'><img src='/files/download/image (73).png'             data-image='601'></figure>     <p dir='ltr'>В открывшемся окне необходимо выбрать тип приложения «Дополнительные параметры»:</p>      <figure style='text-align: center;'><img src='/files/download/image (74).png'             data-image='602'></figure>     <p dir='ltr'>Далее нажмите на «Кружок» и «Продолжить»:</p>      <figure style='text-align: center;'><img src='/files/download/image (75).png'             data-image='603'></figure>     <p dir='ltr'>Перед вами появится новое окно, найдите следующие пункты:</p>      <figure style='text-align: center;'><img src='/files/download/image (76).png'             data-image='604'></figure>     <p dir='ltr'>В них необходимо:</p>     <p dir='ltr'>— указать название вашего приложения (обратите внимание — название приложения не должно содержать слово         Instagram из-за особенностей работы платформы для разработки) </p>     <p dir='ltr'>— Указать электронный адрес для связи </p>     <p dir='ltr'>(Аккаунт Businnes Manager можно не выбирать)</p>     <p dir='ltr'>— Нажать «Создание приложения»</p>     <p dir='ltr'>После заполнения формы страница будет перезагружена. Вас перенаправят на страницу панели нового         приложения. В левом меню выберите «Настройки» и «Основное»:</p>      <figure style='text-align: center;'><img src='/files/download/image (77).png'             data-image='605'></figure>     <p dir='ltr'>Прокрутите открывшуюся страницу до конца и нажмите «Добавить платформу»:</p>      <figure style='text-align: center;'><img src='/files/download/image (78).png'             data-image='606'></figure>     <p dir='ltr'>В открывшемся окне выберите кнопку «Веб-сайт»:</p>      <figure style='text-align: center;'><img src='/files/download/image (79).png'             data-image='607'></figure>     <p dir='ltr'>В конце страницы появится новый блок «Веб-сайт»:</p>      <figure style='text-align: center;'><img src='/files/download/image (80).png'             data-image='608'></figure>     <p dir='ltr'>Здесь необходимо указать адрес вашего сайта и нажать «Сохранить изменения».</p>     <p dir='ltr'>Далее снова обратите внимание на боковое левое меню — нажмите «Товары» и «Basic Display» и перейдите к         его настройке:</p>     <figure style='text-align: center;'><img src='/files/download/image (81).png'             data-image='609'></figure>      <h2 dir='ltr'>2. Настраиваем продукт</h2>     <p dir='ltr'>В открывшемся окне выберите блок «Basic Display» и нажмите «Настроить»:</p>      <figure style='text-align: center;'><img src='/files/download/image (82).png'             data-image='610'></figure>     <p dir='ltr'>Перед вами откроется вот такое окно — вам просто нужно нажать «Create New App»:</p>      <figure style='text-align: center;'><img src='/files/download/image (83).png'             data-image='611'></figure>     <p dir='ltr'>После этого перед вами появится новое окошко, где необходимо просто продублируйте название вашего         приложения:</p>      <figure style='text-align: center;'><img src='/files/download/image (84).png'             data-image='612'></figure>     <p dir='ltr'>После сохранения настроек станут доступны новые поля. Необходимо заполнить следующие:</p>     <p dir='ltr'><strong>— Действительные URI переадресации для OAuth</strong></p>     <p dir='ltr'><strong>— Деавторизация URL обратного вызова</strong></p>     <p dir='ltr'><strong>— URL запроса на удаление данных</strong></p>      <figure style='text-align: center;'><img src='/files/download/image (85).png'             data-image='613'></figure>     <p dir='ltr'>Во всех полях нужно указать адрес сайта, для которого будет настраиваться виджет.</p>     <h2 dir='ltr'>3. Добавление тестового пользователя</h2>     <p dir='ltr'>Снова обращаем внимание на боковое левое меню, нажимаем «Роли», в выпадающем списке снова нажимаем         «Роли»:</p>      <figure style='text-align: center;'><img src='/files/download/image (86).png'             data-image='614'></figure>     <p dir='ltr'>И в открывшемся окне выбираем блок «Тестировщики Instagram»:</p>      <figure style='text-align: center;'><img src='/files/download/image (87).png'             data-image='615'></figure>     <p dir='ltr'>В новом открывшемся окне укажите имя пользователя аккаунта Instagram и нажмите кнопку «Отправить»:</p>      <figure style='text-align: center;'><img src='/files/download/image (88).png'             data-image='616'></figure>     <p dir='ltr'>Теперь ваш профиль появился в списке тестировщиков со статусом «На рассмотрении». Чтобы подтвердить         приглашение, необходимо перейти по ссылке в тексте (»Приложения и сайты»):</p>      <figure style='text-align: center;'><img src='/files/download/image (89).png'             data-image='617'></figure>     <p dir='ltr'>Ссылка ведет на ваш Instagram. Здесь вам нужно вести свой логин и пароль, и открывшейся странице нажать         «Приложения и сайты» → «Приглашения для тестировщиков» → «Принять»:</p>      <figure style='text-align: center;'><img src='/files/download/image (90).png'             data-image='618'></figure>     <h2 dir='ltr'>4. Генерация API token</h2>     <p dir='ltr'>Снова возвращаемся в меню: «Товары» → «Basic display»</p>      <figure style='text-align: center;'><img src='/files/download/image (91).png'             data-image='619'></figure>     <p dir='ltr'>В открывшемся окне спускаемся до блока «Генератор маркеров пользователя» и нажимаем «Generate token»:     </p>      <figure style='text-align: center;'><img src='/files/download/image (92).png'             data-image='620'></figure>     <p dir='ltr'>Теперь зайдите в свой профиль Instagram. На открывшейся странице нажмите кнопку «Авторизовать»:</p>      <figure style='text-align: center;'><img src='/files/download/image (94).png'             data-image='621'></figure>     <p dir='ltr'>После успешной авторизации необходимо согласиться с предупреждением о необходимости передачи токена         только доверенным лицам и скопировать токен:</p>      <figure style='text-align: center;'><img src='/files/download/image (95).png'             data-image='622'></figure>     <p dir='ltr'>Именно этот токен необходимо поставить вот в окошко «API токен» на вашем сайте и нажать «Применить»:     </p>      <figure style='text-align: center;'><img src='/files/download/image (96).png'             data-image='623'></figure>     <p><br><br><br></p> </div>


slug: 23-None--kak-nastroit-kolichestvo-vyvodimykh-elementov-v-bloke-instagram
title: Как настроить количество выводимых элементов в блоке Инстаграм
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p dir='ltr'>Вы можете изменять количество выводимых элементов в блоке Инстаграм. <strong>На сайт будут выводиться             только самые последние посты из привязанного Инстаграм-аккаунта</strong>. Например, если вы поставили         выводимым количеством 5 элементов, то на сайте будут показываться последние 5 постов из вашего         Инстаграм-аккаунта.<br></p>     <p dir='ltr'>Стандартное количество — 6 элементов. Но вы можете делать больше или меньше. Элементы выводятся плиткой         или слайдером.&nbsp;<br></p>     <p dir='ltr'>Чтобы изменить количество элементов, перейдите в «Общих настройках» в раздел «Инстаграм». В поле         «Количество отображаемых постов» выставьте свою цифру. Примените изменения.&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image (97).png'             data-image='546'></figure> </div>


slug: 26-None--kak-dobavit-ssylki-na-sotsialnye-seti-i-messendzhery
title: Как добавить ссылки на социальные сети и мессенджеры
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Чтобы добавить ссылки на социальные сети или мессенджеры,&nbsp;вам нужно         перейти в общие настройки и зайти в раздел 'социальные сети'.</p>     <figure><img src='/files/download/2020-10-19_11-08-39.png' data-image='183'></figure>     <p spellcheck='false' data-gramm='false'>Вам нужно скопировать ссылку профиля вашего аккаунта и вставить его в         модуль в соответствующую строку.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Ссылку вы можете указывать в разных форматах и ваш аккаунт система         автоматически подтянет.&nbsp;</p>     <ul spellcheck='false' data-gramm='false'>         <li>Имя аккаунта - ranx.ru </li>         <li>Полная ссылка на аккаунт - <a href='https://vk.com/ranx_ru' target='_blank'>https://vk.com/ranx_ru</a> </li>         <li>Частичная ссылка на аккаунт - vk.com/ranx_ru </li>     </ul>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 25-None--kakie-schetchiki-neobkhodimo-dobavliat-na-sait
title: Какие счетчики необходимо добавлять на сайт
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Перед тем как начать работу с сайтом,&nbsp;необходимо завести счетчики для         аналитики пользователей, которые будут приходить на ваш ресурс.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Мы рекомендуем устанавливать в первую очередь Яндекс Метрику и Google         Analytics. Дополнительно можно поставить Яндекс Вебмастер, Google serch console, Google Tag Manager, остальные         счетчики на ваше усмотрение.&nbsp;</p>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 25-None--kak-zaregistrirovat-i-dobavit-schetchik
title: Как зарегистрировать и добавить счетчик
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Прежде чем регистрировать счетчики,&nbsp;вам необходимо иметь аккаунты в         Яндекс и Google. Если у вас уже есть аккаунты, то вы можете зарегистрировать счетчики. Вам нужно перейти в общие         настройки и зайти в раздел 'Счетчики'</p>     <figure><img src='/files/download/2020-10-19_09-41-03.png' data-image='174'></figure>     <p spellcheck='false' data-gramm='false'>После перейти к регистрации.&nbsp;</p>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Яндекс Метрика. Чтобы зарегистрировать счетчик в Яндекс Метрике, вам нужно.     </p>     <p data-gramm='false' spellcheck='false'>1. Указать Имя счетчика. Рекомендуем указывать названия домена, например         ranx.ru</p>     <p spellcheck='false' data-gramm='false'>2. Добавить Адрес вашего сайта. Добавляем свой домен в эту строку,         например&nbsp;<a href='https://ranx.ru/'>https://ranx.ru/</a></p>     <p spellcheck='false' data-gramm='false'>3. Указываем часовой пояс в котором находитесь,&nbsp;чтобы статистика         корректно передавала данные.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>4. Включаем вебвизор, для анализа пользователей на сайте.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>5. Принимаем политику 'Пользовательского соглашения' и создаем счетчик.</p>     <figure><img src='/files/download/2020-10-19_09-42-37.png' data-image='175'></figure>     <p spellcheck='false' data-gramm='false'>После того как вы создали счетчик,&nbsp;вам необходимо скопировать 'код         счетчика' и вставить его в модуль.&nbsp;</p>     <figure><img src='/files/download/2020-10-19_09-49-30.png' data-image='176'></figure>     <p spellcheck='false' data-gramm='false'>Чтобы установить его на модуль, вам нужно нажать 'вставить код' и         скопированный код установить в редактируемую область.&nbsp;</p>     <figure><img src='/files/download/2020-10-19_09-50-44.png' data-image='177'></figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Google Analytics. Здесь аналогичные действия. Переходим к регистрации.</p>     <p spellcheck='false' data-gramm='false'>1. Указать Имя счетчика. Рекомендуем указывать названия домена, например         ranx.ru и переходим к следующему этапу.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>2. Выбираем то,&nbsp;что мы будем анализировать 'Веб-сайт' и переходим к         следующему этапу.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>3. Указываем, название сайта,&nbsp;url сайта, отрасль и часовой пояс.&nbsp;     </p>     <figure><img src='/files/download/2020-10-19_09-59-19.png' data-image='178'></figure>     <p spellcheck='false' data-gramm='false'>После соглашаемся со всеми политиками и копируем код счетчика,&nbsp;чтобы         вставить его на наш модуль.&nbsp;</p>     <figure><img src='/files/download/2020-10-19_10-01-18.png' data-image='179' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>Переходим в наш модуль и вставляем код счетчика.&nbsp;</p>     <figure><img src='/files/download/2020-10-19_10-02-48.png' data-image='180'></figure>     <p spellcheck='false' data-gramm='false'>Мы с вами установили Яндекс Метрику и Google analytics. Чтобы установить         другие счетчики,&nbsp;вы также регистрируете и вставляете в другое поле 'другие счетчики'. Вставить можно         сколько угодно счетчиков. Вставляйте каждый новый счетчик с новой строки.&nbsp;</p>     <figure><img src='/files/download/2020-10-19_10-04-12.png' data-image='181'></figure>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 25-None--kak-nastroit-tseli-iandeks-metriki
title: Как настроить цели Яндекс.Метрики
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>Решение позволяет использовать цели Яндекс.Метрики на любых кнопках на сайте, а также на формах.</p>     <p>Для того, чтобы активировать использование цели, в настройках решения перейдите в раздел 'Счетчики' и активируйте         галочку 'Использовать цели'. При этом у вас должен быть установлен код и ID счетчика.</p>     <p>Также вы можете включить отладку. В этом случае в консоли будут выводиться цели при их достижении.</p>     <h3>Цели на кнопки</h3>     <p>Как только вы активируете цели, в форме редактирования кнопок появится поле 'Цель для метрики'.</p>     <figure style='text-align: center;'><img src='/files/download/image (98).png'             data-image='403'></figure>     <p>Указанная цель будет срабатывать при нажатии на кнопку.</p>     <h3>Цели на формах</h3>     <p>Цели также будут срабатывать при успешной отправке форм. <br></p>     <p>Код цели равен коду формы. Для стандартных форм это:</p>     <ul>         <li>ranx_landing_form_callback - Обратный звонок</li>         <li>ranx_landing_form_order - Оставить заявку</li>     </ul>     <h3>Цели на телефон и E-mail</h3>     <p>С версии 1.7.0 также доступны цели на телефон и E-mail:</p>     <ul>         <li>ranx_landing_email - при клике на ссылку с электронной почте,</li>         <li>ranx_landing_phone - при клике на ссылку с телефоном.<br></li>     </ul> </div>


slug: 24-None--kak-podkliuchit-veb-formy-vmesto-form-na-infoblokakh
title: Как подключить веб-формы вместо форм на инфоблоках
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p dir='ltr'>Решение Landing поддерживается на редакциях:<br></p>     <ul>         <li dir='ltr'>1С-Битрикс: Старт;&nbsp;</li>         <li dir='ltr'>1С-Битрикс: Стандарт;</li>         <li dir='ltr'>1С-Битрикс: Малый бизнес;&nbsp;</li>         <li dir='ltr'>1С-Битрикс: Бизнес;&nbsp;</li>         <li dir='ltr'>1С-Битрикс: Интернет-магазин + CRM.<br></li>     </ul>     <p dir='ltr'>В редакции 1С-Битрикс: Старт нет модуля «Веб-формы». Чтобы поддерживать решение Landing на этой         редакции в частности и других лицензиях 1С-Битрикс, мы используем инфоблоки. Поэтому по умолчанию все формы в         Landing — на инфоблоках.&nbsp;<br></p>     <p dir='ltr'><strong>Если у вас не редакция 1С-Битрикс: Старт, вы можете выбрать </strong>— <strong>использовать             веб-формы или формы на инфоблоках</strong>. Веб-формы удобны тем владельцам, кто хочет настроить интеграцию         с CRM-системами, использовать почтовые шаблоны и прочее — это уже есть в готовых веб-формах.<br></p>     <p dir='ltr'>Чтобы изменить вариант использования форм, перейдите в «Общие настройки» в раздел «Формы». Поставьте         галку в поле «Использовать веб-формы вместо форм на инфоблоках». Примените изменения.&nbsp;<br></p>      <figure style='text-align: center;'><img src='/files/download/image (99).png'             data-image='547'></figure>     <p><br></p> </div>


slug: 24-None--kak-sozdat-i-podkliuchit-obrabotku-personalnykh-dannykh-dlia-form-fz-152
title: Как создать и подключить обработку персональных данных для форм (ФЗ-152)
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p dir='ltr'>Любая форма сбора данных на вашем сайте считается обработкой персональных данных. Это может быть форма         обратной связи, подписки на рассылку или регистрации. Чтобы все было законно, вы должны получить от своих         пользователей согласие на обработку персональных данных. Так гласит №152-ФЗ «О персональных данных».&nbsp;<br>     </p>     <p dir='ltr'>Пользователи соглашаются на сбор и обработку данных, когда ставят галку при отправке формы. Без галочки         форма просто не отправится.&nbsp;</p>     <p dir='ltr'>Рядом с галкой есть текст «Согласен на обработку персональных данных». Слово «персональных данных»         кликабельное. При нажатии на него пользователь попадет на страницу с соглашением на обработку персональных         данных.<br></p>     <figure style='text-align: center;'><img src='/files/download/image (100).png'             data-image='548'></figure>      <p dir='ltr'>Чтобы подключить галку на формах, перейдите в «&lrm;Общие настройки». Далее перейдите в раздел         «&lrm;Формы». В разделе есть три поля, которые касаются согласия на обработку данных.&nbsp;<br></p>     <ol>         <li dir='ltr'>Поставьте галку в поле «Выводить галочку с соглашением на обработку персональных данных».&nbsp;         </li>         <li dir='ltr'>Поставьте галку в поле «&lrm;Галочка по умолчанию активна», если хотите, чтобы галка с согласием в             формах всегда была активна.&nbsp;</li>         <li dir='ltr'>Пропишите ссылку в поле «&lrm;Ссылка на страницу с соглашением на обработку персональных данных».             Эта ссылка будет помещена в текст формы рядом с галкой о согласии.&nbsp;</li>         <li dir='ltr'>Вы также можете открывать соглашение в попап-окне на вашем сайте.&nbsp;<br></li>     </ol>     <p dir='ltr'>Не забудьте применить внесенные изменения.&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T143505.636.png'             data-image='549'></figure> </div>


slug: 24-None--kak-nastroit-kapchu-v-formakh
title: Как настроить капчу в формах
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p dir='ltr'>Капча или CAPTCHA — удобный инструмент для проверки поступающей информации от пользователей. Он         защищает сайт от спама и не дает отправлять данные без прохождения проверки. Капча анализирует поведение         пользователей и предлагает пройти проверку перед отправкой формы обратной связи. В решении Landing подключена         стандартная капча от 1С-Битрикс, Google reCAPTCHA v2,&nbsp;Google reCAPTCHA v3. На скриншоте ниже пример капчи         от 1С-Битрикс.&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T143623.480.png'             data-image='550'></figure>      <p dir='ltr'>Капчу можно подключить во всех формах на вашем сайте. Для этого перейдите в «&lrm;Общих настройках» в         раздел «&lrm;Формы». Поставьте галку рядом с полем «&lrm;Использовать капчу в формах» <strong>(1)</strong>.         Выберите тип капчи <strong>(2)</strong>.&nbsp;Примените изменения.<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T143632.534.png'             data-image='551'></figure> </div>


slug: 24-None--kak-izmenit-tip-otkrytiia-form-vo-vsplyvaiushchem-okne
title: Как изменить тип открытия форм во всплывающем окне
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>Вы можете изменять тип отображения форм во всплывающем окне.&nbsp;</p>     <p>Для этого перейдите в «&lrm;Общие настройки» → раздел «&lrm;Формы».&nbsp;Прокрутите бегунок до поля «&lrm;Тип         открытия формы». Выберите тип открытия и примените изменения.&nbsp;</p>     <p><strong>Измененный тип открытия действует на все попап-окна на вашем сайте</strong>.&nbsp;</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T143745.004.png'             data-image='552'></figure> </div>


slug: 24-None--kak-ogranichit-razmer-prikrepliaemogo-v-formu-faila
title: Как ограничить размер прикрепляемого в форму файла
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>В формы обратной связи можно добавить возможность прикреплять файлы. Например, документы или фотографии. Лучше         ограничивать размер прикрепляемого файла, чтобы не давать возможность загружать слишком большие файлы и         нагружать сервер.</p>     <p><strong>Когда вы будете устанавливать ограничение прикрепляемого файла, обратите внимание на ограничения             сервера</strong>.&nbsp;</p>     <p dir='ltr'>Чтобы редактировать размер файла, перейдите в «&lrm;Общие настройки» → раздел «&lrm;Формы». Прокрутите         бегунок до поля «&lrm;Максимальный размер прикрепляемого файла в мегабайтах». Поставьте свое ограничение и         примените изменения.&nbsp;</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T143904.464.png'             data-image='553'></figure> </div>


slug: 24-None--kak-nastroit-masku-telefona
title: Как настроить маску телефона
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p dir='ltr'><strong>Маска телефона показывает, в каком формате нужно вводить данные в поле</strong>. Например, если         пользователь вводит номер телефона без кода города или телефон в поле для адреса, ему не удастся перейти к         следующему пункту заполняемой формы.&nbsp;<br></p>     <p dir='ltr'><strong>Маска ввода телефонного номера — обязательный элемент формы заказа на сайте</strong>.<strong>             Также она обеспечивает единообразный вид вводимых данных, что упрощает поиск и управление             базой</strong>.&nbsp;<br></p>     <p dir='ltr'>Чтобы редактировать маску телефона в Landing, перейдите в «&lrm;Общие настройки». Далее перейдите в         раздел «&lrm;Формы». Там вы найдете окно, где можно ввести маску телефона для всего сайта.&nbsp;<br></p>     <p dir='ltr'>Вы можете выбрать любую последовательность ввода, добавлять или убирать скобки, начинать телефон с 8         или +7 и прочее.&nbsp;В стандартной маске от Landing цифра 9 обозначает любую цифру.&nbsp;<br></p>     <p dir='ltr'>После изменения маски телефона нажмите кнопку «&lrm;Применить».&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T144012.754.png'             data-image='554'></figure> </div>


slug: 24-None--kak-podkliuchit-google-recaptcha
title: Как подключить Google reCAPTCHA
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>С версии 1.7.0 стала доступна возможность использовать <strong>reCAPTCHA от Google </strong>вместо стандартной         битриксовой.</p>     <p>На выбор доступно несколько вариантов:</p>     <ol>         <li>reCAPTCHA v2 - флажок 'Я не робот'</li>         <li>reCAPTCHA v2 - невидимый значок</li>         <li>reCAPTCHA v3</li>     </ol>     <p>Для каждого из эти вариантов нужно получать <strong>отдельные ключи</strong>.</p>     <h3>Как получить ключи?</h3>     <p>Для получения ключей переходим по ссылке&nbsp;<a             href='https://www.google.com/recaptcha/admin/create'>https://www.google.com/recaptcha/admin/create</a> и         регистрируем свой сайт.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T144136.867.png'             data-image='426'></figure>     <p>Выбираем нужный тип, обязательно указываем домен и отправляем форму. После чего вам станут доступны 2 ключа -         <strong>ключ сайта и секретный ключ</strong>.</p>     <h3>Описание настроек</h3>     <p>Для того, чтобы капча работала, необходимо, чтобы были введены <strong>оба ключа</strong>.</p>     <p>Настройки находятся в разделе 'Формы', чтобы их увидеть нужно включить галочку 'Использовать капчу'.</p>     <p>Также есть дополнительные настройки в зависимости от выбранного типа. Например, можно настроить внешний вид. А         для v3 можно выбрать минимальный порог оценки (от 0 до 1), при котором пользователь будет считаться роботом.     </p>     <p></p> </div>


slug: 24-None--kak-podkliuchit-crm-formy-bitriks24
title: Как подключить CRM-формы Битрикс24
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>Начиная с версии 1.7.0 появилась возможность использовать формы Битрикс24 вместе со стандартными.</p>     <h3>Как подключить?</h3>     <p>На вашем портале Битрикс24 переходите в <em>CRM -&gt; CRM-формы.&nbsp;</em>Создаете новую форму, либо можно         использовать существующую. Более подробная инструкция по созданию форм&nbsp;<a             href='https://helpdesk.bitrix24.ru/open/12971478/'>https://helpdesk.bitrix24.ru/open/12971478/</a>.</p>     <p>У выбранной формы нажимаем на кнопку 'Код на сайт'. После чего откроется такое окошко:</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T144308.235.png'             data-image='427'></figure>     <p>Копируем код из первого таба (на странице). <br></p>     <p>Далее на сайте открываем настройки, раздел 'Формы', пункт 'Битрикс24 формы'.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T144315.590.png'             data-image='428'></figure>     <p>Вводим название формы, и вставляем код. Сохраняем настройки.</p>     <p>Теперь вы можете использовать эту форму наравне со стандартными формами. Везде, где есть возможность выбрать         форму: на кнопках, в настройках, в блоках.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T144324.026.png'             data-image='429'></figure>     <p>Пример вывода формы:</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T144332.549.png'             data-image='430'></figure> </div>


slug: 8-None--kak-skryt-goroda-v-popup-i-podkliuchit-tolko-stroku-poiska
title: Как скрыть города в popup и подключить только строку поиска
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Данная функция работает исключительно для popup окна.</p>     <figure><img src='/files/download/2020-10-19_11-57-42.png' data-image='189'></figure>     <p data-gramm='false' spellcheck='false'>И если вы хотите,&nbsp;чтобы у вас отсутствовали регионы и была только         строка поиска по регионам,&nbsp;то вам нужно активировать кнопку в настройках региональности.</p>     <figure><img src='/files/download/2020-10-19_11-59-09.png' data-image='190'></figure>     <p spellcheck='false' data-gramm='false'>Для этого переходим в общие настройки и заходим в раздел 'Региональность',         где активируем кнопку 'Отображать только строку поиска'</p>     <figure><img src='/files/download/2020-10-19_12-01-47.png' data-image='192'></figure> </div>


slug: 8-None--kak-vkliuchit-otobrazhenie-filialov-i-vyvesti-ikh-v-bloke-kontakty
title: Как включить отображение филиалов и вывести их в блоке Контакты
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'><strong>1 шаг.</strong> Вам необходимо создать филиалы,&nbsp;для этого         заходим в административную панель Bitrix. Переходим в контент и раздел филиалы.</p>     <figure><img src='/files/download/2020-10-22_16-58-32.png' data-image='288'></figure>     <p spellcheck='false' data-gramm='false'><strong>2 шаг. </strong>Заводим филиалы,&nbsp;для этого нужно нажать на         кнопку 'добавить филиалы'.&nbsp;</p>     <figure><img src='/files/download/2020-10-22_17-00-45.png' data-image='289'></figure>     <p spellcheck='false' data-gramm='false'><strong>3 шаг.</strong> Пишем название филиала,&nbsp;зачастую это адрес, по         которому находится филиал.&nbsp;</p>     <figure><img src='/files/download/2020-10-22_17-01-31.png' data-image='290'></figure>     <p spellcheck='false' data-gramm='false'><strong>4 шаг.</strong> Заводим значения свойств:</p>     <p spellcheck='false' data-gramm='false'>1. Укажите регион, в котором находится филиал. Для этого нужно нажать на 3         точки и выбрать из списка регион,&nbsp;где находится филиал.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>2. Добавьте номер филиала или общий номер телефона.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>3. Напишите полный адрес вашего филиала.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>4. Добавьте E-mail. Можно указать как E-mail филиала, так и общий         E-mail.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>5. Задайте время работы филиала.&nbsp;</p>     <figure><img src='/files/download/2020-10-22_17-04-18.png' data-image='291'></figure>     <p spellcheck='false' data-gramm='false'>Пример того,&nbsp;как выглядит филиал.&nbsp;</p>     <figure><img src='/files/download/2020-10-22_17-10-45.png' data-image='293'></figure>     <p spellcheck='false' data-gramm='false'><strong>5 шаг.</strong> Чтобы вывести филиалы, вам необходимо зайти в общие         настройки</p>     <figure><img src='/files/download/2020-10-14_12-25-17.png' data-image='296'></figure>     <p data-gramm='false' spellcheck='false'><strong>6 шаг. </strong>перейти в региональность.</p>     <figure><img src='/files/download/2020-10-22_17-13-16.png' data-image='294'></figure>     <p spellcheck='false' data-gramm='false'><strong>7 шаг. </strong>Последним этапом нужно активировать галочку на         пункте 'Использовать филиалы'.</p>     <figure><img src='/files/download/2020-10-22_17-14-35.png' data-image='295'></figure>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 8-None--kak-pomeniat-vid-otobrazheniia-gorodov-spiskom-i-v-popape
title: Как поменять вид отображения городов (списком и в попапе)
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Есть 2 вида отображения регионов, которые ниже вы можете увидеть.&nbsp;</p>     <figure><img src='/files/download/2020-10-19_11-52-47.png' data-image='184'>         <figcaption spellcheck='false' data-gramm='false'>Выпадающий список&nbsp;</figcaption>     </figure>     <figure><img src='/files/download/2020-10-19_11-52-25.png' data-image='185'>         <figcaption spellcheck='false' data-gramm='false'>Попап с городами</figcaption>     </figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Чтобы выбрать один из вариантов, вам нужно перейти в общие настройки и         перейти в раздел региональность, где вы и найдете вид отображения региональности.&nbsp;</p>     <figure><img src='/files/download/2020-10-19_11-54-58.png' data-image='186'></figure> </div>


slug: 6-None--prostye-operatsii-s-blokom-udalit-skryt-peremestit-vverkh-i-vniz-izmenit-shablon
title: Простые операции с блоком: удалить, скрыть, переместить вверх и вниз, изменить шаблон
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p dir='ltr'>Быстро работать с конструктором блоков помогают простые операции. У каждого блока есть стандартный         набор операций — удалить, скрыть, переместить вверх и вниз, изменить шаблон.&nbsp;<br></p>     <p dir='ltr'>Чтобы вносить изменения в блоки на страницах, включите «&lrm;Режим редактирования».&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T145830.902.png'             data-image='567'></figure>      <p dir='ltr'>Для внесения изменений в блоки есть два меню:&nbsp;</p>     <ol>         <li dir='ltr'>слева — там можно отключить «&lrm;Режим редактирования», заглянуть в Библиотеку блоков,             просмотреть готовые шаблоны и обратиться в поддержку.&nbsp;</li>         <li dir='ltr'>справа — там можно блок копировать, переносить, передвигать, скрывать и удалять, а также             редактировать его контент и дизайн.&nbsp;<br></li>     </ol>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T145838.735.png'             data-image='569'></figure>      <p dir='ltr'>Рассмотрим каждую операцию.&nbsp;<br></p>     <ol>         <li dir='ltr'>Чтобы удалить блок — нажмите кнопку «&lrm;Удалить» в правом меню. Тогда блок полностью удалиться             со страницы.&nbsp;<br></li>     </ol>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T145846.031.png'             data-image='570'></figure>      <ol start='2'>         <li dir='ltr'>Чтобы скрыть блок — нажмите кнопку «Скрыть» в правом меню. Тогда блок скроется на странице — но не             удалиться.&nbsp;</li>     </ol>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T145854.249.png'             data-image='571'></figure>      <ol start='3'>         <li dir='ltr'>Чтобы передвинуть блок вверх или вниз — нажмите кнопку «Вверх» или «Вниз» в правом меню.&nbsp;         </li>     </ol>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T145904.398.png'             data-image='572'></figure>      <ol start='4'>         <li dir='ltr'>Шаблоны блоков располагаются в Библиотеке блоков. Чтобы изменить шаблон блока, перейдите в             Библиотеку в левом меню и подберите нужный шаблон.</li>     </ol>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T145912.603.png'             data-image='573'></figure> </div>


slug: 6-None--kak-sozdat-bystruiu-navigatsiiu-po-stranitse-meniu-iakorei
title: Как создать быструю навигацию по странице (меню якорей)
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p dir='ltr'><strong>Меню якорей — быстрая навигация для передвижения по странице</strong>.&nbsp;<br></p>     <p dir='ltr'>Меню якорей реализовано в решении Landing. Оно располагается вверху под шапкой сайта. Вы можете         добавлять любые блоки в меню якорей самостоятельно.&nbsp;&nbsp;<br></p>     <p dir='ltr'>Названия якорей кликабельные — при нажатии вы перемещаетесь в блок.&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T150035.952.png'             data-image='574'></figure>      <p dir='ltr'>Чтобы добавить блок в меню якорей, наведите на область блока и нажмите кнопку&nbsp;         «Контент».&nbsp;<br></p>      <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T150043.078.png'             data-image='575'></figure>     <p dir='ltr'>В окне редактирования контента введите заголовок для меню&nbsp;и нажмите кнопку «Применить».&nbsp;<br>     </p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T150050.521.png'             data-image='576'></figure>   </div>


slug: 6-None--ispolzovanie-vkladok-tabov-v-blokakh
title: Использование вкладок (табов) в блоках
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>Начиная с версии 1.7.0 появилась возможность использовать вкладки в блоках.</p>     <p>Выглядит это вот так:</p>     <p></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T150155.881.png'             data-image='431'></figure>     <p><br></p>     <p>В режиме редактирования доступна кнопка, которая вызывает редактор вкладок:<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T150207.080.png'             data-image='432'></figure>     <p>При ее нажатии появляется следующая панель:</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T150213.927.png'             data-image='433'></figure>     <p>Здесь мы можем без труда отредактировать заголовки этих вкладок, поменять местами, выключить или удалить         ненужные.</p>     <p>Также можем добавить новую вкладку и <strong>в нее автоматически скопируются карточки из текущей             вкладки</strong>.</p>     <p>Редактирование карточек в каждой отдельной вкладке происходит стандартным образом. При открытии панели         <strong>Контент</strong>, вы увидите в скобках название текущей вкладки. <br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T150222.024.png'             data-image='434'></figure>     <p>Чтобы отредактировать карточки другой вкладки, на нее необходимо переключиться и снова открыть панель         <strong>Контент</strong>.</p>     <p>ПРИМЕЧАНИЕ. Чтобы функционал вкладок был доступен, необходимо во вкладке Контент включить соответствующую         галочку. <br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T150231.882.png'             data-image='435'></figure>     <p>Функционал вкладок доступен не во всех блоках. Доступен на всех блоках тарифов, в товарах, в расписании и         некоторых других. Вы также можете использовать его в своих кастомных блоках.</p> </div>


slug: 5-None--kak-sozdat-blok-vopros-i-otvet-faq
title: Как создать блок Вопрос и ответ (FAQ)
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Перейдите в библиотеку блоков и зайдите в раздел 'Вопрос-ответ' и выберите         из уже имеющихся шаблонов.</p>     <figure><img src='/files/download/2020-10-20_14-26-55.png' data-image='213'></figure>     <p spellcheck='false' data-gramm='false'>Рассмотрим элементы, которые есть в этом блоке.</p>     <figure><img src='/files/download/2020-10-20_14-28-24.png' data-image='214' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>1. 'Надзаголовок'.</p>     <p spellcheck='false' data-gramm='false'>2. Заголовок.</p>     <p spellcheck='false' data-gramm='false'>3.&nbsp;Подзаголовок.</p>     <p spellcheck='false' data-gramm='false'>4.&nbsp;Описание для блока вопрос-ответ. Описание содержит HTML поле,         поэтому вы можете заполнять его в соответствии с тегами html.</p>     <p spellcheck='false' data-gramm='false'>5. Вопросы и ответы,&nbsp;которые вы выводите в данном блоке.</p>     <p data-gramm='false' spellcheck='false'>6. Кнопки. Вы можете под вопросами и ответами добавить 2 кнопки.</p>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Сами вопросы и ответы создаются легко. Необходимо лишь заполнить 2 поля         вопрос и ответ на этот вопрос.&nbsp;</p>     <figure><img src='/files/download/2020-10-20_14-31-29.png' data-image='215'></figure> </div>


slug: 5-None--kak-sozdat-blok-s-galereei-izobrazhenii
title: Как создать блок с галереей изображений
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>В модуле есть несколько вариантов блока 'Галереи'. Перейдите в библиотеку         блоков и зайдите в раздел 'Галерея' и выберите из уже имеющихся шаблонов.&nbsp;</p>     <figure><img src='/files/download/2020-10-20_16-46-29.png' data-image='216'></figure>     <p spellcheck='false' data-gramm='false'>Чтобы загрузить изображение, вам необходимо перейти в контент данного блока         и загрузить изображения, которое вы будете выводить в данном блоке.&nbsp;</p>     <figure><img src='/files/download/2020-10-20_16-49-05.png' data-image='217'></figure>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 5-None--kak-sozdat-blok-kontakty-s-interaktivnoi-kartoi
title: Как создать блок «Контакты» с интерактивной картой
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p dir='ltr'>Добавляйте блок «&lrm;Контакты» с интерактивной картой, чтобы вашим клиентам было проще вас         найти.&nbsp;<br></p>     <p dir='ltr'>Есть три типа отображения блока «&lrm;Контакты» с интерактивной картой.<br></p>     <p dir='ltr'>1 тип — Карта по ширине контента.<br></p>      <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T151542.020.png'             data-image='497'></figure>     <p dir='ltr'>2 тип — Карта по всей ширине.&nbsp;<br></p>      <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T151549.298.png'             data-image='499'></figure>     <p dir='ltr'>3 тип — Карта в виде слайдера. Здесь каждый адрес расположен на отдельной слайде. Слайды можно листать         с помощью стрелок слева/справа. Клиенты увидят количество филиалов по индикаторам снизу.&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T151556.187.png'             data-image='500'></figure>      <p dir='ltr'>Чтобы добавить блок, перейдите в Библиотеку блоков и выберите раздел «&lrm;Контакты».&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T151602.977.png'             data-image='501'></figure>      <p dir='ltr'>Чтобы изменить контент, наведите на блок и нажмите кнопку «&lrm;Контент».&nbsp;</p>      <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T151622.811.png'             data-image='502'></figure>     <p dir='ltr'><br></p>     <p dir='ltr'>В разделе «&lrm;Контент» вы можете:<br></p>     <ol>         <li dir='ltr'>Указывать заголовок для меню.</li>         <li dir='ltr'>Редактировать шапку блока.&nbsp;</li>         <li dir='ltr'>Редактировать карточки.&nbsp;</li>     </ol>     <p dir='ltr'>Вы также можете не выводить какую-то информацию. Например, чтобы не выводить шапку блока — отключите         галочку рядом с названием «&lrm;Шапка блока».&nbsp;Чтобы применить изменения, нажмите кнопку «&lrm;Применить» в         правом верхнем углу.&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T151631.267.png'             data-image='503'></figure>      <p dir='ltr'>В «&lrm;Карточках» располагаются филиалы для интерактивной карты. Вы можете:&nbsp;</p>     <ol>         <li dir='ltr'>Выключить на время карточку или филиал.</li>         <li dir='ltr'>Удалить карточку или филиал.&nbsp;</li>         <li dir='ltr'>Поменять местами карточку или филиал. Просто наведите на «&lrm;Гамбургер» и перетащите карточку в             нужное место.&nbsp;</li>         <li dir='ltr'>Добавить новую карточку или филиал.&nbsp;<br></li>     </ol>     <p dir='ltr'>Чтобы применить изменения, нажмите кнопку «&lrm;Применить» в правом верхнем углу.&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T151639.885.png'             data-image='504'></figure> </div>


slug: 5-None--kak-sozdat-blok-s-otzyvami
title: Как создать блок с Отзывами
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Перейдите в библиотеку блоков и зайдите в раздел 'отзывы'.         В&nbsp;нем&nbsp;выберите из уже имеющихся шаблонов.&nbsp;</p>     <figure><img src='/files/download/2020-10-21_10-40-12.png' data-image='220'></figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Рассмотрим какие поля включает в себя блок отзывы.&nbsp;</p>     <figure><img src='/files/download/2020-10-21_10-43-06.png' data-image='221' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>1. 'Надзаголовок'.</p>     <p spellcheck='false' data-gramm='false'>2. Заголовок.</p>     <p spellcheck='false' data-gramm='false'>3.&nbsp;Подзаголовок.</p>     <p spellcheck='false' data-gramm='false'>4. Описание, которое содержит HTML поле, поэтому вы можете заполнять его в         соответствии с тегами html.</p>     <p spellcheck='false' data-gramm='false'>5. карточки отзывов,&nbsp;которые вы выводите в данном блоке.</p>     <p data-gramm='false' spellcheck='false'>6. Кнопки. Есть возможность вывести под отзывами 2 кнопки.&nbsp;</p>     <p spellcheck='false' data-gramm='false'></p>     <p data-gramm='false' spellcheck='false'>Рассмотрим поля в карточке отзыва&nbsp;</p>     <figure><img src='/files/download/2020-10-21_10-46-11.png' data-image='222'></figure>     <p spellcheck='false' data-gramm='false'>1. Краткий текст. Выводится в анонсе отзыва.</p>     <p spellcheck='false' data-gramm='false'>2. ФИО пользователя,&nbsp;который оставил отзыв.</p>     <p spellcheck='false' data-gramm='false'>3. Фотография. Это фото пользователя,&nbsp;который оставляет отзыв.&nbsp;     </p>     <p spellcheck='false' data-gramm='false'>4. Должность пользователя,&nbsp;который оставляет отзыв. Здесь         необязательно выводить должность,&nbsp;а можно например вывести пол или регион,&nbsp;откуда вам оставляли отзыв         и пр.</p>     <p spellcheck='false' data-gramm='false'>5. Оценка отвечает за количество звезд в вашем отзыве. Вы можете скрывать         оценки,&nbsp;чтобы они не отображались в отзывах.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>6. Всплывающее окно нужно в том случае,&nbsp;если у вас длинный отзыв.         В&nbsp;этом случае вы добавляете весь текст отзыва.&nbsp;</p>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 5-None--kak-sozdat-blok-s-raspisaniem-zaniatii-meropriiatii
title: Как создать блок с расписанием занятий, мероприятий
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Перейдите в библиотеку блоков и зайдите в раздел 'расписание'. В нем         выберите из уже имеющихся шаблонов.</p>     <figure><img src='/files/download/2020-10-28_10-17-48.png' data-image='306'></figure>     <p spellcheck='false' data-gramm='false'>Расписание включает в себя стандартные поля:         надзаголовок,&nbsp;заголовок,&nbsp;подзаголовок,&nbsp;описание и др.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Давайте рассмотрим,&nbsp;что включает в себя карточка расписания.&nbsp;</p>     <figure><img src='/files/download/2020-10-28_10-20-18.png' data-image='308'></figure>     <p spellcheck='false' data-gramm='false'>1. Заголовок.</p>     <figure><img src='/files/download/2020-10-28_10-21-56.png' data-image='309' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>2. Дата и время начала мероприятия,&nbsp;которая выводится сразу под         заголовком.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>3. ФИО докладчика или человека,&nbsp;который будет проводить         мероприятия.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>4. Место,&nbsp;где будет проходить мероприятие.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>5. Описание мероприятия. Выводится оно при нажатии на карточку мероприятия.         Заполняется обычной HTML&nbsp;разметкой.&nbsp;</p>     <figure><img src='/files/download/2020-10-28_10-25-31.png' data-image='310'></figure>     <p data-gramm='false' spellcheck='false'>6. Поле цена,&nbsp;зачастую имеет цену мероприятия. Также может содержать         скидку. Если цены на мероприятия нет,&nbsp;то в поле 'цена' можно написать Бесплатно, либо оставить         пустым.&nbsp;&nbsp;</p>     <figure><img src='/files/download/2020-10-28_10-28-06.png' data-image='311' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Поле с кнопкой содержит в себе стандартные поля,&nbsp;которые заполняются         по аналогии с любой кнопкой.&nbsp;&nbsp;</p>     <figure><img src='/files/download/2020-10-28_10-32-20.png' data-image='312'></figure>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 5-None--kak-sozdat-blok-s-sotrudnikami-komanda
title: Как создать блок с сотрудниками (команда)
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Перейдите в библиотеку блоков и зайдите в раздел 'сотрудники'. В нем         выберите блок из уже имеющихся шаблонов.</p>     <figure><img src='/files/download/2020-10-28_10-34-35.png' data-image='313'></figure>     <p spellcheck='false' data-gramm='false'>Блок 'Сотрудники' включает в себя стандартные поля:         надзаголовок,&nbsp;заголовок,&nbsp;подзаголовок,&nbsp;описание и др.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>Рассмотрим ближе,&nbsp;что включает в себя карточка сотрудника.&nbsp;</p>     <figure><img src='/files/download/2020-10-28_10-38-40.png' data-image='314'></figure>     <p spellcheck='false' data-gramm='false'>1. Фото сотрудника.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>2. Описание для анонса,&nbsp;в котором вы можете вывести описание         сотрудника.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>3. Далее идут контактные данные в виде телефона,&nbsp;E-Mail,         Соцсетей.&nbsp;</p>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 5-None--kak-sozdat-tekstovye-bloki-s-izobrazheniiami
title: Как создать текстовые блоки с изображениями
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Перейдите в библиотеку блоков и зайдите в раздел 'текст'. В нем выберите из         уже имеющихся шаблонов.</p>     <figure><img src='/files/download/2020-10-28_10-58-01.png' data-image='323'></figure>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>Чтобы перейти в редактирование блока,&nbsp;перейдите в контент.&nbsp;</p>     <figure><img src='/files/download/2020-10-28_10-59-19.png' data-image='324' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'>Блок содержит в себе следующие поля:</p>     <p spellcheck='false' data-gramm='false'>1. Надзаголовок.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>2. Заголовок.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>3. Подзаголовок.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>4. Поле описание,&nbsp;в котором можно размечать текст         HTML&nbsp;разметкой.&nbsp;</p>     <figure><img src='/files/download/2020-10-28_11-02-24.png' data-image='325'></figure>     <p spellcheck='false' data-gramm='false'>5. Картинка.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>6. Можно вывести 2 кнопки,&nbsp;которые будут находиться под текстом.</p>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 5-None--kak-sozdat-blok-s-tovarami-katalog
title: Как создать блок с товарами (каталог)
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Перейдите в библиотеку блоков и зайдите в раздел 'товары'. В нем выберите         из уже имеющихся шаблонов.</p>     <figure><img src='/files/download/2020-10-28_12-14-52.png' data-image='326'></figure>     <p></p>     <p spellcheck='false' data-gramm='false'>Блок 'Товары' включает в себя стандартные поля:         надзаголовок,&nbsp;заголовок,&nbsp;подзаголовок,&nbsp;описание и др.</p>     <p spellcheck='false' data-gramm='false'>Рассмотрим,&nbsp;что включает в себя карточка товара.&nbsp;</p>     <figure><img src='/files/download/2020-10-28_12-16-57.png' data-image='327'></figure>     <p spellcheck='false' data-gramm='false'>1. Заголовок товара.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>2. Картинка товар.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>3. Поле,&nbsp;которое передает информацию по наличию товара.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>4. Маркеры для карточки товара.&nbsp;</p>     <figure><img src='/files/download/2020-10-28_14-03-21.png' data-image='328'></figure>     <p spellcheck='false' data-gramm='false'>5. Цена товара. Можно завести для цены скидку.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>6. Ссылка на товар.&nbsp;</p>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>При необходимости добавляем всплывающее окно при нажатии на товар,&nbsp;где         можем добавить:</p>     <figure><img src='/files/download/2020-10-28_14-17-28.png' data-image='329'></figure>     <p spellcheck='false' data-gramm='false'>1. Категорию товара.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>2. Оценка товара (звездочки).</p>     <p spellcheck='false' data-gramm='false'>3. Подробное описание товара.</p>     <p spellcheck='false' data-gramm='false'>4. Характеристики товара.&nbsp;</p>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 5-None--kak-sozdat-blok-s-uslugami
title: Как создать блок с услугами
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Перейдите в библиотеку блоков и зайдите в раздел 'услуги'. В нем выберите         из уже имеющихся шаблонов.</p>     <figure><img src='/files/download/2020-10-28_14-55-44.png' data-image='330'></figure>     <p spellcheck='false' data-gramm='false'>Блок 'Услуги' включает в себя стандартные поля:         надзаголовок,&nbsp;заголовок,&nbsp;подзаголовок,&nbsp;описание и др.</p>     <p spellcheck='false' data-gramm='false'>Рассмотрим,&nbsp;что включает в себя карточка услуги.&nbsp;</p>     <figure><img src='/files/download/2020-10-28_14-57-20.png' data-image='331'></figure>     <p spellcheck='false' data-gramm='false'>1. Заголовок услуги.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>2. Картинка услуги.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>3. Мини описание (анонс) для услуги,&nbsp;которая будет выводиться на         странице небольшим описанием.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>3. Характеристики услуги.&nbsp;</p>     <figure><img src='/files/download/2020-10-28_14-59-26.png' data-image='332'></figure>     <p spellcheck='false' data-gramm='false'>4. Цена услуги. Для услуги вы можете завести скидочную цену,&nbsp;которая         автоматически посчитается для товара.&nbsp;</p>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'>При необходимости добавляем всплывающее окно при нажатии на         услугу,&nbsp;где можем добавить:</p>     <figure><img src='/files/download/2020-10-28_14-59-11.png' data-image='333'></figure>     <p spellcheck='false' data-gramm='false'>1. Картинку (фото) услуги.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>2. Дополнительно можем вынести важную информацию (Замечание) по         услуги.&nbsp;</p>     <figure><img src='/files/download/2020-10-28_15-02-11.png' data-image='334'></figure>     <p spellcheck='false' data-gramm='false'>3. Далее пишем детально описание нашей услуги.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>4. Добавляем название кнопки, которая будет выводиться при наведении на         карточку услуги.&nbsp;</p>     <p spellcheck='false' data-gramm='false'>5. Далее добавляем кнопки и завершаем настройку.&nbsp;</p>     <p spellcheck='false' data-gramm='false'></p>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 5-None--kak-sozdat-blok-s-formoi-obratnoi-sviazi
title: Как создать блок с формой обратной связи
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p dir='ltr'>Обратная связь от клиентов поможет вам говорить с ними на одном языке, научится слушать, слышать и быть         ближе со своими покупателями.&nbsp;<br></p>     <p dir='ltr'>Чтобы собирать отклики о работе, вы можете добавить блок с формой для обратной связи. Кроме того, вы         можете прикреплять форму во всплывающем окне к любой кнопке на сайте.&nbsp;<br></p>     <p dir='ltr'>Есть три типа отображения блока «&lrm;Форма» для обратной связи.<br></p>     <p dir='ltr'>1 тип — Форма с контактными данными.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153043.234.png'             data-image='506'></figure>      <p dir='ltr'>2 тип — Форма по центру.</p>      <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153051.540.png'             data-image='505'></figure>     <p dir='ltr'>3 тип — Форма с картинкой. Здесь вы сможете загрузить изображение, которое будет справа и оставить         форму для сбора обратной связи.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153058.344.png'             data-image='507'></figure>      <p dir='ltr'>Чтобы добавить блок, перейдите в Библиотеку блоков и выберите раздел «&lrm;Формы».&nbsp;<br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153106.475.png'             data-image='508'></figure>      <p dir='ltr'>Редактировать информацию в блоке можно в разделе «&lrm;Контент».&nbsp;</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153114.667.png'             data-image='509'></figure>      <p dir='ltr'>В разделе «&lrm;Контент» вы можете редактировать:</p>     <ol>         <li dir='ltr'>Заголовок для меню.&nbsp;</li>         <li dir='ltr'>Шапку блока. Этот информационный блок можно отключить, нажав на галку рядом с названием.&nbsp;         </li>         <li dir='ltr'>Форму.&nbsp;</li>     </ol>     <p dir='ltr'>Чтобы применить изменения, нажмите кнопку «&lrm;Применить» в правом верхнем углу.&nbsp;</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153122.073.png'             data-image='510'></figure>      <p dir='ltr'>Вы можете выбрать ту форму обратной связи, которая подходит вашей компании. Есть 4 типа формы.&nbsp;     </p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153129.766.png'             data-image='511'></figure>        <p dir='ltr'>Выбирайте ту форму, которая подходит для вашего бизнеса. Вы также можете использовать блок с разными         настройками в разных местах.&nbsp;<br></p> </div>


slug: 5-None--kak-sozdat-blok-s-etapami-rabot-skhema-raboty
title: Как создать блок с этапами работ (схема работы)
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p spellcheck='false' data-gramm='false'>Перейдите в библиотеку блоков и зайдите в раздел 'Этапы работы'. В нем         выберите из уже имеющихся шаблонов.</p>     <figure><img src='/files/download/2020-10-30_17-40-28.png' data-image='360'></figure>     <p spellcheck='false' data-gramm='false'>Блок 'Этапы работы' включает в себя стандартные поля:         надзаголовок,&nbsp;заголовок,&nbsp;подзаголовок,&nbsp;описание и др.&nbsp;</p>     <figure><img src='/files/download/2020-10-30_17-43-33.png' data-image='361'></figure>     <p spellcheck='false' data-gramm='false'>Рассмотрим ближе,&nbsp;что включает в себя карточка блока 'схема работы'     </p>     <figure><img src='/files/download/2020-10-30_17-44-56.png' data-image='362'></figure>     <p spellcheck='false' data-gramm='false'>1. Заголовок для схемы работы.</p>     <p spellcheck='false' data-gramm='false'>2. Описание для 'схемы работы'</p>     <p spellcheck='false' data-gramm='false'>В&nbsp;итоге у вас получается готовый блок 'схема работы'</p>     <figure><img src='/files/download/2020-10-30_17-47-43.png' data-image='363' title='' style=''></figure>     <p spellcheck='false' data-gramm='false'></p> </div>


slug: 9-None--ispolzovanie-gotovykh-elementov-i-tsveta-temy
title: Использование готовых элементов и цвета темы
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>Решение использует библиотеку <b>Bootstrap</b> версии 4, поэтому вы можете использовать все его возможности в         создании своих кастомных элементов.</p>     <p>Но некоторые стандартные элементы стилизованы под решение. Например, формы и кнопки.</p>     <p>Доступны следующие виды кнопок:</p>     <ul>         <li><code>btn-primary<br></code></li>         <li><code>btn-transparent</code></li>         <li><code>btn-white</code></li>     </ul>     <h3>Использование цвета темы<br></h3>     <p>Для использования цвета текущей темы есть целый набор классов. Каждый используется для чего-то одного. В этой         статье приведен список таких классов.</p>     <p>Названия всех классов начинаются с префикса <b>theme-</b>. Полный список классов можно посмотреть в файле         <b>/bitrix/templates/ranx-landing/themes/color.css.tpl</b>.</p>     <h3>Неполный список основных классов:<br></h3>     <ul>         <li><code>.theme-color </code>- окрашивает текст в цвет темы</li>         <li><code>.theme-color-hover </code>- цвет текста при наведении</li>         <li><code>.theme-bg</code> - цвет фона</li>         <li><code>.theme-bg-hover </code>- цвет фона при наведении</li>         <li><code>.theme-border</code> - цвет границы</li>         <li><code>.theme-border-hover</code> - цвет границы при наведении</li>         <li><code>.theme-fill</code> и <code>.theme-stroke</code> (также и с <code>-hover</code>) для svg<br></li>     </ul> </div>


slug: 9-None--kak-sozdat-kastomnuiu-formu
title: Как создать кастомную форму
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>В решении предусмотрено 2 варианта реализации форм - <strong>на инфоблоках и на модуле веб-форм</strong>.</p>     <p dir='ltr'>Если у вас не установлен модуль '<em>Веб-формы</em>' (<em>редакция Старт</em>), то вы сможете         использовать только первый вариант.</p>     <p dir='ltr'>И в первом, и во втором случае для получения формы по умолчанию используется ее код. У форм, созданных         на Creator, он должен начинаться с <strong>ranx_landing_form_</strong>. Например, форма 'Заказать звонок' имеет         код <strong>ranx_landing_form_callback</strong>.</p>     <p dir='ltr'>В зависимости от того, какой вариант вы используете, вы должны создать либо инфоблок, либо веб-форму.         Важный момент - это заполнить корректно код формы (код инфоблока). Тогда форма появится в списке выбора         (например, в редактировании кнопки).</p>     <p dir='ltr'>Если Creator установлен в качестве дополнительного модуля к основному сайту, и вы хотите использовать         его формы для размещения на созданных в конструкторе страницах, активируйте соответствующую настройку.</p>     <p dir='ltr'>Для этого перейдите по пути: RANX -&gt; Creator -&gt;<a             href='https://landing-demo.ru/bitrix/admin/ranx.landing_settings.php'> Настройки</a></p>     <p dir='ltr'>В разделе «Формы» выберите установите галочку в чек-боксе «Выводить все формы».</p>     <p dir='ltr'>При активной настройке использовать для Creator можно любые формы основного сайта, за исключением         оформления заказа и покупки в 1 клик.</p>     <p dir='ltr'>Внимание! Данная опция работает только в случае, если вы используете веб-формы.</p><br>     <p><br></p> </div>


slug: 9-None--kak-dobavit-svoe-pole-v-formu
title: Как добавить свое поле в форму
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>В этой статье рассмотрим добавление кастомного поля в форму, на примере поля типа 'Файл'. Остальные типы         добавлются аналогично, за исключением выбора типа свойства или тип ответа в вопросе веб-формы.</p>     <h3>Режим работы форм</h3>     <p>Решение Landing поддерживает 2 режима работы форм - <strong>на инфоблоках и на веб-формах</strong>. Если у вас         установлен модуль 'Веб-формы', то по умолчанию будет выбран этот режим. Режим с инфоблоками нужен для тех         редакций, где этого модуля нет (редакция Старт).</p>     <p>Проверить в каком режиме у вас работают формы можно в настройках решения в разделе 'Формы'.</p>     <p>Ниже описан алгоритм добавления поля для обоих случаев.</p>     <h3>Добавление поля в веб-форму</h3>     <p>Для начала переходим в административную панель по адресу <strong>Сервисы -&gt; Веб-формы -&gt; Настройка             форм</strong>.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153751.879.png'             data-image='404'></figure>     <p>Находим нужную форму в списке и выбираем 'Изменить'.</p>     <p>Далее переходим во вкладку 'Вопросы'.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153806.176.png'             data-image='405'></figure>     <p>И нажимаем 'Добавить'.</p>     <p>В первой вкладке заполняем символьный идентификатор. Можно придумать свое название, главное, чтобы оно было         написано <strong>большими латинскими буквами без пробелов</strong> (можно использовать подчеркивание).</p>     <p>Также можно прописать сортировку, она определяет положение поля в форме.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153813.703.png'             data-image='406'></figure>     <p>Во второй вкладке заполняем заголовок поля.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153829.104.png'             data-image='407'></figure>     <p>В третьей вкладке нужно добавить ответ. Пустой ответ добавлять нельзя, поэтому <strong>в поле 'Текст' ставим             пробел</strong>. И выбираем нужный тип. В&nbsp;нашем случае, это тип 'file'.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153837.374.png'             data-image='408'></figure>     <p>По желанию можно добавить ограничение по типам файлов. Для этого переходим во вкладку 'Валидаторы'. <br></p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153844.700.png'             data-image='411'></figure>     <p>Выбираем валидатор по типу файла и нажимаем 'Добавить валидатор'. Появится окно.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153852.880.png'             data-image='412'></figure>     <p>Можно выбрать из готовых вариантов, либо прописать вручную. Нажимаем сохранить.</p>     <p>Сохраняем результат. Поле добавлено.&nbsp;<br></p>     <h3>Добавление поля в инфоблок</h3>     <p>В административной панели переходим в <strong>Контент -&gt; RANX: Landing -&gt; Форма: (выбрать нужную)</strong>.         <br></p>     <p>Далее под списком элементов переходим по ссылке в настройки инфоблока:</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153937.450.png'             data-image='409'></figure>     <p>Нас интересует вкладка 'Свойства'.</p>     <p>В пустой строке добавляем свое поле. Заполняем заголовок. Тип выбираем 'Файл'. Код заполняем <strong>большими             латинскими буквами без пробелов</strong> (можно использовать подчеркивание).</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T153950.077.png'             data-image='410'></figure>     <p>Также по желанию можно сделать поле обязательным. Поменять сортировку (влияет на положение поля в форме). <br>     </p>     <p>При нажатии на 'три точки' открываются раширенные настройки. Там можно добавить ограничение по типам файлов.         Например, если вы готовы принимать файл только в формате PDF.</p>     <p>Нажимаем сохранить. Поле добавлено.</p> </div>


slug: 9-None--partneram-kak-dobavit-svoiu-informatsiiu-v-paneli-podderzhka
title: [Партнерам] Как добавить свою информацию в панели Поддержка?
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>Начиная с версии 1.7.0 добавлена возможность для партнеров вывести свою информацию в панель Поддержка.</p>     <figure style='text-align: center;'><img src='/files/download/image - 2025-05-05T154242.594.png'             data-image='414'></figure>     <p>Для этого необходимо создать файл <strong>php_interface/ranx_landing_support.php</strong>.</p>     <p>Если такой файл существует, то он будет автоматически подключен.</p>     <p><strong>ВАЖНЫЙ МОМЕНТ!</strong> Содержимое файла загружается вместе с остальной страницей, поэтому не         рекомендуется использовать тяжелые скрипты и изображения.</p> </div>


slug: 9-None--opisanie-konfiguratsii-bloka-fail-block-php
title: Описание конфигурации блока (файл .block.php)
content:
<div class='col-md-12 knb-word-wrap article-content js-article-content'>     <p>У каждого шаблона блока есть свой файл конфигурации, в котором заданы его настройки. Все это хранится в файле         <strong>.block.php</strong> в шаблоне компонента <strong>ranx:block.landing</strong>.</p>     <p>Внутри файла находится скрипт, который просто возвращает PHP-массив.</p>     <p>Ниже приведено описание каждого из возможных ключей этого массива.</p>     <h3>_INCLUDE и _EXCLUDE</h3>     <p>Эти ключи определяют то, какие настройки будут доступны в панели Контент и Дизайн. <br></p>     <p>По умолчанию, блок содержит следующие разделы:</p>     <ul>         <li><strong>CONTENT_TITLE </strong>- заголовок блока.&nbsp;Отображаются в панели Контент.</li>         <li><strong>CONTENT_CARDS </strong>- карточки блока. Отображаются в панели Контент.</li>         <li><strong>CONTENT_BTN </strong>- кнопки блока.&nbsp;Отображаются в панели Контент.</li>         <li><strong>COLS </strong>- количество колонок в блоке. Отображается в панели Дизайн.</li>         <li><strong>INDENTS </strong>- отступы сверху и снизу для блока. Отображается в панели Дизайн.</li>         <li><strong>LINE_BOT </strong>- разделитель снизу. Отображается в панели Дизайн.</li>         <li><strong>BG_COLOR </strong>- цвет фона.&nbsp;Отображается в панели Дизайн.</li>         <li><strong>TEXT_COLOR </strong>- цвет текста (светлый или темный).&nbsp;Отображается в панели Дизайн.</li>         <li><strong>BG_PICTURE </strong>- изображение для фона.&nbsp;Отображается в панели Дизайн.</li>         <li><strong>PARALLAX_EFFECT </strong>- parallax-эффект для фона блока.&nbsp;Отображается в панели Дизайн.</li>     </ul>     <p>Любой из этих разделов можно исключить через _EXCLUDE. Например, если ваш блок не предполагает использование         карточек:</p>     <pre>'_EXCLUDE' =&gt; ['CONTENT_CARDS']</pre>     <p>Также можно добавить дополнительные разделы, аналогично через _INCLUDE:</p>     <ul>         <li><strong>ALIGN </strong>- выравнивание контента.</li>         <li><strong>CONTENT_TABS </strong>- вкладки в блоках. <a                 href='/articles/299-523--ispolzovanie-vkladok-tabov-v-blokah/' target='_blank'>Подробнее</a>.</li>         <li><strong>CONTENT_GALLERY_CARDS </strong>- альтернативное отображение карточек для галереи.</li>         <li><strong>CONTENT_PREVIEW_PICTURE </strong>- картинка для анонса. Если нужна картинка для блока.</li>         <li><strong>PICTURE_ALIGN </strong>- выравнивание картинки.</li>         <li><strong>CONTENT_FORM </strong>- выбор формы для блока.</li>         <li><strong>INDENT_ELEMENTS </strong>- отступы для карточек.</li>         <li><strong>CONTENT_IMPORT </strong>- импорт карточек из внешнего инфоблока.</li>         <li><strong>CONTENT_AUTO </strong>- если карточки могут отображать структуру раздела (см раздел Список в             библиотеке блоков).</li>         <li><strong>CONTENT_VIDEO </strong>- видео для блока.</li>         <li><strong>CARDS_BG_COLOR </strong>- цвет фона для карточек.</li>         <li><strong>HOVER_EFFECT </strong>- эффект при наведении на карточку.</li>         <li><strong>TINT_COLOR </strong>- цвет тонировки.</li>     </ul>     <h3>NAME</h3>     <p>Содержит название блока. Отображается в библиотеке блоков.</p>     <h3>SETTINGS</h3>     <p>Позволяет создавать свои настройки для блока. Например:<br></p>     <pre>'SETTINGS' =&gt; [ 'AUTOPLAY' =&gt; [ 'TITLE' =&gt; 'Автоперелистывание слайдера', 'TYPE' =&gt; 'checkbox', 'DEFAULT' =&gt; false, ], ],</pre>     <p>Доступные типы:</p>     <ul>         <li><strong>checkbox </strong>- галочка со значениями true или false.</li>         <li><strong>select </strong>- выпадающий список. Значения указываются в ключе LIST.</li>         <li><strong>text </strong>- текстовое поле textarea.</li>         <li><strong>string </strong>- текстовое поле input.</li>     </ul>     <h3>ELEMENTS_FIELDS</h3>     <p>Поля и свойства инфоблока 'Элементы', которые будут доступны в карточке блока. Свойства указываются с префиксом         PROPERTY_.</p>     <p>Кроме того, есть возможность использовать дополнительные ключи:</p>     <ul>         <li><strong>_BTN </strong>и <strong>_BTN2 </strong>- для вывода кнопок.</li>         <li><strong>_LINK </strong>- ссылка.</li>         <li><strong>_PRICE </strong>- цена (вместе со скидкой).</li>         <li><strong>_SOCIALS </strong>- социальные сети.<strong></strong></li>         <li><strong>_POPUP </strong>- модальное окно.</li>     </ul>     <h3>POPUP_ELEMENTS_FIELDS</h3>     <p>Определяет какие поля пойдут в модальное окно.</p>     <h3>FIELDS_MESS</h3>     <p>Позволяет заменить названия полей для блока. Пример для замены названия поля 'Заголовок' на 'Имя':</p>     <pre>'FIELDS_MESS' =&gt; [ 'NAME' =&gt; 'Имя', ],</pre>     <h3>ELEMENTS_FIELDS_MESS</h3>     <p>Аналогично предыдущему пункту, только для замены полей карточки. Для свойств нужен префикс PROPERTY_.</p>     <h3>DEMO</h3>     <p>Содержит в себе демо-контент для блока. Чтобы блок изначально не добавлялся пустым.</p>     <p>Включает в себя 2 ключа: <strong><br></strong></p>     <ul>         <li><strong>BLOCK </strong>- для информации о блоке. По сути, поля инфоблока 'Блоки'.</li>         <li><strong>ELEMENTS </strong>- массив с карточками блока. По сути, поля инфоблока 'Элементы'.</li>     </ul>     <p>Если свойство является списком, то необходимо указать <em>XML_ID </em>значения списка.</p>     <p>Если свойство является файлом, то необходимо указать название файла, а сам файл положить в папку <em>demo </em>в         корне папки шаблона.<br> </p>     <h3>COLS и COLS_DEFAULT</h3>     <p>Массив с возможным количеством колонок в блоке. Например: [2, 3, 4]. COLS_DEFAULT - значение по умолчанию.</p>     <h3>INDENT_TOP_DEFAULT и INDENT_BOT_DEFAULT<br></h3>     <p>Отступы по умолчанию сверху и снизу для блока.</p>     <h3>ALIGN_DEFAULT</h3>     <p>Выравнивание по умолчанию</p>     <h3>IS_UNDER_HEADER</h3>     <p>Может ли блок залезать под прозрачную шапку, если он находится в самом начале страницы. По умолчанию false.</p>     <h3>USE_MAPS</h3>     <p>Если true, то на странице с этим блоком будет подключен скрипт для карт.</p>     <h3>CAN_SHOW_REGIONS и CAN_SHOW_BRANCHES</h3>     <p>Если в настройках включен вывод регионов или филиалов в блоках, то вместо карточек будут данные о регионах или о         филиалах. <br></p>     <h3>MAX_CARDS_COUNT</h3>     <p>Максимальное возможное количество карточек в блоке. По умолчанию, неограничено.<br> </p> </div>


