Как закрепить контент на странице
Размещение и управление новостями
Как создать форму обратной связи
Как добавить таблицу
Добавить таблицу на сайт можно с помощью одного из следующих виджетов:
- Таблица
- PRO таблица
- Прайс
Виджет «Таблица»
Добавьте виджет на нужную страницу. Нажмите на него — откроются настройки цвета рамки, текста, отображения шапки.
Чтобы добавить новый столбец или строку, нажмите на зелёную кнопку в правом верхнем или левом нижнем углу таблицы:
Чтобы удалить или переместить строку или столбец, нажмите на соответствующую иконку сверху / справа от границ таблицы:
Виджет «PRO таблица»
Добавьте виджет на нужную страницу. Нажмите на него — откроются настройки цвета и стиля текста в таблице, контура и заливки ячеек, расположения шапки, размера полей ячеек.
Работа с таблицей PRO похожа на работу с таблицами MS Excel. Чтобы выполнить с ячейками действия, выделите нужные ячейки и нажмите правую кнопку мыши. Доступные действия:
- выбор типа ячейки — обычный текст, стилизованный текст, кнопка;
- объединить / разъединить ячейки;
- выровнять содержимое ячеек;
- добавить / удалить столбец или строку;
- копировать / вырезать содержимое ячейки.
Чтобы добавить новый столбец или строку, нажмите на зелёную кнопку в правом верхнем или левом нижнем углу таблицы. Чтобы переставить столбец или строку с содержимым в другое место в таблице:
- Нажмите на шапку столбца или номер строки левой кнопкой мыши.
- Зажмите левую кнопку мыши и перенесите столбец / строку в нужное место.
Виджет «Прайс»
Добавьте виджет на страницу. Нажмите на него — откроются настройки дизайна и отображения отдельных элементов:
Заполните таблицу.
Как вставить ссылку
Предусмотрены три вида ссылок:
- Внешняя — ссылка на сторонний сайт.
- Внутренняя — ссылка на страницу вашего сайта. В настройках такой тип ссылки называется «На страницу».
- Ссылка, при клике по которой открывается всплывающее окно. В настройках называется «На всплывающее окно». Примечание. Установить ссылку с открытием всплывающего окна можно не на все типы виджетов.
При создании ссылки можно выбрать способ открытия сайта / страницы: в текущем или новом окне. Данная настройка называется «Открывать в новом окне».
Ссылка в тексте
Выделите часть текста, затем нажмите на значок ссылку, который появится над текстом.
Ссылка на картинке
Нажмите на изображение, затем в левой панели нажмите на иконку ссылки:
Ссылка на галерее
Нажмите на изображение в галерее, затем нажмите на иконку ссылки и установите ссылку.
Ссылка на слайдере
В слайдере ссылку можно установить на текст в подложке и на кнопку. Чтобы установить ссылку на текст, выделите часть текста и нажмите на иконку ссылки. Чтобы установить ссылку на кнопку в слайдере, нажмите на неё, затем нажмите на "Ссылка на страницу" или иконку редактирования.
Нажмите на кнопку, затем выберите "Ссылка на страницу" или иконку редактирования.
Ссылка на иконке
Нажмите на иконку, затем в левой панели нажмите на иконку ссылки:
Ссылка на цитате
В виджете «Цитата» ссылку можно установить на текст и на автора цитаты. Выделите текст и кликнете на иконку ссылки.
Ссылка на карточке
Нажмите на виджет «Карточка», затем на иконку редактирования. В открывшемся окне укажите внешний адрес или страницу сайта, на которую будет вести ссылка. Выберите вариант открытия ссылки — в текущем или новом окне. Можно также установить ссылку на всплывающее окно. В настройках на левой панели можно указать, какие элементы карточки должны быть кликабельны:
Ссылка на таблице
В таблице можно установить ссылку на любой текст в любой ячейке. Выделите текст и нажмите на иконку ссылки.
Ссылка на PRO-таблице
Установить ссылку в PRO-таблице можно только на ячейку с типом «Кнопка». Нажмите на виджет, чтобы открылись его настройки, затем нажмите правой кнопкой мыши на нужную ячейку и выберите «Тип ячейки» — «Кнопка».
Двойным нажатием на кнопку откройте настройки, нажмите на иконку редактирования и установите ссылку.
Ссылка на этапе или таймлане
В виджетах «Этапы» и «Таймлайн» ссылку можно установить на заголовок этапа. Выделите текст и нажмите на иконку ссылки.
Ссылка на прайс-листе
В виджете «Прайс-лист» ссылку можно установить только на кнопку. Нажмите на нее, затем на иконку редактирования или надпись "Ссылка на страницу" и укажите ссылку.
Как создать якорную ссылку
Якорную ссылку удобно использовать на одностраничных сайтах (лендингах), когда нажатие на пункт меню прокручивает страницу до нужного раздела. Якорь можно установить на блок или виджет.
Чтобы установить якорь на виджете, нажмите соответствующую иконку в панели инструментов.
В открывшемся окне выберите название для якоря и нажмите на кнопку «Сделать якорем».
Название якоря должно быть уникальным для текущей страницы, допустимы только латинские буквы и цифры, дефис. Не допускается использовать кириллицу, пробелы и спец. символы.
После создания якоря откройте настройки того элемента, при нажатии на который будет происходить переход к блоку или виджету с якорем. В блоке «На страницу» нажмите на плюс, чтобы увидеть список якорей, и выберите нужный.
Как закрепить контент на странице
Если необходимо, чтобы часть контента при прокрутке страницы сайта была зафиксирована:
- Добавьте блок с нужным контентом.
- Нажмите на кнопку «Действия» (три точки) в панели инструментов блока.
- В открывшемся списке выберите «Настройки закрепленного блока».
Откроется окно со следующими настройками:
Закрепить блок — активировать / деактивировать закрепление.
- Позиция — закрепление блока в нижней части экрана или в верхней.
- Показывать — при выборе опции «Сразу» закрепленный блок будет отображаться сразу при загрузке страницы; при выборе опции «По достижении позиции блока» блок станет закрепленным только тогда, когда пользователь докрутит страницу до него.
- Кнопка «Закрыть» — возможность для пользователя закрыть закрепленный блок.
Как кадрировать изображение
Нажмите на картинку, которую хотите изменить, затем нажмите иконку «Кадрировать»:
Выделите нужную область картинки рамкой и подтвердите изменения.
Настройка страницы 404
Страница с 404 ошибкой необходима для того, чтобы пользователь сайта понимали, что страница больше не существует (например, была удалена) или что они неправильно ввели адрес страницы. Настроить страницу можно в разделе «Страницы сайта», блок «Служебные». Вы можете изменить дизайн 404 страницы, настроить фон и контент:
Размещение и управление новостями
В Sitebox все страницы делятся на два типа: стандартные и новости. Этот отдельный тип страниц предусмотрен для ведения новостей и блога.
На страницах типа «Новости» невозможно разместить виджеты.
Добавьте новую запись, нажав на соответствующую кнопку:
Вы можете добавлять картинки и видео, а также разделитель «Читать далее», который позволяет разделить материал на анонс и полную версию записи. На левой панели доступны следующие настройки:
Опубликовать
Нажмите кнопку, чтобы опубликовать запись на сайте. Запись станет доступна на сайте сразу же, вам не нужно переопубликовывать сайт. Будет указаны реальная дата и время публикации. При редактировании новости дата и время публикации будут обновляться.
Запланировать публикацию
Вы можете настроить автоматическую публикацию записи в нужное время. Укажите дату и время публикации.
Заголовок h1
Это SEO-настройка, которая активна по умолчанию. Заголовок новостной статьи будет отмечен этим тегом, что хорошо влияет на индексирование страницы в поисковиках.
Изображение
Для каждой новости можно активировать изображение, которое будет считаться основным. Это изображение будет отображаться, когда пользователи будут делиться новостью в социальных сетях.
Настройка позволяет указать автора публикации. Это особенно актуально, если контент на сайте публикуют разные авторы. Также можно указать источник исходной статьи.
SEO-настройки
Настройки мета-тегов, URL записи, ключевых слов и т. п.
Чтобы пользователи могли поделиться записью в социальных сетях, активируйте кнопку «Поделиться» от одного из двух сервисов:
-
YaShare
-
AddThis
Комментарии
Если вы хотите, чтобы пользователи могли оставлять комментарии к записям, активируйте сервис Disqus.
Комментарии и кнопка "Поделиться" активируются сразу для всех записей на новостной странице.
Настройки новостной страницы
Для новостной страницы можно задать все стандартные SEO-настройки, но есть и дополнительные настройки (на вкладке «Новости»):
- дата публикации;
- автор;
- изображение новости;
- кнопка «Читать далее»;
- количество новостей, после которого появляется кнопка «Показать ещё».
Импорт новостей из Facebook
Если вы ведете страницу в Facebook, то вы можете импортировать до 50 последних новостей из социальной сети на сайт. При импорте доступны разные настройки:
Виджет «Информер новостей»
Вы можете выводить несколько последних новостей на любую страницу сайта с помощью виджета «Информер новостей».

Добавьте виджет на сайт и нажмите на него. В панели слева будут доступны следующие настройки:
- Дизайн формы обратной связи: вертикальное отображение полей или горизонтальное;
- Отобразить / скрыть заголовок;
- Настроить поля формы;
- Включить CAPTCHA для защиты от спама;
- Настроить сообщение, которое отобразится пользователю после отправки формы;
- Настроить адрес почты, на который будут приходить сообщения;
- Добавить класс виджету;
- Включить и настроить сбор статистики;
- Подключить AmoCrm и BordCRM.
Подсказки к полям редактируйте прямо в форме.
Как создать всплывающее окно
Чтобы создать всплывающее окно, используйте виджет «Обратная связь». Всплывающее окно может появляться при клике по следующим виджетам:
- Слайдер
- Кнопка
- Карточка
- Иконка
- Галерея
- Прайс-лист
Создайте нужные вам поля:
- Товар или услуга. Автоматически подставится название товара или услуги из виджетов «Карточка» или «Прайс».
- Маленькое поле. Текстовое поле в одну строку.
- Большое поле. Подходит для большого объема текста. Например, для дополнительных вопросов от покупателей или для полного адреса.
- E-mail. Для указания электронной почты.
- Телефон. Для указания телефонного номера.
- Файл. Для прикрепления и отправки файла размером до 25 МБ: txt, docx, pdf, jpeg, png, gif, bmp, zip, stl, dfx, dwg, cdr, csc, cdw, cdt.
- Выпадающий список. Позволяет создать выпадающий список вариантами выбора.
- Согласие на сбор данных. Используйте эту опцию, если собираете персональные данные — чтобы сайт соответствовал требованиям Федерального закона «О персональных данных» №152-ФЗ.
Заголовок, подпись и подсказки к полям настраивайте прямо в форме.