Как сделать лендинг самостоятельно на WordPress (создаем лендинг на примере ах-у-ели.рус)

--

Темы и плагины, которые я использую в видео:
1. Тема: Astra
2. Плагин конструктор страниц: Elementor
3. Плагин контактных форм: Contact Form 7
4. Плагин редиректа из контактной формы: Redirection for Contact Form 7
5. Плагин снипетов: Code Snippets Extended

--

Где брать бесплатные изображения для сайта:

--

Где дешево заказать логотип и фавикон для сайта:

--

Таймкоды:
0:00 - Начало ролика
0:45 - организационные моменты
3:18 - что потребуется для создания лендинга/сайта
5:23 - выбор и регистрация хостинга
8:14 - настройка хостинга перед созданием сайта
11:58 - выбор и регистрация доменного имени
18:05 - установка системы управления сайтом на наш сайт
21:49 - что такое темы и установка темы Astra
23:54 - что такое плагины и установка плагинов (elementor, contact form 7)
26:36 - подготовка к созданию лендинга (создание страницы)
27:50 - первый вход в Elementor и его настройка
29:24 - из каких блоков может состоять лендинг (примеры)
33:51 - создаем каркас лендинга
40:00 - настраиваем первый экран лендинга
55:15 - настраиваем второй экран (видео презентация)
1:01:45 - настраиваем блок "В чем выгода от консультаций"
1:15:20 - настраиваем блок "О нашей фирме в цифрах"
1:26:25 - настраиваем блок "Какие консультации мы оказываем"
1:38:19 - настраиваем блок "Что вы получите по завершению консультации"
1:45:31 - настраиваем блок "Реальные отзывы клиентов"
1:58:02 - настраиваем блок "Акции месяца"
2:09:45 - настраиваем блок "Наши партнеры"
2:14:29 - настраиваем блок "Наша книга за 14 990 руб"
2:19:56 - подключаем прием оплаты на своем лендинге/сайте
2:25:17 - настраиваем блок "Часто задаваемые вопросы"
2:35:56 - настраиваем блок "Заказать консультацию"
2:39:00 - настраиваем Contact form 7
2:42:06 - создаем "Якорную ссылку"
2:45:06 - настраиваем блок "Контакты"
2:51:45 - настраиваем "Подвал сайта"
2:56:45 - настраиваем версию для планшета
3:06:18 - настраиваем мобильную версию лендинга
3:11:36 - выставляем лендинг в качестве главной страницы
3:13:08 - установка и настройка Яндекс Метрики
3:17:58 - создаем страницу "Спасибо"
3:20:52 - установка и настройка плагина Redirection for Contact Form 7
3:23:40 - где дешево заказать логотип и фавикон
3:24:25 - заключение

--

Привет, в данном видео я расскажу, как создать лендинг самостоятельно с помощью WordPress и плагина Elementor.

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

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

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

[ПроОсанку]

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

[АнатолийПихтовников-ъц]

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

[clever]

Привет всем! Отличный материал! НО !!! В конце видео я видел кнопку НАВЕРХ САЙТА, а в ролике про это ни чё нету...можно в двух словах - куда копать???

[nicolol]

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

[nicolol]

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

[ОльгаВикторовна-вя]

Артем, спасибо за видео! Очень наглядно и с юмором.😁😁😁Подскажите, как можно вставить в Лендинг дату? Причем не сегодняшнюю, а завтрашнюю? Допустим лендинг приглашает на автовебинар, и он всегда будет начинаться на следующий день после регистрации. Баду очень признательна за ответ))

[nicolol]

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

[mrserone]

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