# [Integrations](integrations) / Wordpress

Here's a guide to upload a polygonjs project to a webserver and use it with wordpress.

-   Start up Visual studio code
-   Open up a new terminal with <DocCode>ctrl shift `</DocCode>.

For a new project:

-                       <DocCodeBlock npm="npm create polygonjs@latest" yarn="yarn create polygonjs"></DocCodeBlock>
-   Give a project name
-   Select a framework
-   <DocCode>cd project-name && yarn</DocCode>
-   Now you can start the polygonjs 3D editor, create away! <DocCodeBlock npm="npm run polygonjs" yarn="yarn polygon"></DocCodeBlock>

Once you are ready and have saved your scene(s), don't close the editor yet.
Whenever you are creating multiple scenes, the name of the preferred scene to open, should be specified in the <DocCode>src/main.ts</DocCode> file if you are using typescript, or <DocCode>src/main.js</DocCode> if not.

Once you modified the <DocCode>src/main.ts</DocCode> file, save it, open up the scene that you specified in the editor, and give that another save as well.
Now you can close everything without worries.

You are now ready to do a test build.

-   Open up a new terminal with <DocCode>ctrl shift `</DocCode>
-   cd to your project location
-   run <DocCodeBlock npm="npm run dev" yarn="yarn dev"></DocCodeBlock>

If this runs without errors, you should be able to build the scene for use on your website.
Run the following command from a new terminal: <DocCodeBlock npm="npm run build" yarn="yarn build"></DocCodeBlock>

You will now find a dist folder in your project folder, zip it.
Now you are ready to upload it to your webserver.
Sometimes, you will have to ask your web host to enable the file manager so you can access it.
Upload the zipped dist folder to the location where wordpress is installed.
This folder contains folders like "wp-admin", "wp-content", "wp-includes" or files like "index.php". Unzip it.

You can now try the scene out by going to https://yourwebsite.com/dist/
To embed this scene on a page on your website, insert the following html code in a code block:

<CodeNonParsable
	language="html"
	content="<iframe src='https://yourwebsite.com/dist/' style='width: 100%; height: 100vh; border: none;'></iframe>"
></CodeNonParsable>

This manual was generously prepared and written by FlorianDheer on our [discord](https://polygonjs.com/discord) (direct message [link](https://discord.com/channels/957773366419406888/963554946211541003/1329200852811911300)).