# Create custom pages

> Users can create and update a Custom page through the custom page.

Source: https://docs.vestislabs.com/digital-id/create-custom-pages/

**Users can create and update a Custom page through the custom page. The custom page can be used to create an About Us Page, Production Background Story Page, etc.**

**Requires:** permission `PRE_SALE_CONTENT`

**Where to find it:** Settings → Digital ID → Custom Pages

1. **To access the Custom Page, go to Settings…**
   To access the [**Custom Page**,](https://docs.vestislabs.com/digital-id/custom-page/) go to **Settings \> Digital ID** on the left bar menu **.** Select **Custom Pages.**

   ![To access the Custom Page, go to Settings Digital ID on the left bar menu .](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/01-to-access-the-custom-page-go.webp)

2. **Click "+New Page" on the top right hand of the custom page.**

   ![Click "+New Page" on the top right hand of the custom page.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/02-click-new-page-on-the-top.webp)

3. **Page Title: Enter the page title of the custom page.**
   Select the **checkmark** icon next to the page title field to **save** the page title field.

   ![Page Title: Enter the page title of the custom page.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/03-page-title-enter-the-page-title.webp)

4. **Users can select the custom page to be…**
   Users can **select the custom page** to be displayed on the digital ID for **all collections,** and **all styles will be automatically included**. For other options, it is only displayed on the digital ID for **one of the collections** and **styles.**

   ![Users can select the custom page to be displayed on the digital ID for all collections, and all styles will be automatically…](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/04-users-can-select-the-custom-page.webp)

5. **To add text to the custom page, there are two options:**

   1. **A****dd text:** Enter the content in the text box.
   2. **Add rich text content:** Write the content or text that includes formatting elements, such as bold, italics, font sizes, and paragraph alignments on the right-hand section.

   ![To add text to the custom page, there are two options:](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/05-to-add-text-to-the-custom.webp)

6. **Select + > Text on the dropdown options and enter your content in a text box.**
   You can edit and adjust the text format for the **content margin** by entering the number **, align paragraph, Font Size,** **and delete element****.**

   ![Select + Text on the dropdown options and enter your content in a text box.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/06-select-text-on-the-dropdown-options.webp)

7. **Select + > Add rich text content on the dropdown options.**
   Start to write the content on the right-hand section, and adjust the text formatting using bullet points, bold text, italics text, settings the font sizes, and paragraph alignments.

   ![Select + Add rich text content on the dropdown options.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/07-select-add-rich-text-content-on.webp)

   **Nb:** Users can create multiple content for the custom page. To add content in between the other, select the **small orange circle** with a **+** sign in the highlighted box.

8. **To add an image to the custom page, select + > Image on the dropdown options.**

   ![To add an image to the custom page, select + Image on the dropdown options.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/08-to-add-an-image-to-the.webp)

9. **Users can select to upload the image from URL or File.**
   The **Alt Text** is to be used by screen readers to describe the image to help visually impaired users. select **Choose Image**.

   ![Users can select to upload the image from URL or File.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/09-users-can-select-to-upload-the.webp)

   **Image specification:**

   - Any image file can be selected. Click, paste or drag the file into the upload area.

   ![Image Spesification:](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/10-image-spesification.webp)

10. **On the right section, you can change the Image, write the Alt Text, or delete the element.**

   ![On the right section, you can change the Image, write the Alt Text, or delete the element.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/11-on-the-right-section-you-can.webp)

11. **To add a video from YouTube to the…**
   To add a **video** from YouTube to the custom page, select **+ \> YouTube Embed** on the dropdown options.

   ![To add a video from YouTube to the custom page, select + YouTube Embed on the dropdown options.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/12-to-add-a-video-from-youtube.webp)

12. **Enter the YouTube Embed and select Add Video.**

   ![Enter the YouTube Embed and select Add Video.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/13-enter-the-youtube-embed-and-select.webp)

13. **On the right section, you can change the YouTube embed video or delete the element.**

   ![On the right section, you can change the YouTube embed video or delete the element.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/14-on-the-right-section-you-can.webp)

   Text, image and video changes are saved as a draft automatically. The page title and the collection and style selections show a confirmation message, for example **Title saved** or **Data has been saved successfully**.

14. **Users can publish the content from the custom page to be displayed in the Digital ID.**
   Select **Publish** on the left side of the page. Users can unpublish the content by selecting **Unpublish.**

   ![Users can publish the content from the custom page to be displayed in the Digital ID.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/15-users-can-publish-the-content-from.webp)

15. **Select the trash icon to remove the selected custom page from Vestis Labs.**

   ![Select the trash icon to remove the selected custom page from Vestis Labs.](https://docs.vestislabs.com/assets/digital-id/assets/create-custom-pages/16-select-the-trash-icon-to-remove.webp)

## Publish, revert and delete

- **Publish:** Click **Publish** and confirm in the **Publish Changes** window. The page shows **Published** next to its title and customers see it straight away.
- **Draft changes:** Once a page is published, later edits are kept as a draft. A **Draft Changes Detected** card appears with **Publish Changes** and **Revert**. **Revert** goes back to the published version.
- **Delete an element:** Select the element, then click **Delete Element** and confirm.
- **Delete the page:** Click the trash icon and confirm in the **Delete Page** window. This cannot be undone.
- **Back to the list:** Click the arrow at the top left of the editor.

> [!NOTE]
> A page shown to **All Collection** and **All Style** appears for every style. Choosing a collection first unlocks **Only Display to Style**.