---
title: Видео урок по Joomla 4 (часть 5). Пошаговая инструкция по созданию бесплатного сайта
description: Бесплатная пошаговая видео инструкция по самостоятельному созданию сайта с нуля на Joomla 4: разработка страницы «Контакты», настройка формы обратной связи
canonical_url: https://aleksius.com/joomla/razrabotka-sajta-na-joomla-4
language: ru-RU
date: 2023-11-11T06:19:43Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/razrabotka-sajta-na-joomla-4.
markdown-tokens: 1570
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/razrabotka-sajta-na-joomla-4. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.


 [ ![Aleksius.com](https://aleksius.com/images/sluzhebnye/aleksius-com-logotip-ua.png) ![Aleksius.com](https://aleksius.com/images/sluzhebnye/aleksius-com-logotip-ua-mobile.png)](https://aleksius.com/)

 

 

 

 

 

  ## Joomla

1. 
2. [Главная](https://aleksius.com/)
3. [Joomla](https://aleksius.com/joomla)
4. Видео урок по Joomla 4 (часть 5). Пошаговая инструкция по созданию бесплатного сайта
 
 









  Featured

#  Видео урок по Joomla 4 (часть 5). Пошаговая инструкция по созданию бесплатного сайта 

- [Видео урок](https://aleksius.com/joomla/razrabotka-sajta-na-joomla-4#video-urok "Видео урок").
- [Ссылки и расширения из видео урока](https://aleksius.com/joomla/razrabotka-sajta-na-joomla-4#ssylki-i-rasshireniya-iz-video-uroka "Ссылки и расширения из видео урока").
 
**Информация почти полностью актуальна для Joomla 5 (примечание добавлено 21.10.2023).**

## <a id="video-urok"></a>Видео урок

- Обновление c Joomla 4.0.5. до 4.0.6 – 00:00:52.
- Создание страницы контактов – 00:06:36.
- Карта Google – 00:12:57.
- Форма обратной связи в подвале – 00:15:15, 00:34:06.
- Настройка почты в Joomla 4 – 00:22:50.
- Отправка писем через Gmail – 00:24:46.
- Отправка писем через Яндекс почту – 00:29:22.
- Отправка писем через Почту Mail.ru – 00:30:39.
 
## <a id="ssylki-i-rasshireniya-iz-video-uroka"></a>Ссылки и расширения из видео урока

- [Цикл видео уроков по самостоятельному созданию сайта с нуля на Joomla 4](https://aleksius.com/video-uroki-po-joomla-4 "Видео уроки по Joomla 4").
- [Предыдущее видео](https://aleksius.com/joomla/sozdanie-sajta-na-dzhumle-4 "Видео урок по Joomla 4 (часть 4). Бесплатное пошаговое создание сайтов").
- «[Когда, зачем и как нужно обновлять сайт. На примере Joomla](https://aleksius.com/joomla/zachem-obnovlyat-sajt "Когда, зачем и как нужно обновлять сайт. На примере Joomla")».
- [Скачать Joomla или посмотреть примечания по новой версии](https://downloads.joomla.org/ "Download Joomla CMS It's 100% free!").
- «[Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta "Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4")».
- [Бесплатная форма обратной связи RSContact](https://www.rsjoomla.com/joomla-extensions/joomla-contact-form.html "FREE Joomla! Contact Form Creator").
- [Русификатор RSContact](https://aleksius.com/joomla/rusifikatory/rusifikator-rscontact "Русификатор RSContact").
- [Настройки SMTP для Gmail](https://support.google.com/mail/answer/7126229?hl=ru#zippy=%2C%D1%88%D0%B0%D0%B3-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D0%B5-smtp-%D0%B8-%D0%B4%D1%80%D1%83%D0%B3%D0%B8%D0%B5-%D0%BF%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80%D1%8B-%D0%B2-%D0%BA%D0%BB%D0%B8%D0%B5%D0%BD%D1%82%D0%B5 "Как настроить доступ к Gmail в сторонних почтовых клиентах").
- [Настройки SMTP для Яндекс Почты](https://yandex.ru/support/mail/mail-clients/others.html#smtpsetting "Настроить только отправку по протоколу SMTP").
- [Настройки SMTP для Почты Mail.ru](https://help.mail.ru/mail/mailer/popsmtp "IMAP, SMTP и POP3 Mail.ru").
 
CSS из видео:

 ```
#mod-rscontact-message-118 {width: 100%;}
```

В предыдущей статье «[Видео урок по Joomla 4 (часть 4). Бесплатное пошаговое создание сайтов](https://aleksius.com/joomla/sozdanie-sajta-na-dzhumle-4 "Видео урок по Joomla 4 (часть 4). Бесплатное пошаговое создание сайтов")» мы создали страницу «О нас» в бесплатном конструкторе контента SP Page Builder Lite, а также добавили галерею работ на бесплатном плагине sigplus.

В этой статье рассмотрим создание страницы «Контакты» (рисунок ниже) с формой обратной связи, контактными данными и картой Google с отметкой на ней местоположения нашей фирмы. Плюс добавим форму контактов в подвал сайта и поговорим о настройке отправки почты с сайта через бесплатные почтовые сервисы Gmail, Яндекс Почту и Почту Mail.ru.

В статье «[Відеоурок 5. Самостійне створення сайту компанії на Joomla 4](https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii "Відеоурок 5. Самостійне створення сайту компанії на Joomla 4")» (на украинском языке) Вы найдёте урок на более новой версии Joomla 4 и с отправкой почты через Ukr.net.

 ![Пошаговая инструкция создания бесплатного сайта на Joomla 4](https://aleksius.com/images/joomla/razrabotka-sajta-na-joomla-4/poshagovaya-instruktsiya-sozdaniya-besplatnogo-sajta.png "Пошаговая инструкция создания бесплатного сайта на Joomla 4") Пошаговая инструкция создания бесплатного сайта на Joomla 4 В уроке участвует последняя доступная мне, на момент написания статьи (22.01.2022), русскоязычная версия Joomla 4.0.6.

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru").

В следующей статье «[Видео урок по Joomla 4 (часть 6). Блог с комментариями](https://aleksius.com/joomla/kak-sdelat-sajt-samomu "Видео урок по Joomla 4 (часть 6). Блог с комментариями")» мы рассмотрим создание информационно-новостного раздела с комментариями, видео с YouTube и кнопками шеринга.

 | Похожие материалы |
|---|
| - [ Видео урок по Joomla 4 (часть 3). Как самому сделать сайт с нуля и бесплатно ](https://aleksius.com/joomla/sdelat-sajt-na-dzhumla-4) - [ Видео урок по Joomla 4 (часть 7). Бесплатное создание сайта с нуля ](https://aleksius.com/joomla/kak-samomu-besplatno-sdelat-sajt) - [ Видео урок по Joomla 4 (часть 4). Бесплатное пошаговое создание сайтов ](https://aleksius.com/joomla/sozdanie-sajta-na-dzhumle-4) - [ Видео урок (часть 2). Самостоятельное создание сайта на Joomla 4 ](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta-s-nulya) - [ Видео урок по Joomla 4 (часть 6). Блог с комментариями ](https://aleksius.com/joomla/kak-sdelat-sajt-samomu) - [ Самостоятельное создание сайта (часть 1). Как сделать сайт на Joomla 4 ](https://aleksius.com/joomla/samostoyatelnoe-sozdanie-sajta) - [ Урок по TinyMCE. Визуальный текстовый редактор Joomla 4 ](https://aleksius.com/joomla/redaktor-tinymce) |

| Автор статьи – Хорошевский Алексей |
|---|
| [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")  Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")        **Контакты:**  - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо")      **Социальные сети:**  - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com")      **Публикации и работа:**  - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |