# Displaying the Document Type Properties

You might have noticed that the content we've added to the homepage is not being displayed. We need to wire up the Data Type properties to the template.

Let’s look at our template and identify where the content should be displayed.

![Where our Data Properties Content Should be Output](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-ce958c8aacdc9f8bccf7eb7091641a0af8ce2ff2%2Ffigure-17-where-our-data-fields-go-v8.png?alt=media)

The top arrow in this image is the *Page Title* and the bottom arrow is the *Body Text*. The Footer is all the way at the bottom of the page.

## Setting the Document Type Properties

To set the Document Type properties:

1. Go to **Settings**.
2. Select **Templates** in the **Templating** section, and open the **Homepage** template.
3. Scroll down to the `<!-- Jumbotron, w title -->` section (around line 46) and highlight the text `“Welcome - UmbracoTV”` (around line 49).

   ![Replace page Title value](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-fb4356a2331dc80ffab9aeb49e0cdc0e36f0ccf2%2Ffigure-18-replace-hardcoded-text-with-umbraco-page-field-v9.png?alt=media)
4. Click **Insert** and select **Value**.
5. Select **pageTitle** field from the drop-down list.

   ![Page Title field](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-ad4b80176decebb1b82ab1579c1855350e857272%2Ffigure-19-umbraco-page-field-v9.png?alt=media)
6. Click **Submit**.
7. Repeat the same process for the content between the `<div class="container">` tags (around line 61 to 78):
   * Highlight the content as shown in the figure.

     ![Replace Body Text value](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-3b164e0f7ea7e2b9e35380659c98d57ad17965ec%2Ffigure-20-replace-bodytext-with-page-field-v9.png?alt=media)
   * Click **Insert** and select **Value**.
   * Select **bodyText** field from the drop-down list.
   * Click **Submit**.
8. Repeat the same process for the content in the `<div class="container-fluid footer">` tag (around line 149 to 182):
   * Highlight the content between the `<div class="container">` tags.

     ![Replace Footer Text value](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-6537ae597fc3c81b7c8de490a48dfa06851322b7%2Ffigure-21-footer-text-v9.png?alt=media)
   * Click **Insert** and select **Value**.
   * Select **footerText** field from the drop-down list.
   * Click **Submit**.
9. Click **Save**.

Reload your homepage to view the content. You should see something similar like the image below:

![Displaying Document Type Properties](https://3872888104-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgEH4FChbCn7eDDqREvdE%2Fuploads%2Fgit-blob-81ca7973afb08025592804a72befae5888e94e0d%2Ffigure-22-displaying-document-type-properties.png?alt=media)

Now, you can go back and add additional fields or update existing fields in the Document Type. Fill them out in the content node and then add them in the template to display the data in the website.