Is your Wordpress site's speed comparable to a tortoise with cramping legs? 🐢 Server costs bleeding you dry? 🖥️ Lucky for you, migrating your content over to Flowershow has never been easier! Flowershow 🌷 is an **awesome** open source Next.js template that comes with batteries included 🔋

In this tutorial we are covering how to convert your Wordpress site into a Flowershow site, where all the content will be converted to simple markdown compatible with flowershow.

- First we are going to export our wordpress instance.
- Then get the conversion script and run it
- Then fill in the wizard
- Copy content to flowershow site

And **VOILÀ!** Your Flowershow site will be up and running!

**Example blog post before:**

**Example blog post after:**

All your pages will be created in the root directory inside your newly created `content` folder. All your posts will be created in a subdirectory called `blogs` inside your `content` folder. All your images will go to an `assets` folder. Custom components that includes HTML or Javascript, however, will have to be remade.

Example format:

```auto
content
├── about.md
├── contact.md
├── assets
│   └── picture.png
├── blogs
│   └── someblogpost.md
└── index.md
```

## Here's how it works in 4 simple steps:

### 1\. Export your wordpress instance content to xml

Export your wordpress instance content to xml. Use the in-built standard wordpress tool: [https://wordpress.com/support/export/](https://wordpress.com/support/export/)

1. Got to the tools section and choose export

2. Choose the `All content` export option

3. Save the resulting file on your local computer by pressing the `Download Export File` button

> Exporting from Wordpress.com will look a bit different and you will need to unzip the exported file

### 2\. Get this Wordpress to Flowershow conversion script

Run the following in your preferred terminal:

1. `git clone https://github.com/flowershow/wordpress-export-to-markdown-plus`
2. `cd wordpress-export-to-markdown-plus`
3. `npm install`
4. `node index.js`

### 3\. Then fill in the wizard

- In this example the Wordpress export xml file has been renamed to `new` and placed in a folder `wordpress-test` next to where the tool is being run. Use the relative path to where the xml file is located.
- The path of your output folder should end with `/content`
- For more information on options you can go [here](https://github.com/flowershow/wordpress-to-markdown/blob/master/README.md)

### 4\. Integrate content into Flowershow

- Your content folder is now ready to be converted into a flowershow site! 🚀 See [publish-tutorial](/content/docs/publish-tutorial/index.html) to create your site!

### FAQ

- What happens to categories?
  They get outputted to the categories front matter
- What happens to tags?
  They get outputted to the tags frontmatter
- What happens to featured image?
  This is set in the image property of frontmatter
- What happens to my blog index page.
  See our tutorial on setting up your blog [here](/content/docs/blog-tutorial/index.html).
- Where will all the images be located?
  The name of your assets/attachement folder is where all your images will be located and linked to.