---
title: "Web Template Editor"
slug: "understanding-advanced-customisation"
updated: 2022-09-23T12:51:35Z
published: 2022-09-23T12:51:35Z
canonical: "help.nexudus.com/understanding-advanced-customisation"
---

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

# Web Template Editor

## What Is The Web Template Editor ? 
The Web template editor is a built-in editor that lets you edit your Members Portal built-in files and add custom ones.

![WebTempEditor.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/WebTempEditor.png){height="" width="700"}


## How the Web Template Editor Works

The template editor works using versions. The live version is the default set of template files available to you when you first sign up to Nexudus. It's the version that you currently see on your {{variable.MembersPortal}}. You can create more versions to work on customization without disturbing customers currently using your portal. 



{{variable.MoreInformation}} [Managing Template Files Versions](/v3/docs/managing-members-portal-versions){target="_blank"}

## Template Editor Tabs 

Any file you open in the web template editor includes three tabs that let you track your edits, check the file's details and edit the file itself. 

![WebTemplatesTabs.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/WebTemplatesTabs.png){height="" width="700"}


### Diff view 
This tab lets you see all the edits saved for the selected file. The original file is always based on the latest default file within your version. 

![WebTemplateDiff.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/WebTemplateDiff.png){height="" width="700"}


You can easily revert back to the default file by clicking on **Reset my file**.

### File details
This tab lets you access all the details of the selected file, including its URL. You can also enable and disable custom components from this tab. 

![WebTemplateFileDetails.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/WebTemplateFileDetails.png){height="" width="700"}

### Code editor
This tab lets you edit the file's code. If you're replacing an existing component, the default component's code automatically populates the editor. 

![WebTempalteEditorTab.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/WebTempalteEditorTab.png){height="" width="700"}