---
description: >-
  Use a View item to display fields for a specific post/page or Custom Post Type
  item.
---

# Creating Your First View

### Step by step guide

Visit the **Advanced Views** tab in the WordPress backend.

### Create a New View

Click the **Add New** button to add a new _View_.

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2FtL8pBNyDEVzwtjcomZ52%2Fnew-view.jpg?alt=media&#x26;token=69bf70a8-3457-4afd-9758-dad7cde2ae54" alt=""><figcaption></figcaption></figure>

Enter a **Name** for your _View_ **(required)**.&#x20;

{% hint style="warning" %}
Note: If you don't give your View a Name then you can't publish your View and the publish button will be disabled.
{% endhint %}

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2FPZoUxXnaZNhNvh1gU2XS%2Fname-your-view.jpg?alt=media&#x26;token=e1dd49fa-4fba-4b98-b7e9-d425738847bb" alt=""><figcaption></figcaption></figure>

### Assign Fields

Click the **Add Field** button in the _Fields_ section.&#x20;

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2FSDHZaf0qpv1n53CWJKYx%2Fadd-fields.jpg?alt=media&#x26;token=7a433097-b3d2-47d7-87cb-e22f7a6d2410" alt=""><figcaption></figcaption></figure>

Then **select** the target _Group_ from the list and the _Field_ from the dropdown.&#x20;

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2Fz2nMonW8JGedHk5nBQAm%2Fadd-fields-without-parent.jpg?alt=media&#x26;token=e5ddaf7d-b1fe-43a0-a2e4-97cf9653c06b" alt=""><figcaption></figcaption></figure>

Continue to **Add Fields** until they've all been assigned.

### Publish your View

Click on the **Publish** button to save and publish your _View_.&#x20;

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2FCMcE0HVACx0HLzSDyM5J%2Fpublish-view.jpg?alt=media&#x26;token=df535e40-b42d-49e1-a96f-187af93c499b" alt=""><figcaption></figcaption></figure>

### **Copy Shortcode into place**

**Copy** the shortcode of your _View_ from the sidebar.&#x20;

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2FqKDrXkJynTbCkNXRSo2u%2Fcopy-shortcode.jpg?alt=media&#x26;token=8386e9e9-2164-4a09-8866-b308c2aadda5" alt=""><figcaption></figcaption></figure>

**Paste** the shortcode in your post, page or theme section.

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2FnVg3rl2HJ50SKzuKh8iv%2Fpaste-shortcode.png?alt=media&#x26;token=ef78698d-0450-4bd2-8a07-0d67ef209c79" alt=""><figcaption></figcaption></figure>

**Fill** out the fields as required, then click the **Publish** button to save.

**Visit** the page containing the shortcode to see the results.

{% hint style="success" %}
Learn more about the Views [shortcode](../../shortcode-attributes/view-shortcode) parameters.
{% endhint %}

### Parent group

If you plan on using a single Field Group, then make use of the Parent group field. \
Additionally use the Parent group and Parent field for [Nested Repeaters](../../guides/display-nested-repeater-fields).

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2FasJQOYhJO1sVHmqxEUrH%2Fparent-group.jpg?alt=media&#x26;token=69013763-ce85-46e7-971c-bbd03a00145f" alt=""><figcaption></figcaption></figure>
