# Creating and editing custom pages

{% hint style="info" %}
Custom pages can only be created and edited by an Administrator.
{% endhint %}

Administrators can develop custom site pages to display specific content, design elements, functionalities, or branding that aligns with the their organisation's specific needs or brand.

### How to create a custom page?

1. Select 'Admin tools' from your username dropdown.

<figure><img src="https://683603551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPeaKzA2mZwMc13WvgBV9%2Fuploads%2FQwT4n78qdLu8cTk5lncv%2Fimage.png?alt=media&#x26;token=cfc83d97-ab38-43e6-904d-0d9cc25812d6" alt=""><figcaption></figcaption></figure>

2. Select 'Custom pages'.

<figure><img src="https://683603551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPeaKzA2mZwMc13WvgBV9%2Fuploads%2FNro9juQtW7hSckZRpn4A%2Fimage.png?alt=media&#x26;token=8935cebd-1da9-46df-bcb9-3c336af81c8f" alt=""><figcaption></figcaption></figure>

3. **If you wish to create a new custom page**, select 'Create'. **If you wish to edit an existing custom page**, select 'Edit' from the relevant custom page's row.

<figure><img src="https://683603551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPeaKzA2mZwMc13WvgBV9%2Fuploads%2FGK180jeIwFbsYCpQmTYh%2Fimage.png?alt=media&#x26;token=5d8c8b20-7ac1-4994-9983-fa5c6eb4d44d" alt=""><figcaption></figcaption></figure>

4. Populate the 'Slug' field with the URL slug you'd like the page to have.

<figure><img src="https://683603551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPeaKzA2mZwMc13WvgBV9%2Fuploads%2F8h9fzgd9xQzZcpl64Auf%2Fimage.png?alt=media&#x26;token=dca73963-abec-45f6-bee5-fec481379338" alt=""><figcaption></figcaption></figure>

**Note:** Slugs cannot contain spaces or uppercase letters.

6. Populate the 'Title' field with the title you'd like to give the custom page.

<figure><img src="https://683603551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPeaKzA2mZwMc13WvgBV9%2Fuploads%2FgIBCCgqBCmpw9luMu61c%2Fimage.png?alt=media&#x26;token=c62dcfbf-4a61-4ac8-a22e-879a60d195ff" alt=""><figcaption></figcaption></figure>

7. Select from the following options using the 'Safe body mode' field:

* 'Safe mode': Only allows the use of HTML tags from a restricted list
* 'Unrestricted mode': Allows the use of any HTML tags.

<figure><img src="https://683603551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPeaKzA2mZwMc13WvgBV9%2Fuploads%2FTKiGLOwmhaKF7LAUrCTi%2Fimage.png?alt=media&#x26;token=5e114bc9-4767-4bcf-ba67-a99737a6e301" alt=""><figcaption></figcaption></figure>

8. Populate the 'Body' field with the rich text and/or HTML content you'd like your custom page to include.

<figure><img src="https://683603551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPeaKzA2mZwMc13WvgBV9%2Fuploads%2FaqyH52bmn7FvMAlxC2Xw%2Fimage.png?alt=media&#x26;token=49aa6fc5-c476-4180-a0f6-428efe162752" alt=""><figcaption></figcaption></figure>

9. Select from the following visibility options in the 'Status' dropdown:
   * 'Available to everyone': Visible to all site visitors
   * 'Available only to:
     * 'Users who have an account in the system': Visible only to users that are logged in to Tablion
     * 'Administrators': Visible only to Administrators
     * 'Users who have a valid passport': Visible only to users who hold a valid data passport of any type.

<figure><img src="https://683603551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPeaKzA2mZwMc13WvgBV9%2Fuploads%2FioZ0pT7T9eSFklEDSv2q%2Fimage.png?alt=media&#x26;token=b34e153f-592b-4488-9c3f-b65937763c83" alt=""><figcaption></figcaption></figure>

9. Select 'Save' once satisfied. Your custom page will be accessible via [https://staging.tablion.aristotle.ninja/pages/\[*your\_custom\_slug*\]](https://staging.tablion.aristotle.ninja/pages/\[slug]).

<figure><img src="https://683603551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPeaKzA2mZwMc13WvgBV9%2Fuploads%2FVCmjRhs0mw03DglFRops%2Fimage.png?alt=media&#x26;token=a4100405-fc3d-4d90-b85f-d530eaffee42" alt=""><figcaption></figcaption></figure>
