Бесплатный сайт с помощью гугл

Как создать страницу подписки на Google Сайтах

Чтобы создать несложную страницу в Интернете, не обязательно покупать домен и хостинг. Для этого можно воспользоваться бесплатным сервисом Google Сайты. На нём можно с удобством создавать, например, страницы подписки.

Чтобы воспользоваться этим сервисом, естественно, понадобится иметь аккаунт в Google. Если у вас он уже есть, то можно сразу перейти на sites.google.com и приступить к работе. Если такого аккаунта у вас еще нет, то вам будет предложено сначала его создать – сделайте это.

Итак, вы вошли на страницу сервиса Google Сайты и вам сразу предлагают создать новый сайт, нажав на значок «+». Этот значок находится в правом нижнем углу страницы.

Нажимаем на «+ и появляется конструктор, который разделён на две части:

  • Слева – собственно создаваемая страница, пока пустая, имеется только некая шапка с текстом-заголовком.
  • Справа – блоки, которые можно перетаскивать и строить из них свою страницу. Также там есть вкладки для создания дополнительных страниц и выбора темы.

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

Создаём шапку страницы подписки

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

Первым делом стоит изменить название самого сайта – для этого его нужно вписать в строку в верхнем левом углу. По умолчанию там написано «Сайт без названия» — напишите своё, например, «Страница подписки». Этот текст можно удалить, и он не будет появляться на странице.

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

Также на этой вкладке есть пункт «Значок сайта» — здесь можно загрузить фавиконку. Можно выбрать пункт «Выбрать» и воспользоваться поиском по своему Google-Диску или в самом поисковике.

Внизу шапки есть еще пара кнопок:

  • «Изменить изображение» — здесь можно загрузить свою фоновую картинку или выбрать среди готовых вариантов.
  • «Тип заголовка» — меняет размер шапки.

У типа заголовка есть варианты:

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

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

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

Создаём контент страницы

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

  • Подзаголовок к подписке – используется блок «Текстовое поле».
  • Описание продукта – блок из макета с картинкой слева. Здесь можно добавить изображение и описание того, что получит подписчик. Текстовые поля можно удалять с помощью иконки – корзины.
  • Призыв к подписке – еще один блок «Текстовое поле».
  • Форма подписки – блок «Встроить». Здесь можно вставить код формы подписки, который вы можете получить на специальном сервисе. Например, вы можете собирать подписчиков с помощью JustClick или SendPulse, или любого другого. Там формируете форму, получаете её код и вставляете его в блок «Встроить». После этого на странице появится работоспособная форма подписки.
  • Счётчик Яндекс-Метрики в виде кода также добавляется с помощью блока «Встроить». Его размещают внизу страницы.

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

Публикуем готовую страницу подписки

Перед публикацией полезно посмотреть, как будет выглядеть созданная страница на разных устройствах – компьютерах, планшетах и смартфонах. Для этого в панели Google Сайтов в верхней части есть иконка «Просмотр». Нажмите её и посмотрите на страницу в разных режимах. Если что-то разъезжается, можно поправить это в редакторе.

Иконка в виде шестерёнки позволяет выполнить некоторые настройки сайта – загляните и сюда. Здесь можно настроить навигацию, если у вас несколько страниц, добавить свой домен или подключить статистику Google Analitics.

Чтобы после публикации сайта в ссылке на появились странные символы, перейдите на вкладку «Страницы» и в свойствах созданных страниц поменяйте русскоязычные названия на латиницу. Например, «Главную страницу» переименуйте в «Podpiska» или подобное название.

Когда всё готово и настроено как следует, можно опубликовать созданную страницу. Для этого кликните кнопку «Опубликовать» в правой панели редактора. В поле «Веб-адрес» впишите название страницы на латинице строчными буквами. Это название встроится в ссылку. Нажмите еще раз «Опубликовать» и ваша страница появится в Интернете. Можете распространять ссылку на него и собирать подписчиков.

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

Видео пояснение от прекрасного автора курсов смотрите

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

Пройти обучение и научиться  делать классные сайты можно тут

Всего вам доброго и главное здоровье

 

HTML Snippets Powered By : XYZScripts.com
0 votes, average: 0,00 out of 50 votes, average: 0,00 out of 50 votes, average: 0,00 out of 50 votes, average: 0,00 out of 50 votes, average: 0,00 out of 5 (0 votes, average: 0,00 out of 5)
You need to be a registered member to rate this.
Loading...