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

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

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

• добавить изображение;
• отредактировать изображение;
• сделать так, что клиенты могли увеличивать изображение по клику;
• изменить фон блока;
• изменить вид текста;
• добавить к тексту ссылку;
• настроить кнопку;
• добавить видео с YouTube и Vimeo;
• разместить файл для скачивания;
• изменить логотип;
• добавить контакты и карту.

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

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

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

   

3. Нажмите на элемент, который хотите изменить, — внизу откроется панель редактирования. Отредактируйте элемент.

   

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

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

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

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

   

2. В разделе «Фотографии» выберите нужный блок с изображением.

   

3. Нажмите на изображение, которое хотите заменить, и загрузите свое изображение в меню снизу.

   

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

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

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

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

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

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

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

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

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

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

   

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

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

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

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

Чтобы изменить фон блока:

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

   

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

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

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

Готово, вы изменили фон блока.

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

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

   

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

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

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

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

   

3. Укажите адрес ссылки:

   • если хотите, чтобы ссылка вела на блок или страницу вашего сайта, нажмите «Блоки и страницы сайта» и выберите нужный блок или страницу;

     

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

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

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

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

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

   

2. В разделе «Контакты» выберите нужный блок.

   

3. Нажмите «Изменить структуру» — иконка с чек‑листом слева вверху. В меню снизу выберите, какие элементы хотите убрать или добавить в блок.

   

4. Кликните на карту в любом месте и введите свой адрес в меню снизу.

   

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

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

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

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

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

   

2. В разделе «Видео» выберите нужный блок.

   

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

   

4. Если хотите добавить в блок еще одно видео, нажмите на значок плюса слева вверху на кнопке «Пункты». Скопируйте ссылку на новое видео, вернитесь в конструктор, нажмите на видео и вставьте ссылку в меню снизу.

   

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

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

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

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

   

2. Выберите блок с кнопкой — их можно найти в разделах «Обложка», «Призыв к действию» и «Другое».

   

3. Нажмите на кнопку в блоке. В меню снизу измените название кнопки, например «Скачать заявление».
4. Загрузите файл со своего устройства или файлообменника — зависит от того, как хотите, чтобы посетитель скачивал файл:

   • с сайта: в меню снизу нажмите «Еще» → «Файл» и загрузите файл со своего устройства;

     

   • из файлообменника: в меню снизу нажмите «Внешняя ссылка» и укажите в поле ссылку на файл с файлообменника.

     

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

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

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

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

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

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

   

2. Откроется меню блоков: в разделе «Блок‑скрипт» нажмите на блок.

   

3. Скопируйте код счетчика в Яндекс Метрике. Как это сделать
4. Вернитесь в конструктор сайтов и вставьте код в блок‑скрипт.

   

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

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

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

Инструкция одинаковая как для сайта-визитки, так и для интернет-магазина.

Как создать сайт‑визитку

Как создать интернет-магазин

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

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

   

2. Измените дизайн страницы:

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

   

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

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

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

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

   

2. Перейдите на вкладку «Шрифт» и выберите подходящую пару шрифтов.

   

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

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

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

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

   

2. Перейдите на вкладку «Выравнивание и размер» и выберите нужный размер текста.

   

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

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

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

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

   

2. Перейдите на вкладку «Выравнивание и размер» и выберите выравнивание по центру или левому краю.

   

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

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

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

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

   

2. Перейдите на вкладку «Цветовая схема» и выберите подходящую схему.

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

   

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

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

Чтобы изменить вид кнопок:

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

   

2. Перейдите на вкладку «Кнопки» и настройте вид кнопок: измените их обводку, фон и скругление.

   

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

   

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

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

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

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

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

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