Контент и элементы страниц

Как добавить таблицу

Как вставить ссылку

Как создать якорную ссылку

Как закрепить контент на странице

Как кадрировать изображение

Настройка страницы 404

Размещение и управление новостями

Как создать форму обратной связи

Как создать всплывающее окно


Как добавить таблицу

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

  • Таблица
  • PRO таблица
  • Прайс

Виджет «Таблица»

Добавьте виджет на нужную страницу. Нажмите на него — откроются настройки цвета рамки, текста, отображения шапки.

image

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

image

Чтобы удалить или переместить строку или столбец, нажмите на соответствующую иконку сверху / справа от границ таблицы:

image

Виджет «PRO таблица»

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

Работа с таблицей PRO похожа на работу с таблицами MS Excel. Чтобы выполнить с ячейками действия, выделите нужные ячейки и нажмите правую кнопку мыши. Доступные действия:

  • выбор типа ячейки — обычный текст, стилизованный текст, кнопка;
  • объединить / разъединить ячейки;
  • выровнять содержимое ячеек;
  • добавить / удалить столбец или строку;
  • копировать / вырезать содержимое ячейки.

image

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

  1. Нажмите на шапку столбца или номер строки левой кнопкой мыши. 
  2. Зажмите левую кнопку мыши и перенесите столбец / строку в нужное место.

Виджет «Прайс»

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

image

Заполните таблицу.

image

Как вставить ссылку

Предусмотрены три вида ссылок:

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

При создании ссылки можно выбрать способ открытия сайта / страницы: в текущем или новом окне. Данная настройка называется «Открывать в новом окне».

image

Ссылка в тексте

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

image

Ссылка на картинке

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

image

Ссылка на галерее

Нажмите на изображение в галерее, затем нажмите на иконку ссылки и установите ссылку.

image

Ссылка на слайдере

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

image

Ссылка на кнопке

Нажмите на кнопку, затем выберите "Ссылка на страницу" или иконку редактирования.

image

Ссылка на иконке

Нажмите на иконку, затем в левой панели нажмите на иконку ссылки:

image

Ссылка на цитате

В виджете «Цитата» ссылку можно установить на текст и на автора цитаты. Выделите текст и кликнете на иконку ссылки.

image

Ссылка на карточке

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

image

Ссылка на таблице

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

Ссылка на PRO-таблице

Установить ссылку в PRO-таблице можно только на ячейку с типом «Кнопка». Нажмите на виджет, чтобы открылись его настройки, затем нажмите правой кнопкой мыши на нужную ячейку и выберите «Тип ячейки» — «Кнопка». 

image

Двойным нажатием на кнопку откройте настройки, нажмите на иконку редактирования и установите ссылку.

Ссылка на этапе или таймлане

В виджетах «Этапы» и «Таймлайн» ссылку можно установить на заголовок этапа. Выделите текст и нажмите на иконку ссылки.

Ссылка на прайс-листе

В виджете «Прайс-лист» ссылку можно установить только на кнопку. Нажмите на нее, затем на иконку редактирования или надпись "Ссылка на страницу" и укажите ссылку.

Как создать якорную ссылку

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

Чтобы установить якорь на блоке, нажмите на кнопку «Действия» (три точки) в панели настроек и выберите «Настройка якорной ссылки».

image

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

image

В открывшемся окне выберите название для якоря и нажмите на кнопку «Сделать якорем».

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

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

image

Как закрепить контент на странице

Если необходимо, чтобы часть контента при прокрутке страницы сайта была зафиксирована:

  1. Добавьте блок с нужным контентом.
  2. Нажмите на кнопку «Действия» (три точки) в панели инструментов блока.
  3. В открывшемся списке выберите «Настройки закрепленного блока».

image

Откроется окно со следующими настройками:

  • Закрепить блок — активировать / деактивировать закрепление.
  • Позиция — закрепление блока в нижней части экрана или в верхней.
  • Показывать — при выборе опции «Сразу» закрепленный блок будет отображаться сразу при загрузке страницы; при выборе опции «По достижении позиции блока» блок станет закрепленным только тогда, когда пользователь докрутит страницу до него.
  • Кнопка «Закрыть» — возможность для пользователя закрыть закрепленный блок.

Как кадрировать изображение

Нажмите на картинку, которую хотите изменить, затем нажмите иконку «Кадрировать»:

image

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

Настройка страницы 404

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

image

Размещение и управление новостями

В Sitebox все страницы делятся на два типа: стандартные и новости. Этот отдельный тип страниц предусмотрен для ведения новостей и блога. 

image

На страницах типа «Новости» невозможно разместить виджеты.

Добавьте новую запись, нажав на соответствующую кнопку:

image

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

image

Опубликовать

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

Запланировать публикацию

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

Заголовок h1

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

Изображение

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

Автор

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

SEO-настройки

Настройки мета-тегов, URL записи, ключевых слов и т. п. 

Социальные кнопки

Чтобы пользователи могли поделиться записью в социальных сетях, активируйте кнопку «Поделиться» от одного из двух сервисов:

  • YaShare

  • AddThis

Комментарии

Если вы хотите, чтобы пользователи могли оставлять комментарии к записям, активируйте сервис Disqus. 

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

Настройки новостной страницы

Для новостной страницы можно задать все стандартные SEO-настройки, но есть и дополнительные настройки (на вкладке «Новости»):

  • дата публикации;
  • автор;
  • изображение новости;
  • кнопка «Читать далее»;
  • количество новостей, после которого появляется кнопка «Показать ещё».

image

Импорт новостей из Facebook

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

image

Виджет «Информер новостей»

Вы можете выводить несколько последних новостей на любую страницу сайта с помощью виджета «Информер новостей».

image

Как создать форму обратной связи

Чтобы создать форму обратной связи, используйте виджет «Обратная связь».
image

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

  • Дизайн формы обратной связи: вертикальное отображение полей или горизонтальное;
  • Отобразить / скрыть заголовок;
  • Настроить поля формы;
  • Включить CAPTCHA для защиты от спама;
  • Настроить сообщение, которое отобразится пользователю после отправки формы;
  • Настроить адрес почты, на который будут приходить сообщения;
  • Добавить класс виджету;
  • Включить и настроить сбор статистики;
  • Подключить AmoCrm и BordCRM.

Подсказки к полям редактируйте прямо в форме.

Как создать всплывающее окно

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

  • Слайдер
  • Кнопка
  • Карточка
  • Иконка
  • Галерея
  • Прайс-лист

image

Создайте нужные вам поля:

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

Заголовок, подпись и подсказки к полям настраивайте прямо в форме.