How to Build a TYPO3 website with Free TYPO3 template?

Your domain name is the most crucial aspect of your TYPO3 website because it is the name of your business website. Also known as URL, your domain name is your address on the web. For example, our domain name is www.t3planet.com

And in simple terms, the host is the environment area you rent to build your own personal TYPO3 website. Each website needs hosting and there are many hostings available. You can use T3Planet's TYPO3 SaaS services along with Free TYPO3 Template absolutely free of 15-days too!

Step 4: Once Repository is updated, switch back to Installed Extension view. Install your purchased TYPO3 template zip eg., ns_theme_themename_x.x.x.zip

Go to Site Management > Sites > Edit Record > You need to configure “Entry Point” by entering your website URL

#3 Page Tree

Once you install your TYPO3 Template extension, it will automatically generate a “Page tree” in your TYPO3 backend with all the pages and content.

#4 SEO Setup for TYPO3 9 and TYPO3 10

Once you have completed Site Management, you can set up SEO for the site. For this, you have to add XML Sitemap in Include Static in Template record. You can perform this as shown in the screenshot below.

To configure error Handling in Site and setup 404, you need to perform steps as mentioned below:

1. Go to the Sites Module.
2. Select the Site
3. Switch to the Error Handling tab and click on the Create New button.
4. Set appropriate HTTP Error Status Code and set how to Handle Errors field.

#1 Global-Level Configuration

The most important step after template installation is configuring the website’s URL. Templates at t3planet.come with a variety of template options that are very easy to configure and use for technical or non-technical interests. Here is the quick glimpse, how you can set the URL for T3 Agency Template.

• Go to NITSAN > Theme Options
• Click on “Root/Main” page from Page-Tree
• You can configure General, SEO, GDPR, Style, Integration, etc.
• All the theme options are self-explain, We recommend to configure everything once.

Note: After installation, Most important is to set correct ID of menu/pages to create proper menu and content. Sometimes TYPO3 mis-configured Page-ID, Please go to General > Menu and Pages Settings and set appropriate page-ids.

#2 Page-Level Configuration

Basically, we have used the TYPO3 core’s constant concept, so you just need to “Create Extension Template” for a particular page. Then, You can configure all options for a particular page.

You can setup Layouts as described below:

• Go to Page module
• Select the page for which you need to set layout
• Edit Page Properties
• Switch to Appearance tab.
• Select Frontend layout from drop-down.
• Select Backend layout from drop-down.

Whenever you are going to add a new element, in wizard you can find the “Custom Elements” tab where template related custom elements have been configured.

You can add multiple Languages to your TYPO3 Template and create your website with multiple languages. To create multi-language site, please perform following steps:

#1 Add Language to Pages

Once Language is configured, you need to translate pages & content to a new language.

• Go to Page Module, select root page and switch to Language option in drop-down at top.

• Click on Make new Translation of this page drop-down and select language

• It will create a page in the selected language. Click on the Save & Close button.

Once it is saved there will be 2 sections in the backend, one for each language.

You can Translate/Copy content elements of existing language to new language using Translate button in New Language.

#3 How to change and add other language labels?

• All Labels which are managed at file level are stored at this language file
  extension_key/Resources/Private/Language/locallang.xlf
• To make translation in another language, create the second language file by creating a copy of locallang.xlf in the same folder. For example, de.locallang.xlf
• Now you can change labels and text as per new language as highlighted in below screenshot:

To improve speed and performance, Please configure following options.

Step 1: Go to NITSAN > Theme Options

Step 2: Click on root/main page

Step 3: At Speed & Performance Section, You can check “Cache Enable/Disable” and “Compress & Merge CSS/JS”

#1. Sitemap

You can access Sitemap of template by appending sitemap.xml at the end of BaseURL of template.

For example: https://www.domain.com/sitemap.xml

We have already take care during installation of Template but, Please make sure you’ve already settings from Site Management > Sites > Edit ns_basetheme > Static Routes

#2. Robots.txt

You can access Robots.txt of template by appending robots.txt at the end of BaseURL of template

For example: https://www.domain.com/robots.txt

#3. Set Meta Description & Tags

Set Meta Description and Tags of any page from Metadata tab in page properties. Check below screenshot.

#4. Setup OG tags for Social Media

When any page is shared on Social Platforms like Facebook, Twitter, OG tags setup for that page will be used for page preview. Set them as below.

#5. Setup 404 page

You will get a pre-configured 404 page with the template. You can access and modify it from Root Page > Misc > 404. Check below image for more info.

We have already take care during installation of Template but, Please make sure you’ve already settings from Site Management > Sites > Edit ns_basetheme > Error Handling