Редактировать страницы сайта и их внешний вид

Как отредактировать страницу сайта?

После того как создали страницу из готовых блоков, можете отредактировать элементы внутри нее. Как создать новую страницу

Что можно делать с элементами:

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

Чтобы перейти в редактор страницы, следуйте инструкции:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, которую хотите изменить.
  2. Откроется редактор страниц. В режиме редактирования вы можете отключать или включать элементы, менять, дублировать или удалять блоки. Чтобы добавить новый блок, нажмите на значок плюса. Из каких блоков можно собрать сайт
  3. Нажмите на элемент, который хотите изменить, — внизу откроется панель редактирования. Отредактируйте элемент.
    Вы можете менять шрифт и фон, выравнивать текст, добавлять в него ссылки
  4. Если нужно, переместите элементы внутри блока — это можно сделать только в личном кабинете Т‑Бизнеса на компьютере.

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

  5. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово, страница сразу обновится.

Как добавить изображение на страницу сайта?

Чтобы добавить изображение на страницу:

  1. В конструкторе от Т‑Банка выберите нужный сайт, затем страницу, на которую хотите добавить изображение. Нажмите на значок плюса вверху или внизу — зависит от того, где хотите разместить изображение.
  2. В разделе «Фотографии» выберите нужный блок с изображением.
    Еще для изображений подойдут блоки из раздела «Слайдер с фото» — тогда посетители сайта смогут листать фото
  3. Нажмите на изображение, которое хотите заменить, и загрузите свое изображение в меню снизу.
    Используйте изображения не больше 5 МБ в форматах JPG, PNG или GIF

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

  4. Отредактируйте изображение. Как это сделать
  5. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Вы загрузили свое изображение на страницу.

Как выбирать изображения, чтобы они не теряли качество?

Чтобы изображения не теряли качество на мониторах с разрешением от 1 280 × 720 пикселей, советуем выбирать их по таким параметрам:

  • формат — JPG, PNG или GIF;
  • размер — не больше 5 МБ;
  • разрешение — от 360 до 1 060 пикселей.

С такими параметрами изображения не будут растягиваться под размер блока фотографии и терять качество на мониторах с большим разрешением.

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

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

Можете добавить ссылку в изображение, чтобы оно стало кликабельным, и альтернативное описание. По ссылке клиент сможет перейти на нужную страницу, а описание улучшит индексацию сайта в поисковиках.

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

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которой хотите сделать изображения активными. Нажмите на нужное изображение.
  2. В меню снизу нажмите на значок лупы — после этого все изображения в блоке станут активными.
    Увеличивать изображения можно только в блоках «Товары и услуги», «Фотографии», «Слайдер с фото» и «О компании»
  3. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Когда посетители будут нажимать на активное изображение, они попадут в режим галереи — изображение увеличится и выйдет на первый план. Если вы загрузили несколько изображений, посетители смогут их перелистывать.

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

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

В конструкторе от Т‑Банка вы собираете страницы сайта из готовых блоков. Например, меню сайта, видео или каталог товаров — это блоки. По умолчанию у всех блоков белый фон, но его можно изменить: настроить цвет, градиент, паттерн или загрузить изображение.

Чтобы поменять цвет фона:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, где есть блок с фоном, который хотите изменить. Нажмите на фон блока.
  2. В меню снизу выберите цвет фона.
    Цвет текста и кнопок подстраивается под фон. Например, если выбрать синий фон, текст и кнопки станут белыми

    Можете поставить на фон свое изображение или видео — для этого загрузите его в меню снизу. Изображение или видео автоматически растянется на всю ширину блока.

    Если фон слишком яркий, можете его приглушить. Для этого нажмите на иконку капли в меню снизу и укажите нужный уровень прозрачности.

  3. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово, вы изменили цвет фона — он сохранится в цветовой схеме страницы сайта. Если хотите изменить цветовую схему страницы, следуйте этой инструкции.

Как изменить цвет, размер, начертание и выравнивание определенного текста на сайте?

Это можно сделать только в личном кабинете Т‑Бизнеса на компьютере.

Следуйте инструкции:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которой хотите изменить текст. Нажмите на текст.
  2. В меню снизу измените цвет, размер, начертание и выравнивание текста.

    Если нужно, добавьте в текст ссылку, адрес эл. почты или номер телефона. Как это сделать

  3. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Вы изменили цвет, размер, начертание и выравнивание определенного текста на сайте.

Добавить к тексту ссылку можно только в личном кабинете Т‑Бизнеса на компьютере.

Чтобы добавить к тексту ссылку:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которой хотите добавить к тексту ссылку.
  2. Выделите текст, в который хотите добавить ссылку, и нажмите на значок ссылки в меню снизу.
  3. Укажите адрес ссылки:
    • если хотите, чтобы ссылка вела на блок или страницу вашего сайта, нажмите «Блоки и страницы сайта» и выберите нужный блок или страницу;
      Поставьте галочку «Открывать страницу в новом окне», чтобы страница вашего сайта открывалась в новой вкладке браузера
    • если хотите, чтобы ссылка вела на сторонний ресурс, нажмите «Внешняя ссылка» и укажите нужную ссылку в поле «Ссылка».
  4. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Теперь посетители смогут переходить по ссылкам на нужные страницы или блоки.

Как добавить контакты и карту на сайт?

Блок «Контакты» помогает разместить информацию о компании: адрес, телефон, название, местоположение на картах.

Чтобы добавить контакты и карту на сайт:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которую хотите добавить контакты и карту. Нажмите на значок плюса вверху или внизу — зависит от того, где хотите разместить блок.
  2. В разделе «Контакты» выберите нужный блок.
  3. Нажмите «Изменить структуру» — иконка с чек‑листом слева вверху. В меню снизу выберите, какие элементы хотите убрать или добавить в блок.

  4. Кликните на карту в любом месте и введите свой адрес в меню снизу.
  5. Заполните блок информацией о компании — нажмите на текст и укажите адрес, режим работы и контакты.
  6. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово, вы добавили контакты и карту на сайт.

Как добавить видео с YouTube, Rutube или Vimeo?

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

Чтобы добавить видео:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которую хотите добавить видео. Нажмите на значок плюса вверху или внизу — зависит от того, где хотите разместить блок.
  2. В разделе «Видео» выберите нужный блок.
  3. Скопируйте ссылку на видео из YouTube, Rutube или Vimeo. Вернитесь в конструктор сайтов, нажмите на видео и вставьте ссылку в меню снизу.
  4. Если хотите добавить в блок еще одно видео, нажмите на значок плюса слева вверху на кнопке «Пункты». Скопируйте ссылку на новое видео, вернитесь в конструктор, нажмите на видео и вставьте ссылку в меню снизу.

  5. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Теперь на странице отображается видео.

Как разместить на сайте файл для скачивания?

Чтобы разместить на сайте файл для скачивания:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которой хотите разместить файл для скачивания. Нажмите на значок плюса вверху или внизу — зависит от того, где хотите разместить блок.
  2. Выберите блок с кнопкой — их можно найти в разделах «Обложка», «Призыв к действию» и «Другое».
  3. Нажмите на кнопку в блоке. В меню снизу измените название кнопки, например «Скачать заявление».
  4. Загрузите файл со своего устройства или файлообменника — зависит от того, как хотите, чтобы посетитель скачивал файл:
    • с сайта: в меню снизу нажмите «Еще» → «Файл» и загрузите файл со своего устройства;
    • из файлообменника: в меню снизу нажмите «Внешняя ссылка» и укажите в поле ссылку на файл с файлообменника.
      Поставьте галочку «Открывать страницу в новом окне», чтобы страница файлообменника открывалась в новой вкладке браузера
  5. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Когда посетитель сайта нажмет на кнопку, файл скачается на его устройство. Если указали ссылку на файл с файлообменника, он перейдет в него и скачает файл.

Как добавить код из другого сайта?

Вы можете добавить на сайт любой сторонний код: форму обратного звонка, счетчик аналитики или баннер. Если из‑за стороннего кода возникнут проблемы с сайтом, мы не сможем помочь, потому что не отвечаем за код в блок‑скрипте.

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

Как безопасно использовать сторонний код
✅ Безопасно❌ Рискованно
Установить счетчик Яндекс Метрики или Google AnalyticsУстановить подозрительный счетчик. Он может перенаправлять посетителей на другой сайт
Разместить виджет известного callback-сервисаРазместить форму заявок с неизвестного сервиса. Она может рассылать спам
Разместить новостную ленту ДзенаРазместить неизвестную ленту новостей. Она может украсть данные пользователей
✅ Безопасно
Установить счетчик Яндекс Метрики или Google Analytics
❌ Рискованно
Установить подозрительный счетчик. Он может перенаправлять посетителей на другой сайт
✅ Безопасно
Разместить виджет известного callback-сервиса
❌ Рискованно
Разместить форму заявок с неизвестного сервиса. Она может рассылать спам
✅ Безопасно
Разместить новостную ленту Дзена
❌ Рискованно
Разместить неизвестную ленту новостей. Она может украсть данные пользователей

Разбираем, как добавить сторонний код, на примере счетчика Яндекс Метрики. Следуйте инструкции:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которую хотите добавить блок‑скрипт. Нажмите на странице значок плюса в месте, где хотите разместить сторонний код.
  2. Откроется меню блоков: в разделе «Блок‑скрипт» нажмите на блок.
  3. Скопируйте код счетчика в Яндекс Метрике. Как это сделать
  4. Вернитесь в конструктор сайтов и вставьте код в блок‑скрипт.

    В блок‑скрипте вы можете вставить код между тегами <head> или тегами <body> :

    • между тегами <head> вставляйте код с информацией, которую пользователю видеть не нужно: например, счетчики систем аналитики, данные для поисковой выдачи вроде описания страницы и ключевых слов;
    • между тегами <body> вставляйте код с информацией, с которой пользователи смогут взаимодействовать: например, новостные ленты, интерактивные карты, виджеты обратного звонка.
  5. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Вы опубликовали на странице сайта сторонний код. В нашем примере мы добавили счетчик Яндекс Метрики и теперь можем отслеживать, сколько людей посещают страницу, откуда они приходят, на что кликают на странице, сколько заявок или заказов с нее оставляют.

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

Изменить дизайн страницы можно только в личном кабинете Т‑Бизнеса на компьютере.

Чтобы быстро изменить дизайн страницы:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, которую хотите отредактировать. Нажмите на иконку палитры справа вверху.
  2. Измените дизайн страницы по инструкциям:
    Новые настройки дизайна отобразятся справа на превью страницы
  3. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Вы изменили дизайн страницы.

Как изменить шрифты?

Изменить шрифты можно только в личном кабинете Т‑Бизнеса на компьютере.

Чтобы изменить шрифты:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которой хотите изменить шрифт. Нажмите на иконку палитры справа вверху.
  2. Перейдите на вкладку «Шрифт» и выберите подходящую пару шрифтов.
    Справа — предпросмотр страницы, где вы можете оценить, как сайт будет выглядеть с новыми шрифтами
  3. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Вы изменили шрифт на странице сайта.

Как настроить размер текста?

Настроить размер текста можно только в личном кабинете Т‑Бизнеса на компьютере.

Чтобы настроить размер текста:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которой хотите настроить размер текста. Нажмите на иконку палитры справа вверху.
  2. Перейдите на вкладку «Выравнивание и размер» и выберите нужный размер текста.
    В конструкторе от Т‑Банка есть 4 размера текста: XS, S, M и L. Справа — предпросмотр страницы, где легко отслеживать изменения
  3. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Вы настроили размер текста на сайте. Если хотите изменить размер текста в отдельном блоке, используйте редактор текста в настройках блока. Как изменить вид текста

Как выровнять текст на странице?

Выровнять текст можно только в личном кабинете Т‑Бизнеса на компьютере.

Чтобы выровнять текст на странице:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которой хотите выровнять сайт. Нажмите на иконку палитры справа вверху.
  2. Перейдите на вкладку «Выравнивание и размер» и выберите выравнивание по центру или левому краю.
    Справа — предпросмотр страницы, где вы можете оценить расположение текста
  3. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово! Вы настроили размер текста на сайте. Если нужно выровнять текст только в некоторых блоках, используйте редактор текста в настройках блока. Как изменить вид текста

Как настроить цвет страницы сайта?

Настроить цвет сайта можно только в личном кабинете Т‑Бизнеса на компьютере.

Чтобы настроить цвет сайта:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которой хотите изменить цвет. Нажмите на иконку палитры справа вверху.
  2. Перейдите на вкладку «Цветовая схема» и выберите подходящую схему.

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

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

Готово! Вы настроили цвет страницы сайта.

Как изменить дизайн кнопки на сайте?

Изменить дизайн кнопки можно только в личном кабинете Т‑Бизнеса на компьютере.

Следуйте инструкции:

  1. В конструкторе от Т‑Банка выберите нужный сайт, а затем страницу, на которой хотите изменить дизайн кнопок. Нажмите на иконку палитры справа вверху.
  2. Перейдите на вкладку «Кнопки» и измените дизайн кнопок: их обводку, фон и скругление.

    Если хотите изменить цвет кнопок, перейдите на вкладку «Цветовая схема» и выберите подходящую цветовую схему.

  3. Нажмите «Опубликовать» справа вверху, чтобы сохранить изменения.

Готово, вы изменили дизайн кнопок на сайте.

Если хотите, чтобы по клику на кнопку открывалась другая страница вашего сайта или блок страницы, следуйте этой инструкции.

Что делать, если с моего сайта украли данные?

Мы сможем помочь, только если данные украл владелец сайта на конструкторе от Т‑Банка. Для этого отправьте подписанный скан заявления в чат поддержки Т‑Бизнеса:

  • в свободной форме, если вы физлицо;
  • на бланке организации, если у вас юрлицо.

В заявлении перечислите данные, которые у вас украли. К сообщению приложите документы, которые подтверждают ваше право собственности. Если не знаете, что приложить, спросите в чате — вам подскажут.

Мы рассмотрим жалобу и заблокируем сайт, который своровал ваши данные, потому что это нарушает пункт 4.2 оферты конструктора сайтов. PDF

Другие статьи по этой теме

  • Создать страницу сайта
  • Размещать товары и услуги на сайте
  • Настраивать навигацию между страницами