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

Как бесплатно создать одностраничный продающий сайт самому

Что выбрать одностраничный или полноценный сайт

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

]

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

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

Как продвигать одностраничный сайт

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

После создания одностраничного продающего сайт привлечь на него людей можно при помощи таких способов:

  • контекстная реклама;
  • тизеры;
  • социальные сети благодаря постам в сообществах;
  • таргетинованная реклама;
  • спам и рассылка.

Как же создать одностраничный продающий сайт (лендинг пейдж) самому бесплатно

Есть два способа:

  1. С помощью программ для создания сайта.
  2. С помощью простых сервисов для создания лендинг пейдж.

Не забудь что есть еще и платные способы: c помощью вебстудий или фрилансеров. Но это уже другая история.

Создание одностраничного сайта с помощью программ

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

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

Общий план создания лендинга следующий:

  1. Открыв программу, на чистом листе по центру нажать правой кнопкой мыши и выбрать пункт «Свойства». Для того чтобы создать лендинг пейдж бесплатно, в открывшемся окне нужно перейти к строчке «Мета Теги» и прописать заголовок, автора, ключевые слова, а также описание. Заголовок будет виден в открывшемся браузере за иконкой фавикон, поэтому в это поле необходимо вписать название вашего сайта или название вашего товара или услуги. Это первый шаг к тому, чтобы создать лендинг пейдж самому.
  2. В следующем пункте «Фон» поставить галочку напротив «Фон рисунка» и выбрать фон для вашего одностраничного сайта.
  3. В пункте «Вид» поставить выравнивание по центру. Очень важно выбрать кодировку UTF-8. И нажать Ок. Чтобы правильно создать одностраничный продающий сайт, необходимо четко следовать всем инструкциям.
  4. Чтобы вставить картинку, нажать «Вставить» и выбрать изображение.
  5. Вставить форму подписки при помощи HTML-кода. Можно воспользоваться сервисом smartresponder, благодаря которому можно создать свою базу подписчиков. Сначала нужно зарегистрироваться на их сайте, а затем в разделе «Формы/Новый генератор форм подписки» создать и настроить желаемую форму подписки. Но перед этим вам необходимо создать новую рассылку. Как видите, чтобы создать одностраничный продающий сайт, нужно просто тщательно разобраться в настройках.
  6. Нажать внизу страницы «Получить HTML код», скопировать и затем уже в программе Web Page Maker перейти в раздел «Вставить/Html-код или скрипт-код». Для того чтобы создать одностраничный продающий сайт, необходимо вставить скопированный код.
  7. Вставить тексты и рамки можно в разделе «Вставка/Текст», в этом меню редактируется все текстовое наполнение сайта.
  8. Затем нажать Сохранить и перейти в раздел «Файл/Экспорт HTML».
  9. В папке, в которую вы все сохраняли, открыть файл Index.html и отредактировать его при помощи программы «Notepad++». На файле Index.html кликнуть правой кнопкой и выбрать Edit with Notepad++.
  10. Чтобы преобразовать все в русский текст, нужно выбрать “Кодировки/Преобразовать в UTF-8 без BOM” и сохранить. Вот вы уже знаете как создать одностраничный продающий сайт самостоятельно.
  11. Последним шагом будет сохранить все файлы на хостинге.

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

Какая платформа для сайта лучше

Первое, с чем сталкивается человек при создании сайта – это выбор той или иной платформы. Естественно, от окончательного выбора зависит многое. Рассмотрим основные особенности наиболее распространённых платформ.

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

К положительным сторонам можно смело отнести следующее:

  1. Стандартные шаблоны, высокого качества.
  2. Функциональность.
  3. Осуществление SEO-оптимизации и дальнейшего продвижения сайта в поисковых системах.
  4. Простой и достаточно понятный интерфейс. Даже новичку, который не имеет каких-либо специальных навыков, будет несложно освоить сервис.
  5. Сервис успешно «дружит» с социальными сетями, что позволяет привлечь дополнительных посетителей.
  6. Поддержка пользователей, внушительное количество полезной обучающей информации.

К явным минусам относят:

  1. Громоздкое доменное имя, которое возможно изменить только после покупки премиум-аккаунта.
  2. Нет возможности просматривать статистику и отслеживать активность пользователей.
  3. Минус, который характерен для всех бесплатных конструкторов – это наличие сторонней рекламы.
  4. Маленький объём памяти, которая доступна для хранения файлов.
  5. При работе с шаблоном требуется большой объём оперативной памяти, что иногда значительно осложняет процесс работы.

]

WordPress

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

При этом одностаничники получаются тут ничем не хуже. Главными достоинствами подобной системы являются:

  1. В первую очередь нужно выделить тщательно продуманную структуру. Уже с самого начала пользователь получает достаточно эффективную оптимизацию для поисковых систем. Фактически вносить какие-либо серьёзные правки в стандартный шаблон не требуется.
  2. Немаловажным достоинством является удобный и интуитивно понятный интерфейс. Это одна из основных причин высокой популярности сервиса. Любой начинающий пользователь сможет создать тут весьма достойный сайт для своего бизнеса.
  3. В связи с большой популярностью системы не будет проблемой найти информацию по созданию сайтов на платформе.
  4. Не обошлось и без недостатков, они перечислены ниже:
  5. Сервис требует серьёзных ресурсов от хостинга, поэтому при его выборе нужно быть внимательным.
  6. К недостаткам также относится уровень безопасности площадки. К сожалению, она является уязвимой для взломщиков, хотя специалисты и работаю в этом направлении серьёзных результатов, как показывает практика – нет.

Bitrix

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

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

  1. Сервис достаточно требователен к хостингу, сэкономить на данном пункте не получится точно. Выбирая Битрикс в качестве платформы нужно быть готовым к тому, что для корректной работы потребуется оплатить специальный тариф на хостинге.
  2. Стоимость. Цена на услуги гораздо дороже чем у аналогичных платформ, с одной стороны, за качество приходится платить, но по мнению многих пользователей, цена всё же завышена.
  3. Системные требования. Платформа работает медленно и её можно даже назвать «тормознутой». Работать с масштабными проектами на нём бывает сложно.

Другие платформы

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

Рассмотрим несколько примеров:

  1. Ucoz. Распространённая платформа для создания сайтов. Она популярна среди новичков и любителей. Отличительной особенностью является большое количество разнообразных стандартных шаблонов. К недостаткам можно отнести низкое удобство интерфейса и обязательное размещение назойливой рекламы.
  2. Setup.ru.Сервис, который подходит для ведения коммерческого интернет-магазина, именно в этом направлении сервис даёт наибольшие возможности. К неоспоримым преимуществам относят огромное количество готовых решений. Также выделяются отличные условия для развития коммерческой составляющей.

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

Карта сайта представляет собой своеобразный каталог всех разделов сайта с краткой информацией о содержимом.

Существуют критерии, на которые следует опираться при разработке карты сайта:

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

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

]

Бесплатное создание лендинга с помощью сервиса или конструктора

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

  • Пример лендинга созданном на этом конструкторе здесь .
  • Инструкция по пользованию этим конструктором здесь.
  • Создание и выгрузка файлов сайта для размещения на хостинге БЕСПЛАТНО.

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

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

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

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

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

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

Самый простой способ

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

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

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

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

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

Лучший вариант

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

Регистрируем домен

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

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

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

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

Хороший хостинг вы найдете здесь:

  • masterhost.ru (Один из лучших);
  • beget.com;
  • hc.ru;
  • hosting.reg.ru;
  • hostinger.ru;
  • hosting.nic.ru.

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

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

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

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

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

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

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

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

Читайте также:  Как открыть интернет магазин по дропшиппингу

Видео по теме:

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

Как работают одностраничные сайты по продаже товаров

1 мин

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

Лэндинг пейдж для продажи товаров

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

Приобретая рекламные посты в тематических сообществах, смотрите на тематику и статистику сообщества. Таргетированная, тизерная и контекстная реклама платная. Исключение составляет спам.

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

Правила, в соответствии с которыми создаётся идеальный продающий сайт

  1. Все изображения надо разместить продуманно. Идеальный лендинг пейдж содержит настоящие, а не стоковые фото. Так увеличивается лимит доверия у потенциальных покупателей. Изображение вызывает у людей эмоции, которые должны быть положительными. Пример: сначала тщательно продумайте идею, почему потенциальный клиент выберет этот продукт, почему это выгодно и в соответствии с этим подбирайте картинку.
  2. Избавьте покупателей от необходимости делать выбор. Множество решений за непродолжительный период утомляет. Постарайтесь подтолкнуть человека к нужному решению, то есть сделайте выбор за него, но ненавязчиво.
  3. Идеальный одностраничный сайт обязательно включает в себя знакомство с сотрудниками компании. Подобный шаг повысит доверие к вам, и как следствие, увеличит продажи продуктов через интернет.
  4. Стоит продемонстрировать результат использования продаваемого продукта. Людьми правят эмоции, поэтому пришедшие на лендинг пейдж люди должны почувствовать эффект от обладания предметом.
  5. Социальное доказательство успешно работает: увидев, что товаром воспользовались двести человек и имеются положительные отзывы (как пример, самые лучшие) о продукте, желание купить его возрастёт.
  6. Призыв к действию оформляют так, чтобы его можно было легко найти. Вряд ли у посетителей возникнет желание его искать.
  7. Визуализируйте процесс с помощью демонстрации этапов работы.
  8. Цена должна быть указана. Покупателей в первую очередь интересует цена товара, потому замалчивать её нецелесообразно. Пример: человек попал на одностраничник, продающийся здесь товар ему нужен, но его стоимость неизвестна. Он начинает звонить, писать, ему начинают звонить и писать. В результате цена выясняется, и она не устраивает клиента. Результат: впустую потраченные нервы и время, а возможно, и деньги.
  9. Идеальный лендинг пейдж имеет счётчик, который подтолкнёт посетителя сайта сделать покупку здесь и сейчас, а не пойти искать нужный продукт куда-то ещё.
  10. Показав местоположение компании, вы повысите доверие клиентов.
  11. Ничто на сайте не должно отвлекать посетителя от главной цели – продажи товара.

Товары для продающих сайтов дропшиппинг

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

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

Товары для продающего одностраничного сайта

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

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

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

ТОП купонных сервисов

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

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

Groupon.ru

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

Kupikupon.ru

Нужно зарегистрироваться на сервисе и выбрать товар, входящий в ТОП наиболее популярных (пример: определённый брэнд часов). Его вы сможете разместить для продажи на одностраничнике.

Vigoda.ru

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

Livingsocial.com

Если продающий сайт создаётся для российского потребителя, то проанализируйте менталитет жителей СНГ и рассудите здраво, будет ли продаваемая вещь так же востребована у вас.

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

Amazon.com

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

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

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

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

Одностраничные сайты дропшиппинг с нуля до миллиона

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

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

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

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

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

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

Прежде всего, давайте скачаем бесплатный 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 адрес вашего одностраничника. У меня это сейчас http://novoseloff.tv/page/index.html. Именно туда у меня и настроена переадресация. Попробуйте отправить заявку со странички , и вы увидите, как это работает.

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

Блок «Акция» и таймер

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

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

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

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

Кстати, на счет таймера. Его можно оставить так, как он есть. Тут задано время 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 лет = )

Создание одностраничных сайтов для продажи товара

Не так давно, в сети интернет набрали свою популярность “Landing Pages”. Это простые, одностраничные продающие сайты, на которых располагается ключевая информация о товаре или услуге. Предприниматели, которые используют LP в своем бизнесе, автоматически опережают конкурентов на шаг. Создать одностраничный интернет-магазин можно несколькими способами:

• Поручить реализацию проекта профессионалам, но минус в том, что этот способ требует затрат.

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

• Сделать его на основе удобного шаблона. Компания A5.ru предлагает создать одностраничный сайт на конструкторе.

Создать сайт можно за 1 час

Почему мы?

На нашем конструкторе уже создано 1 000 000 сайтов. Вот некоторые из них:

Сколько это стоит

Почему стоит довериться A5.ru

Прежде всего стоит отметить, что наша компания работает более восьми лет и за это время с нами поработало более одного миллиона человек. На нашем счету более двух миллионов успешных онлайн-проектов. Мы предлагаем сделать одностраничный сайт самостоятельно, без навыков в сайтостроении. Большой выбор готовых, коммерческих шаблонов с адаптивной версткой, поможет Вам сэкономить деньги на дизайнере. Простой и понятный интерфейс конструктора, в котором содержатся подсказки, даст возможность отказаться от услуг программиста. Также возможна SEO-оптимизация сайта под поисковые системы Яндекс и Google (данную услугу можно заказать у наших специалистов). Команда A5.ru постоянно наполняет блог актуальными статьями, изучение которых поможет сделать онлайн-площадку еще более качественной.

Лояльные условия сотрудничества

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

Четыре тарифа, каждый из которых имеет свои “плюшки”. К примеру, если выберите тариф “Business” – получаете в подарок домен в зоне RU/COM на 1 год.

Качественный хостинг расположенный на серверах Европы и России.

Более 50 способов оплаты.

Апдейты и нововведения в функционал инструмента.

Техническая поддержка из настоящих специалистов, а не роботов.

Думаю, мы Вас убедили, что создать одностраничный сайт для продажи товара бесплатно с помощью A5.ru – это правильное решение. Начните прямо сейчас, не стоит медлить!

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

Настоящая Политика конфиденциальности персональной информации (далее — Политика) действует в отношении всей информации, которую ООО “Сайтмаркет” (далее – Поставщик) может получить о пользователе во время использования им любого из сайтов Поставщика (далее — Сайты). Использование Сайтов означает безоговорочное согласие пользователя с настоящей Политикой и указанными в ней условиями обработки его персональной информации. В случае несогласия с этими условиями пользователь должен воздержаться от использования Сайтов.

1. В рамках настоящей Политики под «персональной информацией пользователя» понимается персональная информация, которую пользователь предоставляет о себе самостоятельно при регистрации (создании учётной записи) или в процессе использования Сайта, включая персональные данные пользователя.

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

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

4. В отношении персональной информации пользователя сохраняется ее конфиденциальность. Поставщик вправе передать персональную информацию пользователя третьим лицам только для улучшения оказания услуг пользователю.

5. При обработке персональных данных пользователей Поставщик руководствуется Федеральным законом РФ «О персональных данных».

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

7. Для удаления своего аккаунта пользователь может воспользоваться функцией «Отписаться от рассылки», содержащейся в каждом электронном письме, направляемом Поставщиком пользователю, либо отправить запрос на электронную почту Поставщика support@a5.ru . Также пользователь должен очистить cookie и кэш браузера.

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

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

Создаем одностраничный продающий сайт (landing page) в Wix

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

Общие принципы лендинга

Понять, что такое лендинг (landing page), несложно: достаточно представить себе коммерческое предложение в интернете, в котором все характеристики товара, его преимущества, описание, выгода и покупательский функционал выложены на одной странице.

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

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

Повышение конверсии продаж одностраничника (landing page)

Основные принципы хорошего продающего сайта просты. Лендинг пейдж должен:

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

Форматирование текста

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

Содержание коммерческого текста

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

Джон Кеннеди в своей книге « Продающее Письмо » раскрывает некоторые тезисы коммерческих приемов в тексте:

  • текст должен вызывать ощущение, что приобретение товара каким-то образом изменит жизнь потребителя к лучшему, сделает ее легче, какие-то процессы оперативнее, и т.д.;
  • стоимость товара должна быть ниже ценности его свойств, то есть, покупатель должен ощущать, что, выплачивая энную сумму, он в результате приобретает больше;
  • текст и дизайн необходимо ориентировать на запросы целевой аудитории, для чего формируется усредненный потребительский портрет, и вычисляются его запросы;
  • текст должен в равной мере удовлетворять запросам людей разных темпераментов, предоставляя и реальные факты, и эмоциональные речевые элементы ( так называемые «горячие когниции» );
  • в тексте должны присутствовать элементы, пробуждающие интерес к чтению: интрига, юмор, и даже негативные моменты;
  • текст обязательно должен побуждать к совершению покупки немедленно, для чего используются временные барьеры: ограниченное время скидки, акции и подарки в определенное время и т.д.;
  • продающая графика, иллюстрации и фотографии – элементы, способные вызывать эмоции, поэтому они обязательно должны присутствовать в коммерческих текстах.

Создание одностраничного сайта в конструкторе Wix

Вниманию тех, кто хочет собственноручно создать landing page (целевую страницу), предлагается немало онлайн-конструкторов. Одним из них является конструктор сайтов wix . Рассмотрим, как сделать с его помощью одностраничный сайт, не имея при этом навыков программирования, и не зная HTML. В качестве примера рассмотрим процесс создания лендинга для продажи экономителя топлива FuelFree.

При переходе на главную страницу онлайн-конструктора wix , вы увидите простой и ничем не перегруженный интерфейс. Система предлагает начать создание landing page без необходимости изучения каких-то сложных инструкций и рекомендаций. Просто нажмите кнопку « Создать сайт », введите регистрационные данные, и можно приступать к работе.

При желании, прокрутив окно вниз, вы можете ознакомиться с особенностями конструктора, его преимуществами и т.д. Не будем останавливаться на этом, а приступим к созданию landing page с нуля.

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

Чтобы выбрать « основу » для создаваемого нами одностраничника, выберите в списке пункт « Одностраничные »-« Лендинг »:

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


После выбора шаблона для лендинга вы попадаете в редактор, где и будет вестись работа над сайтом. Прежде, чем приступить к процессу создания landing page, можно посмотреть краткое видео, объясняющее порядок работы с системой:

Работа над одностраничным сайтом в Wix ведется в удобном визуальном редакторе. Выбранный шаблон представляется здесь в виде набора элементов (картинки, текстовые поля, формы, кнопки и т.д.). В левой части окна размещается меню для работы с создаваемым сайтом и его элементами. Кратко рассмотрим назначение каждого из его пунктов.

  1. Пункт « Страницы ». Предназначен для работы со страницами сайта ( добавление, удаление, настройка отображения и т.д. );
  2. Пункт « Дизайн ». Здесь вы найдете инструменты, необходимые для работы с дизайном сайта. Для удобства они распределены по подгруппам для работы с фоном, цветовыми схемами, шрифтами и т.д.;
  3. « Добавить ». При помощи этого пункта вы сможете добавить на свой одностраничник различные элементы: текстовые поля, кнопки, различные формы. Библиотека конструктора содержит просто огромный выбор подобных элементов.
  4. « App Market ». Это собственный магазин приложений и полезных дополнений для сайта. Здесь вы можете найти массу платных и бесплатных приложений для веб-ресурса ( виджеты погоды, торговые приложения и т.д. );
  5. « Настройки ». При помощи данного пункта вы сможете настроить различные параметры создаваемой landing page ( SEO, работа со статистическими данными, социальные настройки и т.д. ).

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

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

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

Итак, для начала изменим фоновое изображение выбранного шаблона на заранее подготовленное для нашего одностаничника. Для этого кликнем по нему левой кнопкой мыши ( при этом картинка подсветится голубой рамкой ) и выберите пункт « Заменить фото »:

Далее конструктор предложит выбрать подходящий вариант из своей библиотеки ( она, кстати, немаленькая, и это касается всех элементов, предлагаемых конструктором ), или загрузить свой. Чтобы добавить подготовленный заранее графический элемент, нажмите в появившемся окне кнопку « Загрузить фото » и укажите путь к своему изображению:

Поклонникам социальных сетей придется по вкусу возможность добавления в конструктор фото из своих аккаунтов в них. На данный момент Wix поддерживает такую возможность для Facebook , Flickr , Instagram и Picasa .

После добавления изображения в систему оно сохраняется в папке « Мои фото ». Чтобы установить его в качестве фона, кликните по изображению левой кнопкой мыши и нажмите кнопку « Изменить фон »:


После этого получаем:

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

Теперь у нас получилась целевая страница с тематическим фоновым изображением, без лишнего элемента из « родительского » шаблона:

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

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

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

Текстовое поле с заголовком « Будущее в твоих руках » переделаем под наш одностраничник. Для этого перетянем его немного вверх ( кликнем левой кнопкой мыши, и, удерживая элемент, перетащим его на новое место ), и изменим стиль. Для редактирования надписи используем пункт « Редактировать текст », кликнув по ней левой кнопкой мыши, после чего появится окошко, по функционалу похожее на MS Word :

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

В результате получим:

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


Изначально они предназначены для размещения ссылок. Можете их убрать, или « повесить » какие-то свои линки. Если все оставить как есть, на лендинге появятся битые ссылки, что не очень хорошо для продвижения.

Работа с медиа-элементами

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

Итак, удалив кнопку « Скачать приложение », перейдите в пункт « Добавить » и выберите в нем «Кнопки и меню»:

Кликните по пункту « Кнопка » и новый элемент появится на странице. Вы можете изменить размер кнопки и перетащить ее в нужное место:

Чтобы изменить настройки кнопки ( добавить ссылку, поменять надпись, цвет и т.д. ) кликните по ней левой кнопкой мыши и выберите пункт « Настройки ». Здесь введите текст, который будет отображаться на данном элементе, а также укажите ссылку, куда будет вести кнопка. Также в открывшемся окне вы можете изменить цветовое оформление кнопки и множество других параметров:

Что касается ссылки, вы можете выбрать один из нескольких вариантов:

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

После добавления якоря перетащите его в нужное место, и выберите его название в меню редактирования кнопки:


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


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

Публикация сайта и настройки SEO

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

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

СОВЕТ . Если на вашем сайте будет несколько страниц, настроить SEO-параметры вы сможете для каждой из них. Делается это при переходе в пункт меню «Страницы»:

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

Платные тарифы для успешной работы вашего лендинга

Мы рассмотрели, как создать одностраничный сайт бесплатно в конструкторе Wix . Однако, чтобы ваш ресурс успешно продвигался и вызывал больше доверия у клиентов ( на бесплатном тарифе на нем присутствует реклама ), целесообразно перейти на платный тариф. Для этого перейдите в личный кабинет и выберите пункт « Upgrade » для соответствующего сайта:

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

  • возможность подключения своего домена или бесплатно предоставленного системой;
  • использование favicon для сайта;
  • подключение статистики;
  • хостинг от Wix и т.д.

Плюсы и минусы Wix

Итак, создав landing page в данном конструкторе, можно выделить следующие его преимущества:

  • простота работы: разобраться с Wix может любой пользователь;
  • солидная встроенная библиотека различных медиа-элементов и графических файлов;
  • возможность настройки SEO-параметров для продвижения сайта;
  • неплохой выбор платных тарифов.

Что касается недостатков, то в данной ценовой категории их просто нет.

Вывод

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

Ссылка на основную публикацию