---
title: Відеоурок 5. Самостійне створення сайту компанії на Joomla 4
description: Відеоурок українською мовою з самостійної розробки сайту на Joomla 4: створення сторінки «Контакти» з картою Google та налаштування відправки листів з Ukr.net
canonical_url: https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii
language: uk-UA
date: 2025-02-27T07:13:30Z
notice: This is a machine-friendly version of the page at https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii.
markdown-tokens: 1228
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii. 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.


   Featured

#  Відеоурок 5. Самостійне створення сайту компанії на Joomla 4 

- Тип – безкоштовна програма для створення сайтів.
 
- [Відеоурок](https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii#videourok "Відеоурок").
- [Посилання та розширення з відеоуроку](https://aleksius.com/uk/cms-joomla/stvorennya-sayjtu-kompanii#posilannya-ta-rozshirennya-z-videouroku "Посилання та розширення з відеоуроку").
 
**Інформація майже повністю актуальна для Joomla 5 (примітку додано 21.10.2023).**

## <a id="videourok"></a>Відеоурок

- Як створити копію всього сайту та серверу – 00:00:58.
- Створення сторінки «Контакти» – 00:02:16.
- Карта Google – 00:07:32.
- Налаштування пошти в Joomla 4 – 00:10:27.
 
Відео краще переглядати з якістю «1080p HD». Цей та інші відеоогляди та уроки можна знайти [на моєму YouTube каналі](https://www.youtube.com/@aleksius-com-uk "Відеоуроки Joomla 4. Самостійне створення сайту").

## <a id="posilannya-ta-rozshirennya-z-videouroku"></a>Посилання та розширення з відеоуроку

- [Попереднє відео](https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt "Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4").
- [Ukr.net](https://www.ukr.net/ "Ukr.net").
- [Налаштування пошти Ukr.net](https://wiki.ukr.net/manageimapaccess "Як підключити зовнішню програму до скриньки?").
 
Налаштування пошти Ukr.net для Joomla:

- *Поштовий клієнт* – «SMTP» (без лапок).
- *Хост для SMTP* – «smtp.ukr.net» (без лапок).
- *Порт SMTP* – «465» (без лапок).
- *Безпека SMTP* – *SSL/TLS.*
- *Автентифікація SMTP* – *Так.*
- *Логін для SMTP* – використовуйте адресу своєї електронної пошти Ukr.net. В моєму прикладі це «aleksius.com@ukr.net». **У вас же буде інша**.
- *Пароль для SMTP* – використовуйте пароль, який створили у налаштуваннях пошти Ukr.net у розділі *Керування IMAP-доступом*, **а не пароль від вашого аккаунту Ukr.net (це важливо)**. У моєму прикладі це «suQMGbQYMFzfv0P8». **У вас буде інший**.
 
У попередній статті «[Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4](https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt "Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4")» ми створили сторінку «Про нас» за допомогою SP Page Builder 4 Lite та сторінку «Наші проекти» засобами SP Easy Image Gallery. У цьому відео створимо сторінку «Контакти» (рисунок нижче) з формою та картою Google, а також налаштуємо відправку пошти засобами поштового сервера Ukr.net.

**Примітки щодо відеоуроків.** Наприкінці кожної статті з відеоуроком можуть бути надані посилання на додаткові матеріали та посилання на завантаження різних розширень, які використовувалися у відео (якщо такі були).

В уроці бере участь остання доступна мені, на момент написання статті (08.01.2023), версія Joomla 4.2.6 українською мовою.

 ![Cтворення сайту компанії](https://aleksius.com/images/joomla/stvorennya-sayjtu-kompanii/stvorennya-sayjtu-kompanii.png) Cтворення сайту компанії Як бачите, створити сайт-візитку за допомогою Джумла не дуже важко. У наступній статті «[Відеоурок 6. Створення свого сайту на Joomla 4](https://aleksius.com/uk/cms-joomla/rozrobka-vlasnogo-sayjtu "Відеоурок 6. Створення свого сайту на Joomla 4")» ми додамо блог з коментарями, кнопками шерінгу у соціальні мережі, а також подивимося, як можна вставити відео з YouTube у статті на сайті та розмістимо модуль блогу у підвал.

 | Автор статті – Хорошевський Олексій |
|---|
| [![Хорошевський Олексій](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевський Олексій")](https://aleksius.com/uk/oleksii-khoroshevskyi "Хорошевський Олексій")  Кандидат технічних наук, викладач [Харківського національного університету радіоелектроніки](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-майстер та SEO-оптимізатор із досвідом роботи понад 15 років. Спеціаліст зі створення сайтів на Joomla та WebSite X5. Автор наукових публікацій, відеокурсів та навчального контенту з веб-розробки та SEO. Веде блог та YouTube-канал, де ділиться своїми знаннями та практичним досвідом.   Надає [послуги](https://aleksius.biz/uk "Створення сайтів на Joomla і WebSite X5") зі створення, доопрацювання, супроводу та просування сайтів. [Докладніше про автора…](https://aleksius.com/uk/oleksii-khoroshevskyi "Хорошевський Олексій")        **Контакти:**  - [+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/?locale=uk_UA "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/@aleksius-com-uk "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com")      **Публікації та робота:**  - [Google Академія](https://scholar.google.com.ua/citations?hl=uk&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") |

| Схожі матеріали |
|---|
| - [ Відеоурок 1. Самостійне створення сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtu-na-joomla-4) - [ Відеоурок 2. Самостійна розробка сайтів на Joomla 4 ](https://aleksius.com/uk/cms-joomla/samostiyjne-stvorennya-sayjtiv-na-dzhumla-4) - [ Відеоурок 3. Самостійне створення та адміністрування сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/stvorennya-ta-administruvannya-sayjtu) - [ Відеоурок 4. Самостійна розробка сайту візитки на Joomla 4 ](https://aleksius.com/uk/cms-joomla/yak-stvoriti-sviyj-sayjt) - [ Відеоурок 6. Створення свого сайту на Joomla 4 ](https://aleksius.com/uk/cms-joomla/rozrobka-vlasnogo-sayjtu) - [ Відеоурок 7. Як створити свій власний сайт на Joomla 4 ](https://aleksius.com/uk/cms-joomla/yak-stvorihtih-sviyj-veb-sayjt) - [ Відеоурок «Самостійне та швидке створення лендінгу на Joomla» ](https://aleksius.com/uk/cms-joomla/rozshyrennia/shvydke-stvorennia-lendinhu) |
