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

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

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

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

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

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

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

Проще всего заказать создание продающего сайта в компании, которая специализируется на таких работах. Обойдется это в 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 или система управления сайтом. Это программный комплекс, позволяющий создать любой сайт и настроить его в соответствии со своими потребностями.

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

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

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

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

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

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

Источник: http://p-business.ru/kak-samomu-sdelat-odnostranichnyj-sajt-dlya-prodazhi-tovara/

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

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

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

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

Из каких блоков собирать одностраничник?

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

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

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

Обратите внимание

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

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

  1. Первый экран, хедер – самая важная часть, которая содержит ключевые триггеры: логотип с названием фирмы, магазина, именем человека (автора коуча, например) и дескриптором (распродажа, 100% гарантия возврата денег и т. д.), крупный заголовок с УТП — уникальным торговым предложением («Продажа окон в Марьино — установка в подарок» или «бесплатная доставка»), контакт (обычно телефон), изображение, передающее тематику оффера (качественное, вызывающее интерес, доверие и, возможно, симпатию), форма захвата (отправка заявки, заказ звонка), анкорное меню для быстрого перемещения между блоками страницы. 
  2. Блок преимуществ вашей компании – буллиты о том, что вызовет доверие к вам как продавцу товара или поставщику услуг. Это может быть что-то вроде такого: 3 года на рынке, без 100% предоплаты, гарантия возврата средств в течение 14 дней, 3-х этапная проверка товара, цена от производителя, фирменная подарочная упаковка, увеличенная гарантия и т. д. Смотря о чём идёт речь. Буллиты нужно оформить внятным текстом с иконками, иллюстрирующими преимущество. Рядом можно поместить форму захвата заявок с оффером вроде «Получить бесплатную консультацию», «Перезвоните мне через минуту» или «Получить скидку» и т. д.
  3. Блок преимуществ товара или услуги – здесь нужно подать любые плюсы вашего товара как нечто выдающееся. Сделайте акцент на том, что получит клиент от товара/услуги, – какие выгоды, удобства. Например, купив профессиональную плойку, барышня сможет делать вещи, которые были доступны только в салонах красоты за дорого. Когда захочет. Купив палатку, можно отдыхать на природе с комфортом, независимо от погоды. Купив чехол за $10, iPhone за $1000 переживёт прямое столкновение с плиткой/асфальтом, выпав с высоты роста человека. И всё в таком духе – нужно 3-5 таких буллитов. Главное, чтобы клиенту казалось, что он получит намного больше, чем заплатит.
  4. Иллюстрации и видео с товаром – продающие изображения и видео, которые усилят желание посетителя приобрести товар. Обычно используются разные ракурсы либо сценарии в изображениях: сложенная в рюкзак палатка, разобранная и в поставленном виде, например. Видео должны быть позитивными и показывать практическую пользу от владения товаром либо заказа услуги.
  5. Аудитория товара/услуги – покажите образы тех, для кого предназначен ваш оффер: бизнесмены, подростки, дети, офисные работники, мамы или ещё кто-то. Заголовок вроде «Кому будет полезен наш … ?», а дальше изображения довольных людей либо список с иконками и короткой расшифровкой. Нужно, чтобы клиент узнал себя в одном из образов.
  6. Как мы работаем – пошаговая схема взаимодействия с клиентом. Например, заказ, оформление, доставка. Человек должен чётко представлять процесс – что произойдёт после подачи заявки или звонка. Предсказуемо, без сюрпризов и связанных с ними сомнений.
  7. Отзывы – в этом блоке должны закрываться различные возражения и даваться ответы на невысказанные пока что вопросы. То есть вы представляете, что в вашем оффере может вызывать сомнения, и пишите комментарии от имени «покупателей», в которых развеете все эти шероховатости. Например, такое: давно мечтал о такой палатке, она прочная, не порвалась, даже когда случайно провёл по ней шампуром, влазит в маленький рюкзак и почти ничего не весит. Количество отзывов зависит от того, сколько нюансов заметите у вашего товара, и от фантазии. Можно даже с ошибками писать – у некоторых это вызывает больше доверия. Но не переборщите с этим.
  8. Оплата, доставка, гарантия – важный блок, в котором необходимо подробно показать способы оплаты, доставки и условия гарантии на товар. 
  9. Таймер обратного отсчёта – используйте этот триггер для создания ощущения дефицита, можно также добавить триггер зачёркнутой цены для усиления эффекта. Например, купив до конца недели, получите скидку такую-то либо подарок. И рядом форма захвата на оставление заявки. 
  10. Цифры – различная статистика, которая может убедить посетителя купить товар. Например, 10 000 довольных клиентов за месяц, на 50% дольше срок службы товара благодаря чему-то там, экономия до 40% при заказе у нас и всё в таком духе. То есть опубликуйте числовые показатели, касающиеся характеристик товара/услуги либо вашей компании. Это нужно для иллюстрации преимуществ – многие люди цифры воспринимают лучше других форм доказательства.
  11. Карта – схема расположения вашего офиса либо филиалов. Либо даже не физический адрес, а география распространённости, популярности предлагаемого вами товара или бренда – карта мира с закрашенными областями или что-то похожее. В общем, карта чего-то уместного в вашем случае.
  12. Подвал – аккуратно собранные в одну кучу ваши контактные данные (адрес, телефон, почта, ОГРН/ИНН, если нужно) и кнопка заказа звонка.

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

Оформление одностраничника и коммерческий текст

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

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

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

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

Общие принципы написания коммерческого текста для посадочной страницы следующие:

  • Ценность свойств товара или услуги должна быть выше их стоимости – сделка должна казаться выгодной. Заплатил меньше – получил гораздо больше;
  • У покупателя должно сложиться по тексту впечатление, что товар что-то изменит в его жизни к лучшему – упростит, ускорит, сделает более стабильным и т. д.;
  • При формулировании ценности продукта нужно учитывать портрет среднестатистического представителя целевой аудитории. Ориентируйтесь на его запросы, закрывайте текстом сомнения, показывайте реалистичные выгоды, вытекающие из свойств товара и потребностей;
  • Текст не должен быть слишком пресным, пишите разнообразно – используйте интригу, где-то лёгкий юмор, можно даже припустить немного негатива для контраста;
  • Необходимый эффект от лендинга – немедленный заказ товара. Используйте барьеры, повышающие ценность предложения: временная скидка, распродажа до такого-то дня, подарок при покупке в определённое время. Всё это обычно стимулирует к действию.
Читайте также:  Что такое 4-ндфл для физических лиц

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

Техническая сторона создания одностраничника

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

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

У новичков вообще нет вариантов – всё остальное сложнее, просто не получится без знаний.

LPGenerator – лучший конструктор для создания одностраничных сайтов

Создать лендинг в LPGenerator

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

Панель управления в LPG отлично структурирована, содержит огромное количество ссылок и всяческих инструментов для оптимизации, анализа и настройки страниц. Сложной её можно назвать с натяжкой просто из-за большого объёма полезностей. По факту пользоваться удобно после освоения возможностей, на что потребуется 1-3 дня. 

Редактор страниц LPG напоминает адаптированный под задачу Photoshop – множество виджетов, блоков и средств для их преобразования в свободном порядке.

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

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

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

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

Воронки продаж с учётом источников трафика, CRM, встроенная панель управления контекстной рекламой и почтовыми рассылками, мониторинг статистики, интеграция сторонних приложений, гибкая настройка уведомлений (SMS поддерживаются), синхронизация с социальными сетями и управление группами, источниками трафика, A/B-тесты – очень много всего есть внутри. 

Аудитория LPGenerator 

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

Стоимость за 1 месяц при оплате сразу за год (на 30% дешевле помесячной оплаты):

  1. Базовый (558 рублей) – возможность подключения 1 домена, создание 3-х страниц, круглосуточная техподдержка.
  2. Продвинутый (1662 рубля) – 1 домен, создание 50 страниц для проведения тестов.
  3. Безлимитный (2799 рублей) – неограниченное количество доменов, страниц и входящего трафика, премиум-макеты, привязка доменной почты.
  4. Корпоративный, White Label (11011 рублей) – полностью безлимитный пакет, персональный брендинг на 15 клиентских аккаунтов, феноменальная техподдержка.

Лайфхак: на LPG работает кэшбэк 12.5% от LetyShops – почему бы и нет, профит же!

Плюсы:

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

Минусы:

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

uKit – самый доступный и удобный конструктор одностраничников

Создать лендинг в uKit

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

uKit идеален для тех, кто хочет быстро и недорого попробовать собрать конверсию – подучиться, обходясь малой кровью. Буквально за 1 вечер вы сделаете свою первую страницу лидогенерации. 15 минут на создание структуры, остальное время – на наполнение текстом, загрузку/компоновку изображений и всяческие настройки вроде подключения домена, аналитики, SEO, SSL, социалок и т. д.

Из коробки получаете пару десятков одностраничных шаблонов хорошего качества. Они собраны из готовых блоков визуального редактора и наполнены тематическим контентом. Можете выбрать любой и подогнать его под классическую структуру/оффер. Это самый рациональный вариант – что-то изначально будет как положено, что-то добавите либо уберёте. Это легко.

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

Источник: https://site-builders.ru/kak-sdelat-odnostranichnyj-sajt-dlja-prodazh

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

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

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

Прежде всего, давайте скачаем бесплатный 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 лет = )

До скорого!

Источник: http://novoseloff.tv/odnostranichnyj-sajt-dlya-prodazhi-tovara-besplatno/

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

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

Именно для этой цели создаются одностраничные сайты, посвященные конкретному продукту либо товарной группе. Чаще всего такие сайты называют «лендингами».

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

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

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

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

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

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

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

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

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

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

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

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

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

Совет

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

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

Лендинг – это одностраничный сайт, предназначенный для продажи какого-либо товара

Общие принципы одностраничника

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

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

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

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

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

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

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

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

Обратите внимание

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

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

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

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

Читайте также:  Выявлена недостача денежных средств в кассе

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

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

  1. Точное время доставки.
  2. Порядок возврата денежных средств в случае получения брака или потери посылки сотрудниками службы доставки.
  3. Количество экземпляров, хранящихся на складе.
  4. Сертификаты, подтверждающие качество товара.

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

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

Размытые формулировки в виде «непреодолимых возможностей» уже не вызывают у потребителей должной реакции.

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

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

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

Регистрация домена

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

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

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

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

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

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

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

Бесплатные конструкторы для создания одностраничника

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

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

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

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

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

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

Бесплатный конструктор позволяет создать полностью работоспособный сайт всего за несколько часов.

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

Выбранный конструктор должен предоставлять возможность использования следующих элементов:

  1. Выделение «шапки» сайта.
  2. Создание текстовых полей.
  3. Размещение фотографий, формы обратной связи и видеофайлов.
  4. Возможность создания блока с отзывами клиентов.
  5. Размещение формы для заказа товара и поля с контактной информацией.

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

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

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

Продвижение лендинга в сети интернет

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

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

Этот метод подразумевает размещение небольших рекламных блоков на сторонних сайтах с высоким трафиком.

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

Выводы (+ видео)

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

Источник: https://ktovbiznese.ru/biznes-plany/internet-i-kompyutery/kak-sdelat-odnostranichnyj-sajt-dlya-prodazhi-tovara.html

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

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

Совет

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

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

Источник: https://www.internet-technologies.ru/how-to-create-a-landing-page.html

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