---
title: Joomla tutorial for beginners (part 5). How to build a website from scratch for free
description: Free Joomla tutorial for beginners (part 5). How to build a website from scratch: «Contact» page with Google map and contact form, Joomla email settings (SMTP)
canonical_url: https://aleksius.com/en/joomla-cms/how-to-build-a-website-from-scratch-for-free
language: en-GB
date: 2025-02-27T06:31:20Z
notice: This is a machine-friendly version of the page at https://aleksius.com/en/joomla-cms/how-to-build-a-website-from-scratch-for-free.
markdown-tokens: 1893
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/en/joomla-cms/how-to-build-a-website-from-scratch-for-free. 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
# Joomla tutorial for beginners (part 5). How to build a website from scratch for free
- [Video tutorial](https://aleksius.com/en/joomla-cms/how-to-build-a-website-from-scratch-for-free#video-tutorial "Video tutorial").
- [Links and extensions from video tutorial](https://aleksius.com/en/joomla-cms/how-to-build-a-website-from-scratch-for-free#links-and-extensions-from-video-tutorial "Links and extensions from video tutorial").
- [Contact page recommendations](https://aleksius.com/en/joomla-cms/how-to-build-a-website-from-scratch-for-free#contact-page-recommendations "Contact page recommendations").
**The information is almost entirely up to date for Joomla 5 (note added on October 21, 2023).**
## Video tutorial
- «Contact» page – 00:00:45.
- Joomla email settings (SMTP) – 00:04:24.
- Google map – 00:08:37.
Better watch video with «1080p HD» quality. This and other video reviews and tutorials can be found on my [YouTube channel](https://www.youtube.com/@aleksejs-software-stories "Joomla tutorials").
## Links and extensions from video tutorial
- Previous article «[Joomla 4 tutorial (part 4). How to make your own website from scratch](https://aleksius.com/en/joomla-cms/learn-how-to-build-a-website-from-scratch "Joomla 4 tutorial (part 4). How to make your own website from scratch")».
- [Gmail SMTP settings](https://support.google.com/mail/answer/7126229?hl=en "Check Gmail through other email platforms").
- View template positions «?tp=1».
Gmail SMTP settings:
- *From Email* – «your mail»
- *From Name* – «any value»
- *Mailer* – *SMTP*
- *SMTP Host* – *smtp.gmail.com*
- *SMTP Port* – *465*
- *SMTP Security* – *SSL/TLS*
- *SMTP Authentication* – *Yes*
- *SMTP Username* – «your mail»
- *SMTP Password* – «a special App Password, **not a Google account password**»
In previous article «[Joomla 4 tutorial (part 4). How to make your own website from scratch](https://aleksius.com/en/joomla-cms/learn-how-to-build-a-website-from-scratch "Joomla 4 tutorial (part 4). How to make your own website from scratch")» we created an «About Us», «Gallery» and «Portfolio» page.
In this article, we we'll create «Contact» page with Google map and contact form. We also configure Joomla email settings (SMTP).
Video tutorial recorded March 15, 2023. List of software from the video: Joomla 4.2.7.
 How to build a website from scratch for free ## Contact page recommendations
Here are some recommendations for a good contact page.
1. Clear and concise information. Make sure to include all the necessary information for people to contact you, such as your email address, phone number, and physical address. Keep the information clear and easy to read.
2. Contact form. Consider adding a contact form to your contact page to make it easy for people to get in touch with you. A contact form also allows you to gather more specific information about the person contacting you, such as their name, email address, and reason for contacting you.
3. Social media links. If you have social media accounts, include links to them on your contact page. This makes it easy for people to follow you on social media and stay up-to-date with your latest news and updates.
4. Map and directions. If you have a physical location, consider including a map and directions to your office or store on your contact page.
5. Hours of operation. If applicable, include your hours of operation so people know when they can contact you or visit your location.
6. FAQ section. Consider adding a frequently asked questions section to your contact page to address common inquiries and help people find the information they need.
7. Call-to-action. Include a clear call-to-action on your contact page, such as «Contact Us Today» or «Get in Touch», to encourage people to reach out to you.
In the next article «[Joomla manual for beginners (part 6). How to develop a website from scratch](https://aleksius.com/en/joomla-cms/how-to-develop-a-website-from-scratch "Joomla manual for beginners (part 6). How to develop a website from scratch")» we'll create a blog with comments, sharing buttons and YouTube videos.
| Article author – Aleksej Khoroshevskij |
|---|
| [](https://aleksius.com/en/aleksej-khoroshevskij "Aleksej Khoroshevskij") Ph.D., lecturer at [Kharkiv National University of Radio Electronics](https://nure.ua/en/staff/alexey-khoroshevsky "Nure.ua"), web developer, and SEO specialist with over 15 years of experience. Expert in website creation using Joomla and WebSite X5. Author of scientific publications, video courses, and educational content on web development and SEO. Runs a blog and a YouTube channel, sharing knowledge and practical experience. Provides [services](https://aleksius.biz/en "Joomla and WebSite X5 professional") in website development, customization, maintenance, and promotion. [Learn more about the author…](https://aleksius.com/en/aleksej-khoroshevskij "Aleksej Khoroshevskij") **Contacts:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Call via Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Call via Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Call via WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Write a letter") **Social networks:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/?locale=en_US "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/@aleksejs-software-stories "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Publications and work:** - [Google Scholar](https://scholar.google.com.ua/citations?hl=en&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") |
| Similar articles |
|---|
| - [ Joomla tutorial for beginners (part 1). How to build a website from scratch ](https://aleksius.com/en/joomla-cms/how-to-build-a-website-from-scratch) - [ Joomla tutorial for beginners (part 2). How to make a website from scratch ](https://aleksius.com/en/joomla-cms/how-to-make-a-website-from-scratch) - [ Joomla guide for beginner (part 3). SP Page Builder tutorial ](https://aleksius.com/en/joomla-cms/how-to-create-a-website-from-scratch) - [ Joomla 4 tutorial (part 4). How to make your own website from scratch ](https://aleksius.com/en/joomla-cms/learn-how-to-build-a-website-from-scratch) - [ Joomla manual for beginners (part 6). How to develop a website from scratch ](https://aleksius.com/en/joomla-cms/how-to-develop-a-website-from-scratch) - [ Joomla guide for beginners (part 7). How to build and host a website from scratch ](https://aleksius.com/en/joomla-cms/how-to-build-and-host-a-website-from-scratch) - [ TinyMCE video tutorial. Joomla text editor ](https://aleksius.com/en/joomla-cms/tinymce-text-editor-tutorial) |