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

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

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

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

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

1. Выберите блок с изображением.

   

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

   

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

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

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

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

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

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

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

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

1. Нажмите на фон блока.

   

2. Появится поле, в котором можно выбрать цвет для фона.

   

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

   

   Если фон слишком яркий, можете его приглушить.

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

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

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

   

2. Выберите, что хотите изменить.

   

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

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

Готово, вы добавили ссылку к тексту.

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

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

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

   

2. Выберите блок «Контакты».

   

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

   

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

   

• В блоке «Контакты» вы можете добавить новые элементы, например время работы и маршрут до офиса. Для этого нажмите на значок плюса на иконке «Пункты».

  

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

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

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

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

   

2. Выберите блок «Видео».

   

3. С помощью кнопок «−» и «+» выберите, сколько роликов будет отображаться на сайте.

   

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

   

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

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

Чтобы прикрепить файл с устройства:

1. Откройте пункт «Еще» → «Файл».

   

2. Выберите файл на устройстве.

   

3. Прикрепите файл и опубликуйте страницу.

   

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

1. Загрузите файл в Яндекс Диск, Google Диск или Dropbox и скопируйте ссылку.

   

2. Перейдите в конструктор сайтов и добавьте любой блок с кнопкой или текстом. Нажмите на кнопку и вставьте ссылку в окно «Внешняя ссылка».

   

3. Опубликуйте страницу.

Готово! Теперь посетители смогут скачать приложенный файл.

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

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

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

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

   

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

   

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

   

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

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

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

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

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

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

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

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

   

Теперь вы можете изменить дизайн страницы:

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

Это можно сделать в интерфейсе редактирования страницы:

1. Откройте меню «Дизайн».

   

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

   

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

Это можно сделать в интерфейсе редактирования страницы:

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

Текст на странице можно выровнять по центру или по левому краю. Чтобы это сделать, выберите нужную страницу → «Дизайн» → «Выравнивание и размер».

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

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

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

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

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

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

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

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

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