# How to publish your Elements site using FTP

Publishing from the Elements App to your Elements Hosting account has been designed to be fast and easy.

Below are the steps to publish your Elements sites using FTP.

#### Step 1

Log into the [Elements Hosting Reactor Panel](https://reactor.elementshosting.io/login) and navigate to the FTP user you'd like to use for publishing/uploading your site via the Elements App.

Take note of the following:

* FTP Username
* FTP Password
* FTP Host
* Directory Access - Pay attention if your FTP user has access to the root folder `(/)`, or if they only have access to a specific website's home folder, such as `/public_html`. In the below screenshot, our FTP user has access to the root folder, meaning they have access to all sites hosted under that account.

<figure><img src="https://410055788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wrnfhRFfBQTaZF2M5d8%2Fuploads%2FlY9g8fq0SDNOUjPyZdEF%2F1-how-to-publish-your-Elements-site-using-FTP.webp?alt=media&#x26;token=fa6fd747-a14d-425c-a608-582780ca3f9f" alt=""><figcaption></figcaption></figure>

#### Step 2

In the Elements App, click on `Publishing Setup` in the upper right-hand corner of the app window.

<figure><img src="https://410055788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wrnfhRFfBQTaZF2M5d8%2Fuploads%2FTqWzpssSaBswtBG1rXLA%2F2-how-to-publish-your-Elements-site-using-FTP.png?alt=media&#x26;token=a41a3fe2-c6fa-48fa-b39d-a8f5c18eb512" alt=""><figcaption></figcaption></figure>

#### Step 3

Give your publishing destination a name in the `Name` field, and select `FTP` from the `Publishing Method` drop-down menu.

<figure><img src="https://410055788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wrnfhRFfBQTaZF2M5d8%2Fuploads%2FpZF2fBFdzPKr0BcXkoMA%2F03-how-to-publish-your-Elements-site-using-FTP.png?alt=media&#x26;token=51f3762b-1438-4f76-8a49-352a36bac4a6" alt=""><figcaption></figcaption></figure>

#### Step 4

Click the `Setup` button.

<figure><img src="https://410055788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wrnfhRFfBQTaZF2M5d8%2Fuploads%2FLYZkSutVb4VNQL3jrPtN%2F04-how-to-publish-your-Elements-site-using-FTP.png?alt=media&#x26;token=2715da22-0637-468d-8396-27c00ec7be5d" alt=""><figcaption></figcaption></figure>

#### Step 5

Enter your FTP user details from [Step 1 above](#step-1).

1. **Publishing Method:** FTP
2. **Server:** Your Host/Server IP Address
3. **Connections:** 1 (very slow) to 6 (very fast)
4. **Username:** Your FTP Username
5. **Password:** Your FTP Password

Click the `Test` button in the lower-left of the window to confirm you've entered your FTP connection details correctly. You will see a pop-up window telling you if the connection test was successful, or if it failed. If it fails, please double-check your FTP connection details, that they are entered correctly, and test again.

<figure><img src="https://410055788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wrnfhRFfBQTaZF2M5d8%2Fuploads%2FqIuxMSsRbiAnl9ZanghE%2F5-how-to-publish-your-Elements-site-using-FTP.webp?alt=media&#x26;token=23a762f3-dcee-48e4-b056-efc5d7233cf7" alt=""><figcaption></figcaption></figure>

#### Step 6

Next, in the `Path` field, select the folder where your website will be uploaded to by clicking the `Browse` button, selecting that upload folder, clicking the `Choose` button, then clicking the `Done` button.

Generally public\_html will be what's entered in the `Path` field if you are only hosting one website with us. If you are hosting multiple websites on your Elements Hosting account, you will need to make sure you select the correct folder to upload to. When in doubt, ask us. 🙂

{% hint style="info" %}
From [Step 1 above](#step-1), if your FTP User's **Directory Access** is already listed as the website's upload folder (e.g. `public_html`), then you don't have to enter anything in the `Path` field in Elements Publishing Settings (leave it blank).
{% endhint %}

<figure><img src="https://410055788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wrnfhRFfBQTaZF2M5d8%2Fuploads%2FE2vT3ZyPgcxltcEsA3IW%2F06-how-to-publish-your-Elements-site-using-FTP.webp?alt=media&#x26;token=7e841258-d2c1-4c05-979a-6707d1101c07" alt=""><figcaption></figcaption></figure>

<figure><img src="https://410055788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wrnfhRFfBQTaZF2M5d8%2Fuploads%2Fv5Y2xBcQi1IgKYIPkvu6%2F07-how-to-publish-your-Elements-site-using-FTP.webp?alt=media&#x26;token=fc78d4cc-bcc4-4a6f-9dfc-30136f2f50d4" alt=""><figcaption></figcaption></figure>

<figure><img src="https://410055788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wrnfhRFfBQTaZF2M5d8%2Fuploads%2FzAUiIF9L79EQAHelfyKA%2F8-how-to-publish-your-Elements-site-using-FTP.webp?alt=media&#x26;token=2452694c-e897-4c15-bcc9-ad9d73ff76ed" alt=""><figcaption></figcaption></figure>

#### Step 7

When you are ready, click `Publish` in the upper right-hand corner of the window, and watch as your website gets published to your Elements Hosting account! 🎉

<figure><img src="https://410055788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wrnfhRFfBQTaZF2M5d8%2Fuploads%2FPUziLyrdBcH0HUdPA0m8%2F07-how-to-publish-your-Elements-site-using-FTP.gif?alt=media&#x26;token=a7f60264-2a40-4e88-8198-ab2100aa4432" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
You can now open up your web browser and witness the Power of Elements™️, no magic-wand required! 🧙
{% endhint %}

<figure><img src="https://410055788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1wrnfhRFfBQTaZF2M5d8%2Fuploads%2F4EICI6p3bGI0Livdemvw%2F9-how-to-publish-your-Elements-site-using-FTP.webp?alt=media&#x26;token=7335d929-2852-4797-a9ff-8ea94790581e" alt=""><figcaption></figcaption></figure>