> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flickerwall.com/llms.txt
> Use this file to discover all available pages before exploring further.

# What is a Layout & How to Create a Layout?

> Learn what is a Layout and how to create a Layout for your Digital Signage Screen through Flickerwall ---

***

# What is a Layout?

Layout represents the **compositional mapping** of a web canvas, dictating the **precise location** of all media.

***

# How to Create a Layout?

Step **1**

**Click Loop and Create Loop**

<img src="https://mintcdn.com/flickerwall-796545b9/8we3j2vgq2WdAcCm/images/loops-what-is-a-layout-how-to-create-a-layout-image-1.png?fit=max&auto=format&n=8we3j2vgq2WdAcCm&q=85&s=a97d03a3c33482bdc1cfe7fbffb4da44" alt="" width="1366" height="768" data-path="images/loops-what-is-a-layout-how-to-create-a-layout-image-1.png" />

Step 2

Select Default if you want to use our Ready-To-Use templates or Click on Create Custom Layout if you want to Create one

<img src="https://mintcdn.com/flickerwall-796545b9/8we3j2vgq2WdAcCm/images/loops-what-is-a-layout-how-to-create-a-layout-image-2.png?fit=max&auto=format&n=8we3j2vgq2WdAcCm&q=85&s=5948c8bfb13aec73891477d7f38055ca" alt="" width="1366" height="768" data-path="images/loops-what-is-a-layout-how-to-create-a-layout-image-2.png" />

Step **3**

**(Note : skip this step if you are not creating a Custom Layout)**

**Drag and Resize the zones , add new zones , Create your desired Layout**

**If you did’t like the layout you can always fix it , you can remove the unwanted zones by clicking on the X button within the created zone or delete the entire layout to start from start by clicking on '“Clear Layout”**

<img src="https://mintcdn.com/flickerwall-796545b9/8we3j2vgq2WdAcCm/images/loops-what-is-a-layout-how-to-create-a-layout-image-3.png?fit=max&auto=format&n=8we3j2vgq2WdAcCm&q=85&s=949a1ddcfb41519f735b6bc086f4a29b" alt="" width="1366" height="768" data-path="images/loops-what-is-a-layout-how-to-create-a-layout-image-3.png" />

Step **4**

**Add Media to the Loop we just created**

**Select the media you want to add in the respective zones , make sure you are not adding all the media in only one zone click on the zone you intend to add the media to and add the desired media**

<img src="https://mintcdn.com/flickerwall-796545b9/8we3j2vgq2WdAcCm/images/loops-what-is-a-layout-how-to-create-a-layout-image-4.png?fit=max&auto=format&n=8we3j2vgq2WdAcCm&q=85&s=9afc591394bc60385d0f44b57fe2eb1f" alt="" width="1366" height="768" data-path="images/loops-what-is-a-layout-how-to-create-a-layout-image-4.png" />

Step 5

Preview the Layout

Sometimes the Images aspect ratio may not support the outcome you intend as per showed below

it’s always better to check if the preview shows the Layout working Fine

<img src="https://mintcdn.com/flickerwall-796545b9/8we3j2vgq2WdAcCm/images/loops-what-is-a-layout-how-to-create-a-layout-image-5.png?fit=max&auto=format&n=8we3j2vgq2WdAcCm&q=85&s=7256b101ba3233b0ef5a226a0cccec1b" alt="" width="1366" height="768" data-path="images/loops-what-is-a-layout-how-to-create-a-layout-image-5.png" />

Step 6

Save the Loop

once you are satisfied with the settings go ahead and save the loop by Clicking the “Save Loop” button

the Created Loop will Now appear in you Loop window .

<img src="https://mintcdn.com/flickerwall-796545b9/8we3j2vgq2WdAcCm/images/loops-what-is-a-layout-how-to-create-a-layout-image-6.png?fit=max&auto=format&n=8we3j2vgq2WdAcCm&q=85&s=43b6edbe04f75185e5c5e83e24938893" alt="" width="1366" height="768" data-path="images/loops-what-is-a-layout-how-to-create-a-layout-image-6.png" />

(funfact : if you want to use this created Layout again you don’t have to Create it again , when creating a new loop check under “Custom” Layouts all your Created Layouts are Stored there!)
