Как создать сайт онлайн бесплатно самому, конструктор

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

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

Создание сайта, бесплатно

Теперь покажу, как бесплатно осуществить создание сайта, с помощью конструктора Tilda. Этот инструмент прост и понятен для пользователей.

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

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

Создание одностраничного сайта, шаблон

Для начала пройдите быструю регистрацию в Тильде. Активируйте бесплатный тариф Free. Введите своё имя, почту и придумайте надёжный пароль. В открывшемся окне пропишите название сайта, затем нажмите на кнопку «Создать новую страницу». 

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

Лендинг подразумевает запуск рекламной воронки, а не просто информирует посетителей о чём-либо. Значит, такой вариант можно создать на платной основе. Показываю лишь пример. Выбираю пустой шаблон.

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

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

Чтобы заменить фон, нажмите на красную кнопку «Контент» в левом верхнем углу. Спуститесь, нажмите на «Загрузить файл» и добавьте изображение с оптимальным размером 1680х900px. Затем кликните «Сохранить и закрыть». 

Например, вы создаёте лендинг. Тогда предлагаю разместить во втором блоке продающий оффер и слова мотивирующие посетителя читать информацию дальше. Нажмите на знак +, войдите во вкладку «О проекте» и выберите блок с кнопкой.

Аналогично первому блоку, выделяйте текст и вставляйте свой, прямо на шаблоне лендинга. Перейдите в «Контент» и отредактируйте надпись на кнопке. Допустим, «Зайти на вебинар».

Отредактируйте цвет и форму. Для этого зайдите в раздел «Настройки», выберите строку «Кнопки», поменяйте тон и радиус.

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

Разместите блок с кратким содержанием мероприятия или предстоящего события. Выберите подходящий вариант. Кликните на знак +, далее вкладка «Преимущества». 

Поиграйте с блоками, палитрой, шрифтами. Пофантазируйте!

В конце обязательно добавьте поля для ввода контактных данных. Для этого нажмите на +, затем вкладка «Форма». Напишите свой текст и при необходимости измените шрифт и цвет. Войдите в «Контент» и отредактируйте под свои предпочтения поля для ввода данных. Здесь же, спуститесь и замените текст кнопки, а цвет и форму во вкладке «Настройки», расположенной рядом с «Контент».    

Политика конфиденциальности, настройка

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

На верхней панели инструментов в Tilda нажмите на «Опубликовать», затем «Открыть страницу». Перед вами запустится ваш одностраничный сайт/лендинг. Скопируйте ссылку, перейдите в специальный конструктор и вставьте её в первое, второе поля.  

Введите Ф.И.О. или название организации. Укажите, какие собираете данные и цель сбора. Это основные, базовые настройки. Спуститесь по конструктору политики и нажмите «Копировать в буфер».  

Перейдите обратно в Тильду, нажмите на кнопку «Создать новую страницу», выберите пустой шаблон, в ряду с блоками выберите «Текст». В открывшемся окне выделите предложенный по умолчанию абзац, нажав на CTRL+A. Затем нажмите CTRL+V, чтобы вставить скопированный текст с политикой. Нажмите на «Опубликовать» и пропишите ссылку, придумав концовку, кликните «Сохранить и продолжить».   

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

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

Ещё один важный момент — настройка работы кнопки. Куда попадёт человек, если нажмёт на неё. То, что я покажу, проделайте с каждым блоком, содержащим кнопку для перехода. Перейдите к любому из них, нажмите на «Контент», под полем «Ссылка для кнопки», нажмите на «Выбрать блок». Вас автоматически перебросит на сайт. Выберите поле с формой. Наведя на него, он потускнеет. Затем нажмите «Сохранить и закрыть».

Варианты одностраничных сайтов

В этой таблице я расписала виды одностраничников. Важное правило: 1 сайт — одно целевое действие. А какое, это зависит от целей.

Заключение

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

Для решения небольших информационных задач Tilda тариф Free — само то!

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

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