# Add content and collect answers

### Flow **Content Tab**

![Formsort studio](https://1036686854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJPnL__mOdr_mLZ8nwf%2Fuploads%2FSCotzBXvB0yE5FyAH4cR%2Fimage.png?alt=media\&token=458e7a3e-4e37-4077-a596-0ec48f0bd660)

* The content tab is where you will add **groups**, **steps**, and **questions** to your flow.
* There are lots of different question types you can choose from. Some question types require answers, while some are purely informational, like pictures or text. See our [component reference](https://docs.formsort.com/adding-questions-and-content/question-reference) section for descriptions of different question types.
* When you click on the group, step, or question, you will see the editor on the side. This is where you can manage the **logic** and **settings** of the element you are editing.
* You can use basic **markdown** within the question text itself to format the text style - like assigning header styles that you have created in your Typography menu, bolding or italicizing certain words, or adding links.
* Hit the **Live Preview** to see the flow update with your edits in real time. 

<details>

<summary>Markdown menu</summary>

#### Headers

```
# This is a big header
```

## This is a big header <a href="#this-is-a-big-header" id="this-is-a-big-header"></a>

```
## This is a medium header
```

### This is a medium header <a href="#this-is-a-medium-header" id="this-is-a-medium-header"></a>

```
###### This is the smallest header
```

**This is the smallest header**

#### Emphasis

```
*This text will be italic*
```

*This text will be italic*

```
_This will also be italic_
```

*This will also be italic*

```
**This text will be bold**
```

**This text will be bold**

```
__This will also be bold__
```

**This will also be bold**

```
_These **can** be combined_
```

*These **can** be combined*

#### Lists

```
* Item 1
* Item 2
  * Item 2a
  * Item 2b
```

* Item 1
* Item 2
  * Item 2a
  * Item 2b

```
1. Item 1
1. Item 2
  1. Item 2a
  1. Item 2b
```

1. Item 1
2. Item 2
   1. Item 2a
   2. Item 2b

#### Links

```
[Formsort](http://formsort.com/)
```

[Formsort](http://formsort.com/)

#### Blockquotes

```
As Dieter Rams said:

> Less, but better
```

As Dieter Rams said:

Less, but better

</details>

### Common question types

* [**Select question**](https://docs.formsort.com/building-flows/content-types/select)**:** responders choose from a selection of choices (you can [style your choices](https://docs.formsort.com/building-flows/content-types/select#styling-choices) by adding images or changing the presentation between buttons, dropdown, etc.)

![select question](https://1036686854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJPnL__mOdr_mLZ8nwf%2Fuploads%2FcHgHCVM6hs7igwIRGYfw%2FScreen%20Shot%202022-08-15%20at%209.11.55%20AM.png?alt=media\&token=9fe9ee34-3af6-4ff1-bec8-642fb980d497)

* [**Text question**](https://docs.formsort.com/building-flows/content-types/text): responders enter free text

![text question](https://1036686854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJPnL__mOdr_mLZ8nwf%2Fuploads%2Fu41l6d7IOhpIQN1SRhke%2FScreen%20Shot%202022-08-15%20at%209.13.06%20AM.png?alt=media\&token=28a0a0c0-d149-464a-bf06-e95eb6ade113)