> ## Documentation Index
> Fetch the complete documentation index at: https://docs.enterspeed.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 2. Configuring Umbraco

# Configuring Umbraco

In this step, we're going to:

1. Install the Enterspeed Umbraco package
2. Import our demo content
3. Configure our hostname
4. Seed content to Enterspeed manually

## Installation

### Installation for Umbraco 7 & 8

Sign into your Umbraco instance and navigate to the backoffice.

In order to send data to Enterspeed, we need to install the Enterspeed Umbraco package. Go to the **Packages** tab in the top menu and search for **"Enterspeed Umbraco source integration"**. Select the package and hit install.

<Warning>
  For production setups, we recommend installing the NuGet package instead. You can find it here: [Enterspeed.Source.UmbracoCms.V7](https://www.nuget.org/packages/Enterspeed.Source.UmbracoCms.V7/) or  [Enterspeed.Source.UmbracoCms.V8](https://www.nuget.org/packages/Enterspeed.Source.UmbracoCms.V8/)
</Warning>

### Installation for Umbraco 9+

Since Umbraco 9 the "packages installation"-feature from the backoffice has been removed. Because of that, we need to install the following NuGet package:

[Enterspeed.Source.UmbracoCms](https://www.nuget.org/packages/Enterspeed.Source.UmbracoCms/)

## Configuring

Go to the **Settings** tab in the top menu and select **Enterspeed settings**.

<img src="https://mintcdn.com/enterspeed/U-p4hKh6hit1rd09/images/docs/examples/umbraco-enterspeed-config.png?fit=max&auto=format&n=U-p4hKh6hit1rd09&q=85&s=10f3c8bbe198d4d3dc69e53de40b3cde" alt="Umbraco Enterspeed Config" width="975" height="466" data-path="images/docs/examples/umbraco-enterspeed-config.png" />

1. Set the **Enterspeed endpoint** to [https://api.enterspeed.com/](https://api.enterspeed.com/)

2. Set your media domain (optional).

3. Insert your API key generated in the Enterspeed-app under "Sources".

4. Test the connection and save the configuration afterward.

Your data will now be synced to Enterspeed each time you publish content.

<Tip>
  You can view synced data in Enterspeed by navigating to **Source Entities** and selecting your source (the name you provided when creating it) in the **Source** dropdown.
</Tip>

## Importing content from the demo project

If you wish, you can import the Umbraco content from our [demo project](https://enterspeed-umbraco-nextjs.netlify.app/).

### Importing demo content for Umbraco v9+

Since Umbraco 9 the "packages installation"-feature from the backoffice has been removed. Because of that, we need to install our NuGet package:

[Enterspeed.Demos.UmbracoCms.FairyTales](https://www.nuget.org/packages/Enterspeed.Demos.UmbracoCms.FairyTales/)

The NuGet package will import content, data types and document types required for this demo on startup of your application.

After package installation build and start your application.

### Publishing and syncing imported demo content

Publish the site by navigating to the **Content** tab, and select the **Home** node.

Then click **the arrow** on the green "Save and Publish" button in the lower right corner, and select "**Publish with descendants**".

Check the "**Include unpublished content items**" option, and click the "**Publish with descendants**" button.

<img src="https://mintcdn.com/enterspeed/U-p4hKh6hit1rd09/images/docs/examples/publish-with-descendants.png?fit=max&auto=format&n=U-p4hKh6hit1rd09&q=85&s=80223969462fab759761d927c73f799e" alt="Publish with descendants" width="764" height="318" data-path="images/docs/examples/publish-with-descendants.png" />

This will publish the entire site, and send the data to Enterspeed.

Go to your Enterspeed-project and navigate to Sources --> Sources entities to verify that the data have synced.

## Configuring your hostname

Go to the **Content** tab and click the three dots next to **Home**. Click the **Do something else** button at the bottom and select **Culture and Hostnames**.

Insert the same domain name as the one you entered when you configured your **hostname** in Enterspeed.

<img src="https://mintcdn.com/enterspeed/U-p4hKh6hit1rd09/images/docs/examples/umbraco-culture-and-hostnames.png?fit=max&auto=format&n=U-p4hKh6hit1rd09&q=85&s=408a7ff408581f1cd625efdb45b2e8bb" alt="Umbraco Culture and Hostnames" width="1062" height="560" data-path="images/docs/examples/umbraco-culture-and-hostnames.png" />

## Sending content to Enterspeed manually

When you click **Save and publish** in Umbraco, the content will automatically be sent to Enterspeed. But since we just updated our hostname, all of our content now has a new URL, which we need to be synced to Enterspeed. We do this by manually triggering an update.

To send content manually to Enterspeed go to the **Content** tab in the top menu. Click the **Enterspeed content** tab and select **Seed**.

To send published content to Enterspeed, click the **Seed** button. This will queue a transfer of all your Umbraco content to Enterspeed.

<img src="https://mintcdn.com/enterspeed/U-p4hKh6hit1rd09/images/docs/examples/umbraco-enterspeed-seed.png?fit=max&auto=format&n=U-p4hKh6hit1rd09&q=85&s=2dce69931fffa2b1b93561914d1af0c0" alt="Umbraco Seed Content" width="1160" height="279" data-path="images/docs/examples/umbraco-enterspeed-seed.png" />
