Меню

Как бесплатно создать одностраничный сайт для продажи товаров бесплатно



Как создать одностраничный сайт

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

Суть всех landing page

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

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

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

Какие блоки использовать в одностраничнике

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

Хедер и футер

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

Раздел с УТП (преимущества, уникальное предложение)

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

Сертификаты, отзывы и регалии

Если пользователь продолжит просмотр веб-сайта, значит он ещё не уверен в покупке и задача владельца бизнеса убедить его в надежности товара/услуги/компании. Для этого используется блок с отзывами и (или) сертификатами. Потенциальный покупатель должен увидеть, что у компании есть отзывы, она получила сертификаты соответствия, имеет награды. Данная информация должно быть подтверждена, лучше всего подойдут сканы и скриншоты.

Порядок работы, схема взаимодействия.

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

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

Основные ошибки при разработке одностраничного сайта

Сайт наполнен обычным контентом . Довольно часто сделав качественный лендинг, контент-менеджер начинает наполнять его так же как обычный веб-сайт, добавляя объемные тексты в каждой блок, где предусмотрен вывод информации. Это неправильно! Лендинг содержит минимум информации, которая заключена в броских и продающих заголовках.

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

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

Одностраничный сайт имеет огромный скролл . В погоне за красочным оформлением своей лендинг-страницы, заказчики делают все больше и больше экранов, удлиняя зону скроллинга сайта. Это абсолютно бесполезное занятие, так как дальше 3 экрана смотрит менее 12% посетителей ледингов.

Одностраничный сайт рекламирует разные группы товаров или услуг . Типичная ошибка владельцев бизнеса, — это попытка показать весь ассортимент услуг/товаров на своем лендинге. Одностраничный сайт создан для одного типа товаров, или одного вида услуг. Добавление разных позиций вызовет только путаницу у посетителей.

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

Вывод

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

Читайте также:  Как скачать майнкрафт 1710 бесплатно на компьютер

Источник

Как создать одностраничный сайт (лендинг)

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

В этой статье мы расскажем, как легко и просто сделать такой сайт, что для этого потребуется, и сколько это стоит.

Что такое лендинг

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

Такой сайт содержит характеристики товара, описание его функциональных свойств и преимуществ, а также выгод от его покупки (уникальное торговое предложение) на одной-единственной странице. Пользователь может быстро просмотреть весь сайт и оформить заказ буквально в несколько кликов.

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

Самый простой способ создания лендинга

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

Это действительно просто, но очень дорого: сделать продающий сайт не сложно и самому, а помимо экономии денег вы получите бесценный опыт. И если в дальнейшем вам потребуется 5-10 таких сайтов, вы сможете создать их без каких-либо затруднений.

Бесплатные конструкторы сайтов

Как гласит народная мудрость: «Все бесплатное обходится дорого». И это действительно так.

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

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

Лучший вариант создания лендинга

Самый лучший способ создать одностраничный сайт для продажи товаров – сделать все самостоятельно.

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

Регистрируем домен (имя сайта)

В первую очередь нужно зарегистрировать домен – имя сайта, то есть адрес, по которому сайт будет доступен в интернете.

Обойдется домен в 99 — 200 рублей в год, а зарегистрировать его можно, например на сайте nic.ru.

Здесь вы сможете выбрать доменную зону (лучше всего *.ru – сайты этой доменной зоны выше ранжируются поисковой системой «Яндекс», что упрощает продвижение) и непосредственно доменное имя.

Лучше всего подобрать такое имя, которое будет соответствовать вашему товару.

Выбираем хостинг (место сайта)

Зарегистрировав домен, нужно выбрать хостинг – компанию, на серверах которой будет храниться ваш сайт.

Стоимость хостинга зависит от множества факторов – объема контента, посещаемости, дополнительных сервисов и функций.

Для обычного лендинга цена составит около 80 — 200 рублей в месяц.

Лучшие хостинги для сайтов

  • Timeweb.com (надёжный хостинг с дата-центром расположенным в Санкт-Петербурге);
  • Beget.com (один из лучших и надёжных);
  • Jino.ru;
  • hc.ru;
  • FastVPS.ru (лучший, если вы планируете рекламировать свой лендинг по телевизору и ожидается очень большой трафик);
  • hosting.reg.ru;
  • hostinger.ru;
  • hosting.nic.ru.

Создаем сайт на WordPress

В основе любого сайта лежит CMS или система управления сайтом. Это программный комплекс (программа, скрипт, движок сайта), позволяющий создать любой сайт и настроить его в соответствии со своими потребностями.

Одной из лучших CMS является ВордПресс (WordPress). Это простая и бесплатная платформа, имеющая множество плагинов, которые позволяют добавить на сайт различные функции.

Скачать дистрибутив программного комплекса можно на официальном сайте: ru.wordpress.org.

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

Продвигаем сайт в интернете

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

Куда более результативным будет использование тизерной рекламы (размещение привлекающих внимание рекламных блоков на ресурсах с высоким посещением), таргетированной рекламы (рекламной рассылки на базе выборки потенциальных покупателей по определенным признакам) и рекламы в социальных сетях (постов в популярных сообществах).

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

Понравилась статья? Поделитесь с друзьями:

Источник

Одностраничный сайт для продажи товара от А до Я

Давайте прямо здесь и сейчас сделаем классный одностраничный сайт для продажи товара (или товаров), которые у вас есть. Сделаем его бесплатно и своими руками, используя готовый шаблон. В конце прочтения этой статьи у вас будет готовый одностраничник, который можно запускать в работу. Погнали.

Содержание статьи:

Прежде всего, давайте скачаем бесплатный html шаблон одностраничника, из которого мы и сделаем наш сайт.

Бесплатный шаблон одностраничного сайта для товаров

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

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

Главные отличительные особенности этого лендинга под продажу товаров:

  • Есть место для большой картинки товара на главном экране;
  • Есть мини-каталог, чтобы вы там разместили несколько вариантов вашего товара;
  • Есть отдельные всплывающие окна с описанием товара и кнопкой “купить”;
  • Встроена и настроена форма обратной связи (в том числе “заказать звонок”);
  • Есть блок под акцию с настроенным “вечным” таймером обратного отсчета;
  • Универсальный дизайн шаблона позволяет использовать его для любого товара;
  • Он бесплатный = )

Если вы скачали шаблон, то давайте перейдем к его редактированию. И начнем с самого важного – первого экрана.

Как оформить главный экран одностраничника

Как я уже писал ранее в статье “Продающая структура лендинга из 9 блоков”, самая важная часть вашего одностраничного сайта – это первый экран. То есть это тот экран, который посетители видят при загрузке сайта.

Читайте также:  Как вызвать такси лидер с мтс бесплатно

Этот экран должен сразу дать ответы на главные вопросы:

  • Что мы продаем?
  • Почему это надо покупать именно у нас?
  • Как связаться с нами для того, чтобы это купить.

У нашего шаблона есть достаточно места для того, чтобы ответить на все эти вопросы. Вот, что нам надо поменять

  1. Заголовок с описанием товара
  2. Картинку с изображением товара
  3. Ключевые конкурентные преимущества (ККП)
  4. Номер телефона
  5. Адрес для отправки заявки и страницу переадресации

Давайте все это и проделаем.

Заголовок с описанием товара

Чтобы поменять заголовок с описанием товара – открываем файл index.html в папке с шаблоном. Открывать его лучше всего с помощью программы Notepad++ .

Менять нам надо только тот текст, который написан черным цветом. Прежде всего поменяйте заголовок страницы, который вставлен в тег . Сейчас там написано “Видеонаблюдение”. Меняем это на название вашего товара.

Далее нам надо поменять главный заголовок на самой странице. Сейчас у нас стоит “Готовые решение систем видеонаблюдения для дома, дачи, бизнеса” (строка 161 в файле).

Вот сюда нам и надо вписать название нашего товара. И у меня к вам огромная просьба – не надо лишнего креатива. Не надо изголяться и придумывать “интересные” описания. Ваши описания должны быть понятны даже при беглом просмотре.

А еще не надо усложнять описания “красивыми словами”. Возьмем хотя бы для примера заголовок, который стоит сейчас – “Готовые решения систем видеонаблюдения…” Почти все слова здесь лишние.

Понятно, что они готовые. И понятно, что это какие-то решения. То есть здесь описание очень перегружено ненужными словами. Можно просто оставить “Системы видеонаблюдения для…” Смысл от этого нисколько не изменится. Поэтому пишите максимально просто, чтобы сразу было понятно – что вы продаете.

Фразу “доставка по РФ бесплатно” можно оставить (если вы действительно доставляете бесплатно). Если же доставка у вас платная, то сделайте акцент на другом конкурентном преимуществе. Например – “Доставка по РФ за 48 часов”.

Теперь переходим к редактированию изображения товара.

Картинка с изображением товара

Вообще, изображение – очень важная продающая часть вашего одностраничника. Оно тоже отвечает на вопрос “что мы продаем”. При чем посетител в первую очередь увидит именно изображение, и только потом перейдет к чтению текстов.

Поэтому постарайтесь сделать так, чтобы картинка с вашим товаром была:

А. Понятная
Б. Красивая

Поскольку мы продаем какой-то товар, то здесь изображение подобрать не так сложно, как для какой-нибудь услуги. Поэтому не поленитесь это сделать. Меняем изображение мы в папке “images/header”. Там оно лежит под названием “cam.png”, и имеет размер 451х341 пикселя.

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

Ключевые конкурентные преимущества (КПП)

Теперь нам надо сесть и крепко подумать – что же мы укажем на главном экране в качестве наших ключевых конкурентных преимуществ. Подзаголовок типа “Продано более 100 экземпляров” можно оставить как есть. Пусть работает как “социальное доказательство” качества нашего товара.

Но вот все остальное надо обязательно заменить. Только, пожалуйста, не пишите “Быстро – Качественно – Недорого”. Вам надо написать такие преимущества, чтобы они выделяли вас на фоне конкурентов. А про “быстро – качественно” пишут все, кому не лень.

Вот для примера какие ККП можно написать:

  • Доставка по РФ в течение 48 часов
  • 100% возврат денег, если товар не подошел
  • 1500 моделей в наличие
  • Продажа напрямую от производителя
  • Сертификат качества ISO
  • Поставляем товар Кремлю и в Букингемский дворец
  • 25 лет на рынке
  • Государственная лицензия номер…

Все эти пункты отвечают на вопрос “почему надо покупать именно у нас”. То есть мы показываем свои неоспоримые преимущества перед конкурентами. И делать это надо тоже четко, кратко и убедительно. Никакие “непреодолимые возможности”, конечно, не убедят посетителей в нашей уникальности.

Форма заказа

И теперь пришло время для того, чтобы ответить на последний вопрос – как с нами связаться, чтобы оформить заказ. Для этого нам надо отредактировать номер телефона и настроить форму отправки заявки.

Телефон меняется просто, вот здесь:

Форма отправки заявки редактируется в отдельном файле – “sendMessage.php”. Откройте его с помощью все той же программы Notepad++, и впишите два изменения. Первое – это укажите ваш почтовый адрес для отправки вместо “test@yandex.ru” на строке номер 9.

Второе – это замените страницу переадресации после отправки заявки. Это вы сможете сделать после того, как загрузите готовый одностраничник к себе на хостинг. Сейчас там стоит просто “index.html” (строка 36).

В результате после отправки будет появляться окно “Спасибо за заявку, мы скоро с вами свяжемся”. А через три секунды страница перезагрузится и переадресуется на страницу 404.

Вот чтобы такого не было – впишите туда полный url адрес вашего одностраничника. У меня это сейчас https://novoseloff.tv/page/index.html. Именно туда у меня и настроена переадресация. Попробуйте отправить заявку со странички , и вы увидите, как это работает.

Радует, что в данном шаблоне все формы заявки по всему лендингу настраиваются в одном месте. То есть вам не надо будет повторять все эти действия и для “обратного звонка” и для “заказа по акции”. Просто один раз редактируете “sendMessage.php”.

Блок “Акция” и таймер

Мы разобрались с главным экраном, и теперь переходим к редактированию других элементов. Второй экран – это блок с акцией. Акция призвана мотивировать людей делать заказ прямо сейчас, а не откладывать это на неопределенное время.

В нашем шаблоне сейчас стоит призыв привести друга и получить за это деньги.

На мой взгляд, это не самый удачный вариант акции. Во-первых, мало ком понравится идея продавать ваши товары своим друзьям за деньги. А во-вторых, нет того, ради чего все затевалось – мотивации оформить заказ прямо сейчас.

Читайте также:  Как бесплатно получить вип в аватарии на 500 дней ответ есть

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

Кстати, на счет таймера. Его можно оставить так, как он есть. Тут задано время 24 часа. Сомневаюсь, что кто-то будет сидеть у вас на лендинге целые сутки и ждать, что случится, когда истечет время (а после истечения времени таймер просто обновится и отчет пойдет снова).

Но если очень захочется отредактировать параметры таймера – делается это в файле “js/jquery.countdown.js”.

Возвращаясь к вариантам акции – вот, что можно использовать:

  • Подарок за оформление заказа прямо сейчас
  • Специальная скидка
  • Специальные условия (бесплатная доставка, расширенная гарантия)
  • 2 по цене 1
  • и прочее

Текст блока “акция” редактируется в том же index.html, вот здесь (строки 181 – 194):

А после блока акции переходим к мини-каталогу товаров.

Мини-каталог товаров

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

Конечно, теоретически можно делать отельную страничку под каждую позицию вашего товара. Но практически вы с ума сойдете делать столько лендингов. Да и люди не так часто ищут какие-то конкретные модели. Они вводят в Яндекс просто “системы видеонаблюдения купить”, и дальше выбирают уже на сайте.

Хорошо, что в нашем шаблоне одностраничника место для каталога как раз предусмотрено. И сделано это довольно элегантно. Подробное описание товара всплывает по нажатию кнопки “подробнее”, в отдельном окне. А значит описание не будет занимать драгоценное место на лендинге.

Кроме того, есть место для большой картинки. Его можно использовать для того, чтобы поставить большое и привлекательное изображение, либо добавить УТП к каждой отдельной позиции товара. Обратите внимание, например, на надпись в красной рамке “Выбор программы Квартирный вопрос”.

Она создает впечатление, что именно ваша компания – выбор программы. А это очень сильное конкурентное преимущество. Подумайте, может и ваш товар стал “выбором” какой-нибудь независимой проверяющей группы.

Изображения товаров редактируются в папке “images/goods”.

Как и в случае с изображением на главной странице – подбирайте картинки такого же размера, и давайте им такие же названия, а потом заменяйте оригинальные изображения в папке. Это избавит от лишнего копания в коде html.

Подробные описания товаров редактируются вот здесь, под надписью “Модальные окна подробнее” (начиная со строки 409):

И да, вы можете удалить или добавить позиции товаров. если их у вас больше или меньше, чем в нашем шаблоне. Главное – сначала сохраните куда-нибудь резервную копию документа, чтобы быстро все восстановить, если случайно что-нибудь “поломаете”.

Раздел “Почему выбирают нас”

Это еще один блок одностраничника, в котором мы дополнительно дожимаем тех, кто еще не оформил заказ. Состоит он из двух блоков. Первый – это “с какими проблемами сталкиваются 95% покупателей”. Второй – это зеркальный блок “Почему выбирают нас”.

Обратите внимание на две важные вещи в этом блоке. Во-первых, эти два подблока действительно должны зеркалить друг друга. Если в первом вы пишите “Завышение цен из-за перекупщиков”, то во втором должны написать “Работаем напрямую от производителя, без посредников”.

Второе – это простота языка. Это встречается очень редко, но тут уже в шаблоне написано очень хорошо. Например – “80% предложений на рынке – посредники. И посредники посредников. Делают наценку 200-300%…” Постарайтесь писать так же просто и емко, как будто вы просто разговариваете со своим добрым знакомым.

Что касается технической части, то редактируются эти разделы в том же самом index.html, вот здесь (начиная со строки 306):

Прочие разделы одностраничника

Теперь у нас остались только разделы с сертификатами и отзывами. На место сертификатов можно вставить просто сканы ваших уставных документов (ОГРН, ИНН). Даже если у вас нет никаких специальных сертификатов и лицензий – официальные документы вызовут дополнительное доверие.

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

Но опять-таки почти на всех одностраничных сайтах есть отзывы со счастливыми лицами клиентов. Если бы одни и те же лица не повторялись так часто на разных лендингах, то еще полбеды.

Но в последнее время я начал замечать, что отзывы работают в обратную сторону. Люди не верят отзывам. И если они видят фальшивые отзывы, но начинают подозревать, что и все остальное, что написано на одностраничнике – неправда (хотя все остальное как раз может быть чистой правдой).

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

Запуск одностраничника в работу

Теперь, когда у вас есть готовый лендинг пейдж под продажу товаров – загружайте его к себе на сайт. Если у вас еще нет домена и хостинга – приобретите их, например вот здесь . А дальше просто загружайте всю папку на хостинг (не забудьте указать страницу переадресации в файле sendMessage.php). Кстати, расширение у файла “index.html” после загрузки моно поменять на .php. Тогда адрес ваши страницы будет более коротким и красивым – “http://yourdomain/page/”

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

Сохраните эту статью в закладки, чтобы не потерять. Не забудьте скачать мою книгу «Автостопом к миллиону». Там я показываю вам самый быстрый путь с нуля до первого миллиона в интернете (выжимка из личного опыта за 10 лет = )

Источник