# Create Pages - Required

When you install the Materia **Themes**, you get access to many **page templates** (like Contact, Wishlist, FAQs, About Us etc.), but the **pages themselves are not automatically created**.

You’ll need to **manually create each page** inside your Shopify admin and assign the correct template. Don’t worry — it’s quick and easy!

{% embed url="https://www.youtube.com/watch?v=Gh8pmk-Vubk" %}

## &#x20;1. How to Create a New Page

Follow these steps to create the required pages:

### **Step 1:**

Login to your Shopify Admin → Go to **Online Store** → **Pages**

<figure><img src="https://2615306771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmqsvYWhY5cQwbys51Es4%2Fuploads%2FOWoUSinijGkrjfBAfELX%2FScreenshot%20-%202025-04-21T213227.726.png?alt=media&#x26;token=2bf61917-5031-4b0e-bdb8-2c0a3d5499cd" alt="" width="375"><figcaption></figcaption></figure>

### **Step 2:**

Click **“Add Page”**

<figure><img src="https://2615306771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmqsvYWhY5cQwbys51Es4%2Fuploads%2FVMVxxk0iK8T5MjkvhlQS%2FScreenshot%20-%202025-04-21T213435.986.png?alt=media&#x26;token=3b5777ef-f7cc-4fb5-82f3-ae1d70245465" alt=""><figcaption></figcaption></figure>



### **Step 3:**

Create the following pages one by one:

* Contact
* Wishlist
* Terms & Conditions
* Size Guide
* Privacy Policy
* FAQs
* About Us



<figure><img src="https://2615306771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmqsvYWhY5cQwbys51Es4%2Fuploads%2FvPxibhKyZTgxsvRfFmrN%2FScreenshot%20-%202025-04-21T213658.396.png?alt=media&#x26;token=0b9db648-21e1-47db-b72c-a8b6b94a6f06" alt=""><figcaption></figcaption></figure>

***

## &#x20;2. Assign the Correct Template

After creating a page, scroll down in the page editor to find the **“Theme Template”** dropdown.\
Select the correct template based on the type of page you’re creating.

Here’s what to use:

***

## **📬 Contact Page**

* **Title**: Contact
* **Visibility**: Visible
* &#x20;**Template**: `contact`



## [📜](https://emojipedia.org/scroll) **Privacy Policy**

* **Title**: Privacy Policy
* **Visibility**: Visible
* &#x20;**Template**: `policies`

***

## **💖 Wishlist Page**

* **Title**: Wishlist
* **Visibility**: Visible
* **Theme Template**: `wishlist`

***

## **🧾 About Us Page**

* **Title**: About Us
* **Visibility**: Visible
* **Theme Template**: `about-us`

***



## 2.  Size Chart Setup&#x20;

<figure><img src="https://2615306771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmqsvYWhY5cQwbys51Es4%2Fuploads%2FWUgNfSf4T6KTeHN7h404%2FUntitled%20design%20-%202025-04-21T215824.726.png?alt=media&#x26;token=c2b4f105-f272-4942-b02e-1d04aa862b88" alt=""><figcaption></figcaption></figure>

```
<section class="size-guide py-4"><!-- Sizes Table --><header class="mb-4">
<h4 class="fs-18 fw-semibold mb-2">Sizes for this Product</h4>
<p class="mb-0 text-muted">This is an approximate conversion table to help you find your size. Measure around the fullest part, place the tape close under the arms and make sure the tape is flat across the back (Unit: centimeter).</p>
</header>
<div class="table-responsive mb-5">
<table class="table table-bordered text-center align-middle sizeguide_table" style="width: 100.916%; height: 302px;"><caption class="visually-hidden">Size conversion chart showing US size, bust, waist, and hip measurements in cm<br><br></caption>
<thead class="table-light">
<tr style="height: 19.5938px;">
<th class="fw-500 heading-color" style="width: 11.6887%; height: 19.5938px;">Size</th>
<th class="fw-500 heading-color" style="width: 8.34904%; height: 19.5938px;">US</th>
<th class="fw-500 heading-color" style="width: 19.2955%; height: 19.5938px;">Bust</th>
<th class="fw-500 heading-color" style="width: 30.7987%; height: 19.5938px;">Body Waist</th>
<th class="fw-500 heading-color" style="width: 28.5723%; height: 19.5938px;">Fullest Hip</th>
</tr>
</thead>
<tbody>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">XS</td>
<td style="width: 8.34904%; height: 19.5938px;">2</td>
<td style="width: 19.2955%; height: 19.5938px;">32</td>
<td style="width: 30.7987%; height: 19.5938px;">24&nbsp;–&nbsp;25</td>
<td style="width: 28.5723%; height: 19.5938px;">33&nbsp;–&nbsp;34</td>
</tr>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">S</td>
<td style="width: 8.34904%; height: 19.5938px;">4</td>
<td style="width: 19.2955%; height: 19.5938px;">34&nbsp;–&nbsp;35</td>
<td style="width: 30.7987%; height: 19.5938px;">26&nbsp;–&nbsp;27</td>
<td style="width: 28.5723%; height: 19.5938px;">35&nbsp;–&nbsp;36</td>
</tr>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">M</td>
<td style="width: 8.34904%; height: 19.5938px;">6</td>
<td style="width: 19.2955%; height: 19.5938px;">36&nbsp;–&nbsp;37</td>
<td style="width: 30.7987%; height: 19.5938px;">28&nbsp;–&nbsp;29</td>
<td style="width: 28.5723%; height: 19.5938px;">37&nbsp;–&nbsp;38</td>
</tr>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">L</td>
<td style="width: 8.34904%; height: 19.5938px;">8</td>
<td style="width: 19.2955%; height: 19.5938px;">38&nbsp;–&nbsp;39</td>
<td style="width: 30.7987%; height: 19.5938px;">30&nbsp;–&nbsp;31</td>
<td style="width: 28.5723%; height: 19.5938px;">39&nbsp;–&nbsp;40</td>
</tr>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">XL</td>
<td style="width: 8.34904%; height: 19.5938px;">10</td>
<td style="width: 19.2955%; height: 19.5938px;">40&nbsp;–&nbsp;42</td>
<td style="width: 30.7987%; height: 19.5938px;">32&nbsp;–&nbsp;33</td>
<td style="width: 28.5723%; height: 19.5938px;">41&nbsp;–&nbsp;42</td>
</tr>
<tr style="height: 19.5938px;">
<td style="width: 11.6887%; height: 19.5938px;">XXL</td>
<td style="width: 8.34904%; height: 19.5938px;">12</td>
<td style="width: 19.2955%; height: 19.5938px;">40&nbsp;–&nbsp;41</td>
<td style="width: 30.7987%; height: 19.5938px;">34&nbsp;–&nbsp;35</td>
<td style="width: 28.5723%; height: 19.5938px;">43&nbsp;–&nbsp;44</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
</div>
<!-- Measurement Instructions -->
<div class="row align-items-center">
<div class="col-md-7">
<h4 class="fs-18 fw-semibold mb-3">How to Measure</h4>
<div class="mb-3">
<h5 class="fs-16 fw-medium mb-1">1. Bust</h5>
<p class="mb-0">Measure at the fullest part of your chest, keeping the tape parallel to the floor.</p>
</div>
<div class="mb-3">
<h5 class="fs-16 fw-medium mb-1">2. Body Waist</h5>
<p class="mb-0">Measure at the smallest part of your waist. This is usually below the rib cage and above the hip bone.</p>
</div>
<div>
<h5 class="fs-16 fw-medium mb-1">3. Fullest Hip</h5>
<p class="mb-0">Measure at the fullest part of your seat, keeping the tape parallel to the floor.</p>
</div>
</div>
<div class="col-md-5"><picture> <source srcset="https://cdn.shopify.com/s/files/1/0665/6580/0183/files/size-g_1200x1200.jpg?v=1667383798" media="(min-width: 768px)"> <img class="img-fluid mb-3" alt="Illustration showing how to measure bust, waist, and hips" src="https://cdn.shopify.com/s/files/1/0665/6580/0183/files/size-g_600x600.jpg?v=1667383798"> </picture></div>
</div>
</section>
```

Or you can use your own unique sizechart code template&#x20;

Paste the code inside the html , then click again on the little code icon to preview the chart

<figure><img src="https://2615306771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmqsvYWhY5cQwbys51Es4%2Fuploads%2Fnt5yyLb0ZLNV9IFlGQBa%2FPaste%20the%20code.png?alt=media&#x26;token=f7279db8-e25e-41e5-87c9-02caff640625" alt=""><figcaption></figcaption></figure>

Finally we can link our size chart to appear on our product page

<figure><img src="https://2615306771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmqsvYWhY5cQwbys51Es4%2Fuploads%2FJwYlPJ7X5CXTF4TkAcqY%2FScreenshot%20-%202025-04-21T215617.556.png?alt=media&#x26;token=b98831fe-4691-412b-aea3-7228153997b7" alt=""><figcaption></figcaption></figure>





## &#x20;Want to Create Your Own Page Template?

If you want to design your own version of a page (for example, a custom FAQ layout), follow these steps:

<figure><img src="https://2615306771-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmqsvYWhY5cQwbys51Es4%2Fuploads%2FvmCe7tG2KlwcvdJlFIng%2FPaste%20the%20code%20(1).png?alt=media&#x26;token=934d6f70-e579-47a4-b1ee-c898a52cebbc" alt=""><figcaption></figcaption></figure>

### **Step 1:**

Go to **Online Store** → **Themes**\
Click **“Customize”** on the Glozin theme

### **Step 2:**

In the top center, click the **page type dropdown** (it says "Home page" by default)

### **Step 3:**

Select **Pages → Create template**

### **Step 4:**

Give your template a name (e.g. `custom-faq`), and click **“Create template based on: Default page”**

Now you're in the theme editor and can add sections, remove blocks, and design it however you want.

***

## &#x20;Assign Your New Template to a Page

After creating your custom template:

1. Go back to **Online Store → Pages**
2. Edit the page you want
3. Scroll to **Theme template**, and choose your newly created template (e.g. `custom-faq`)
4. Save!

***

#### ✅ Final Checklist

Once you've created your pages and assigned the correct templates:

* Add them to your **navigation menu** (Online Store → Navigation)
* Link to them from your **footer**, **header**, or **product pages** as needed



***

If you're not seeing the templates, make sure your Materia Theme **is published** and you're using the latest version.

Need help? Email us at **team@materiathemes.com** — we’re happy to assist!
