Если у вас возникли вопросы или что-то не понятно, напишите нам в техническую поддержку.

Пошаговая инструкция создания сайта

В этой статье мы разберем с вами пошаговую инструкцию создания сайта с нуля самостоятельно на сервисе Tobiz.net.
Первым делом вам необходимо зайти на сам конструктор, далее нажимаем кнопку Войти в правом верхнем углу. Необходимо пройти регистрацию, вбив e-mail и код с картинки, нажать на кнопку Зарегистрироваться. Либо произвести авторизацию через социальные сети.

Пошаговая инструкция создания сайта.

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

 

CОЗДАТЬ САЙТ СЕЙЧАС

 

Здесь мы и разберем пошаговую инструкцию по созданию сайта самостоятельно.
Шапка сайта представляет собой верхний блок сайта, где, как правило, размещается логотип и название фирмы, контактная информация, а также описание направления деятельности. 
Главный экран сайта может быть представлен в виде красивой картинки, на которой размещается заголовок и подзаголовок, отражающий суть предлагаемого товара или услуги. Чаще всего в данный блок выгодно размещать акции, скидки или заманчивые предложения.
Далее идет Основной блок -  это непосредственно ваш каталог и ваши услуги. Здесь вы можете разместить ваши преимущества, портфолио, сертификаты, парнеров, с которыми производите сотрудничество, отзывы ваших клиентов.  Также вы можете размещать блоки схемы работы с нами, блок гарантии, блок доставки, блоки компаний.
Чуть ниже размещается футер сайта (подвал, нижний блок сайта). В подвале сайта располагается информация контактов, логотип и направление деятельности. 

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

Пошаговая инструкция создания сайта:

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

В этом случае, вам просто нужно будет:

  1. Установить шаблон.
  2. Подобрать необходимые блоки, выбрать или изменить готовые
  3. Изменить текст и загрузить картинки
  4. Сохранить сайт.
  5. Прикрепить доменное имя к сайту.

пошаговая инструкция создания сайта

А теперь давайте разберем подробную пошаговую инструкцию создание сайта визуально на примере видео, расположенного ниже:

Для того, чтобы добавить блок, нажимаем в левом столбце соответственно кнопку +, добавить блок. Первым делом у нас будет шапка, выбираем шапку, здесь вы прописываете свой телефон непосредственно, ставите логотип, также можно выбрать несколько вариантов шапок, все на ваше усмотрение. Выбрав шапку, заполняем её текстом. Здесь можно изменить логотип, можно изменить цвет кнопки. Также вы можете редактировать название текста кнопки. Также можно редактировать всплывающую форму и изменяя текст кнопки, изменяя цвет кнопки, в форму вы можете добавлять дополнительные поля. К примеру, е-mail. E-mail может быть обязательным или же необязательным, т.е. здесь вы ставите галочку. Можно изменять расположение полей в форме, редактировать описание. И шапка у нас будет готова.

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

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

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

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

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

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

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

 

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

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

Буквально за 20 минут мы получили сайт  с помощью пошаговой инструкции на сервисе Tobiz.net.

Рассказать друзьям:

X
Супер предложение!
Создайте сайт на конструкторе
прямо сейчас, и мы зачислим
200 руб. вам на счет
TOBIZ.NET / Конструктор лендингов
На конструкторе сайтов TOBIZ.NET, вы сможете создать сайт своими руками за максимально короткое время. В этом вам помогут 1000 готовых шаблонов и простой конструктор. Просто установите готовый шаблон сайта, отредактируйте его и привлекайте клиентов.
Получить 200 руб