---
title: "Include Template"
slug: "include-template-widget"
updated: 2026-04-17T07:26:36Z
published: 2026-04-17T07:26:36Z
canonical: "learn.servitly.com/include-template-widget"
---

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

# Include Template

With this widget it is possible to include a model in another model. This makes it possible to create and organize models in a modular way, facilitating code reuse.

For example, with reference to the image below, the content of the yellow box is defined in a specific template and inserted into the main template along with other widgets.

![Include Template](https://components-manager.servitly.com/components/IncludeTemplate_1/IMAGES/_screenshot?owner=AG_Servitly)

## Template Syntax

Below you can find some examples of how to use the component within a template.

```xml

            <div class="d-flex flex-wrap components-row">

            <thing-details-widget>
            <property name="serialNumber"></property>
            <property name="connectionStatus"></property>
            </thing-details-widget>

            </div>
            <div class="d-flex flex-wrap components-row">

            <include-template name="commands-box"></include-template>

            </div>
        
```

## Component Reference

Here is a comprehensive list of all the elements and properties that can be used to configure the component.

#### Include Template `&lt;include-template&gt;`

| *Template Name* | The name of the template to include. **Name**: name **Type**: STRING \| Required `name="abc"` |
| --- | --- |
| **Rendering** |
| *Availability* | Configure availability based on active features on Digital Plan on Add-ons **Name**: hasFeature **Type**: FEATURE (multiple) \| Optional `[hasFeature]="['feature_a', 'feature_b']"` |
| *CSS Class* | The name(s) of the CSS class used to customize the widget layout. **Name**: class **Type**: STRING \| Optional `class="abc"` |
| *Visibility Condition* | The expression that allows you to reduce the visibility of the element. **Name**: *ngIf **Type**: STRING \| Optional `*ngIf="getUser().organizationId != null"` |

## Full Syntax Example

```xml

<include-template    
    name="abc"
    class="abc"
    *ngIf="getUser().organizationId != null"
    hasFeature="['feature_a', 'feature_b']"></include-template>
```