Создать страницу сайта

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

В интернет-магазине и на сайте-визитке страницы создаются одинаково.

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

  1. Перейдите в конструктор сайтов, откройте нужный сайт → «Страницы» → «Добавить страницу». На одном сайте можно создать до 200 страниц.
  2. Выберите готовый или пустой шаблон страницы → «Продолжить».

    Шаблоны помогают быстро создать продуктовую страницу, разместить политику конфиденциальности, рассказать о бизнесе и решить другие задачи.

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

Из каких блоков можно собрать страницу сайта?

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

Чтобы посмотреть варианты блоков:

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

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

      Общие блоки

      Это блоки, которые остаются одинаковыми на всех страницах сайта. Если измените такой блок на одной странице, он автоматически обновится на остальных. Как добавить общий блок на сайт

      Если вы создали интернет-магазин, по умолчанию в разделе «Общие блоки» будут отображаться шапка и подвал сайта
      Меню страницы

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

      Ссылки могут вести на разделы текущей страницы. Удобно, если у вас одностраничный сайт
      Обложка

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

      В блок с обложкой можно загрузить только одну фотографию, GIF или одно видео
      Прием платежей

      Помогает покупателю перейти в платежную форму Тинькофф Кассы и совершить оплату. Чтобы блок стал доступен, подключите интернет-эквайринг от Тинькофф Кассы. Подключить

      Как подключить платежи на сайте

      Когда настроите интернет-эквайринг и разместите форму заказа, клиенты смогут оплачивать товары и услуги картой и через СБП
      Товары и услуги

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

      Как размещать товары на сайте

      Как размещать услуги на сайте

      На блоке можно разместить неограниченное количество товаров или услуг

      На некоторых блоках есть поиск и фильтры «По цене» и «По названию»: с их помощью покупатель может искать в каталоге нужные товары или услуги.

      Поиск и фильтры можно отключить. Нажмите на значок с чек-листом слева вверху и передвиньте тумблеры «Поиск товаров» и «Сортировка товаров» — они станут серыми
      Формы

      Собирают контакты у посетителей сайта и заявки на товары или услуги.

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

      Можете настроить фон формы: выбрать цвет, изображение или поставить карту
      Фотографии

      Показывают товар, услугу, мероприятия, офис или что‑то еще, что вам важно сделать заметным.

      Если хотите показать разницу между двумя вариантами товара или услуги, выберите шаблон «Посмотрите разницу». Когда пользователь двигает ползунок слева направо, изображение в рамке меняется
      Слайдер с фото

      Показывает отзывы и фотографии. Посетители сайта листают слайдер и находят нужную информацию.

      В один слайдер можно загрузить до 14 фотографий общим весом не больше 5 МБ в форматах JPEG, JPG, PNG и GIF
      О компании

      В этом блоке можете рассказать о бизнесе и его истории.

      Если хотите, чтобы размер фотографии соответствовал размеру текстового блока, нажмите на фото и в его настройках выберите нужное соотношение сторон
      Контакты

      Можете указать адрес, телефон, эл. почту и расположение на картах.

      Когда укажете адрес своего бизнеса в настройках карты, на ней отобразится нужное здание и метка с названием улицы
      Текст

      В этом блоке можно рассказать о товаре или акции, анонсировать мероприятие или график работы магазина в праздники.

      Можете изменить цвет и размер текста, выравнивание и способы выделения, добавить ссылку на другую страницу своего сайта. Нажмите на текстовый блок и выберите нужные настройки в меню снизу
      Блок-скрипт

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

      Добавляйте сторонний код только из проверенных источников. Если из‑за него сайт начнет работать некорректно, мы не сможем помочь
      Pop-up

      Pop‑up — всплывающее окно. Оно появляется, когда посетитель сайта нажимает на кнопку, на которую настроили переход в pop‑up. В блоке можете разместить товар, анкету, свой код или текстовый блок.

      На блок можно добавить дополнительные поля и сделать их обязательными для заполнения, изменить текст и ссылку в кнопке
      Мини-страницы

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

      На мини-странице можно разместить видео или галерею с фотографиями ваших работ, текст с описанием услуги и кнопку на соцсети
      Преимущества

      Блок показывает посетителю сайта, какие выгоды он получит, если купит ваш продукт или будет с вами сотрудничать.

      В шаблоне с заголовком «Мы в цифрах» укажите, сколько проектов вы выполнили или сколько человек пользуются вашим продуктом
      Этапы и шаги

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

      На некоторые блоки в разделе «Этапы и шаги» можно добавить изображение. Для этого в превью выберите блок с изображением
      Расписание

      Блок для мероприятий, онлайн- и офлайн‑школ. Помогает заявить тему, перечислить спикеров, указать описание и время выступлений.

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

      Блок помогает представить партнеров или компании, которые работают с вами.

      Можете добавить на блок логотипы компаний и прикрепить к ним ссылки
      Вопрос-ответ

      Отвечает на популярные вопросы о ваших товарах или услугах, помогает принять решение о покупке.

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

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

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

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

      Помогают новым клиентам оценить ваши товары или услуги, принять решение о покупке.

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

      Блок с заголовком и кнопкой, которые призывают посетителя совершить какое‑либо действие. Например, записаться на офлайн-встречу или оставить заявку на консультацию.

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

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

      Чтобы пользователи могли посмотреть видео, вставьте в блок ссылку из YouTube, Vimeo или Rutube Video ID
      Подвал страницы

      Можете разместить контакты и ссылки на соцсети — это улучшает позиции сайта в поисковых системах и увеличивает число подписчиков в соцсетях.

      В подвал можно добавить список со страницами сайта, ссылки на соцсети и мессенджеры
      Реквизиты

      Помогает разместить подробную информацию о компании или ИП.

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

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

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

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

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

Как добавить на сайт сквозной блок, который будет одинаковым на всех страницах сайта?

В конструкторе Тинькофф такой блок называется общим. Если измените его на одной странице сайта, он автоматически обновится на остальных. Общий блок нужно добавлять на все страницы сайта вручную.

Чтобы добавить общий блок:

  1. В конструкторе сайтов Тинькофф выберите нужный сайт и перейдите в редактор страницы, где есть блок, который хотите сделать общим.
  2. Нажмите на блок, а затем на значок с закладкой справа вверху — вы добавили блок в меню блоков в раздел «Общие блоки».
    Мы сделали общим меню сайта. Чтобы отключить общий блок, еще раз нажмите на значок с закладкой
  3. Опубликуйте страницу, чтобы сохранить изменения: нажмите «Опубликовать» справа вверху.
  4. Добавьте общий блок на все нужные страницы сайта: нажмите «Назад» слева вверху — откроется список со всеми страницами сайта.
  5. Выберите страницу, на которую хотите добавить общий блок, и нажмите на значок плюса сверху или снизу — зависит от того, где хотите разместить новый блок.
  6. Откроется меню блоков. Выберите нужный в разделе «Общие блоки».
  7. В редакторе страницы проверьте, в правильном ли месте встал блок. Если все как нужно, нажмите «Опубликовать».
  8. Повторите шаги 4⁠—⁠7 для всех страниц, на которые хотите добавить общий блок.

Готово! Если обновите информацию на общем блоке, она автоматически изменится на всех страницах, на которые вы добавили общий блок. Как отредактировать блок

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

У каждой страницы есть адрес и название. По умолчанию конструктор сайтов дает странице стандартный адрес и название: page1, page2, page3.

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

Адрес по умолчаниюЧитаемый адрес
example.tb.ru/page1example.tb.ru/about
example.tb.ru/page2example.tb.ru/prices
example.tb.ru/page3example.tb.ru/contacts
Адрес по умолчанию
example.tb.ru/page1
Читаемый адрес
example.tb.ru/about
Адрес по умолчанию
example.tb.ru/page2
Читаемый адрес
example.tb.ru/prices
Адрес по умолчанию
example.tb.ru/page3
Читаемый адрес
example.tb.ru/contacts
    Как обновить информацию о странице в интернет-магазине

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

    Как обновить информацию о странице на сайте-визитке

    В конструкторе сайтов выберите нужный сайт, нажмите на три точки в правом верхнем углу страницы → «Настройки страницы».

    Еще вы можете обновить информацию из редактора страниц.

    Еще вы можете обновить информацию из редактора страниц.

    Как это сделать
    1. В конструкторе сайтов выберите нужный сайт, а затем страницу, которую хотите отредактировать.
    2. Откроется редактор страниц. Нажмите на иконку шестеренки справа вверху.
    3. Заполните информацию: укажите адрес, название страницы и описание.

Готово! Изменения сохранятся автоматически. Когда это произойдет, справа вверху появится зеленый статус «Изменения сохранены».

Как скопировать, скрыть или удалить страницу сайта?

Страницы сайта-визитки можно скопировать, скрыть или удалить. Как создать сайт‑визитку

Для этого:

  1. В конструкторе сайтов выберите нужный сайт.
  2. Нажмите на три точки в правом верхнем углу страницы и выберите нужное действие.
У скопированной страницы не забудьте обновить адрес, название и описание, чтобы она не дублировала оригинал

Страницы интернет-магазина нельзя дублировать, но можно скрыть и удалить. Как создать сайт интернет-магазина

Для этого:

  1. В конструкторе сайтов выберите нужный сайт.
  2. Наведите курсор на страницу и выберите нужное действие.
    Если скроете страницу с сайта, ее ссылка станет серой. Так вы сможете быстро определить, какие страницы скрыты

Как опубликовать оферту и политику конфиденциальности?

Оферта нужна, чтобы вы могли продавать в интернете: указывать цены товаров, условия оформления заказов и их доставки, условия возврата и другое. Это требование статьи 494 Гражданского кодекса РФ.

Политика конфиденциальности нужна, чтобы вы могли собирать персональные данные клиентов, например, ФИО или номера телефонов. Это требование закона № 152-ФЗ «О персональных данных».

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

Рекомендуем заранее составить текст оферты и политики конфиденциальности. Не пользуйтесь текстом в шаблонах конструктора сайтов: он написан для примера и не учитывает специфику вашего бизнеса.

    Как опубликовать оферту
    1. Выберите ваш сайт и нажмите «Добавить страницу».
    2. Выберите шаблон «Оферта» и нажмите «Продолжить».
    3. Вставьте текст вашей оферты и нажмите «Опубликовать».

    Готово, вы опубликовали оферту. Теперь осталось сделать так, чтобы клиенты ее видели и могли прочитать, когда оформляют заказ.

    Чтобы клиенты могли прочитать оферту перед оформлением заказа:

    1. Перейдите в настройки сайта → «Продвижение» → «SEO‑оптимизация страниц». Выберите страницу с офертой, которую только что опубликовали.

    2. В поле «Название» укажите название страницы — сможете легко отличить страницу с офертой от других страниц вашего сайта.
    3. Вернитесь в настройки сайта → «Основные». Нажмите на поле «Страница с офертой».
    4. Выберите страницу с офертой в выпадающем списке.

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

      Когда клиент перейдет в корзину, он увидит ссылку на оферту
    Как опубликовать политику конфиденциальности
    1. Выберите ваш сайт и нажмите «Добавить страницу».
    2. Выберите шаблон «Политика конфиденциальности» и нажмите «Продолжить».
    3. Вставьте текст вашей политики конфиденциальности и нажмите «Опубликовать».

    Готово, вы опубликовали политику конфиденциальности. Теперь осталось сделать так, чтобы клиент мог ее увидеть и прочитать, когда будет оформлять заказ.

    Чтобы клиенты могли прочитать политику конфиденциальности перед оформлением заказа:

    1. Перейдите в настройки сайта → вкладка «Продвижение». В разделе «SEO‑оптимизация страниц» выберите новую страницу.

    2. В поле «Название» укажите название страницы — сможете легко отличить страницу с политикой конфиденциальности от других страниц вашего сайта.
    3. Вернитесь к настройкам сайта → «Основные». Нажмите на поле «Страница с политикой конфиденциальности».
    4. Выберите страницу с политикой конфиденциальности в выпадающем списке.

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

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

Как страница сайта выглядит на телефонах и планшетах?

Все блоки в конструкторе адаптивные — они сразу хорошо отображаются на смартфонах и планшетах.

Чтобы посмотреть, как выглядит страница на мобильных устройствах, откройте ее в конструкторе сайтов и нажмите на иконку смартфона или планшета в верхней панели.

Картинки и размер текста изменяются автоматически

Что означает ошибка 404?

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

Ошибки 404 — причины и способы исправить:

Причина 404 ошибкиКак исправить
Вы изменили адрес страницы, а у посетителя в «Избранном» сохранилась старая ссылка на страницуВерните странице прежний адрес или создайте новую страницу с прежним адресом
Вы удалили или сняли страницу с публикации, а ссылки остались на сайтеОпубликуйте страницу заново или обновите ссылки на сайте. Если страница не нужна, удалите ссылки на нее со всего сайта
Посетитель неправильно ввел адрес страницы в браузереДелать ничего не нужно: посетитель увидит 404 ошибку и вернется на сайт

Ошибка 404 — это страница, которая открывается вместо страницы с несуществующим адресом. Чтобы посетитель все‑таки нашел что искал, на странице ошибки 404 есть ссылки на существующие страницы сайта.

На странице 404 всегда отображаются только три ссылки на страницы сайта
    Как изменить адрес страницы, если посетитель попадает на страницу с ошибкой 404

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

    1. В конструкторе Тинькофф выберите нужный сайт, наведите курсор на страницу, у которой хотите изменить адрес, и нажмите «Настройки» — значок шестеренки.

    2. В разделе «Основные» измените адрес в поле «Адрес страницы».
      Название страницы не влияет на ошибку 404

      Готово! Теперь посетители будут попадать на нужную страницу, а не на страницу с ошибкой 404.

Как скачать код страницы?

Скачайте архив с кодом сайта, распакуйте архив и откройте папку с названием страницы. Внутри папки вы найдете код.

Получилось найти ответ?

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

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