# Creating Your First Layout

### Step by step guide

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

### Create a New Layout

Click the **Add New** **Layout** button.

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2FFZwDlo9DBTQiB46m4Ztl%2Fnew%20layout.jpg?alt=media&#x26;token=ce1bc661-4f57-4169-9504-569969723e9b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2Fhbar6MFJaVny7eERYrXi%2Fname%20your%20layout.jpg?alt=media&#x26;token=ae25c515-f0ad-4521-a2f6-cc4af86ccbe1" alt=""><figcaption></figcaption></figure>

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

### Assign Fields

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

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%2FatnO0nLw1iP5h4k8iaR3%2Fadd%20field.jpg?alt=media&#x26;token=ae6a0552-24fc-48e8-b72b-d848bd7fef92" alt=""><figcaption></figcaption></figure>

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

### Publish your Layout

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

### **Copy Shortcode into place**

**Copy** the generated shortcode for your *Layout* from the sidebar.&#x20;

<figure><img src="https://2293383029-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN2nAC4pTDjEmDu8ZkLB2%2Fuploads%2FTc2ZsFVZz95jpMaCY38D%2Fcopy%20shortcode.jpg?alt=media&#x26;token=97ccd94c-dea6-41f6-82a8-d68401757f0b" alt=""><figcaption></figcaption></figure>

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

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

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

{% hint style="success" %}
Learn more about the *Layout* [shortcode](https://wplake.gitbook.io/advanced-views/shortcode-attributes/layout-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](https://wplake.gitbook.io/advanced-views/guides/display-nested-repeater-fields).