---
title: Dynamic Elements
description: Dynamic Elements are the parts of a microapp which are intended to be personalizable. You can think of dynamic elements as the building blocks of personalization. Each dynamic element should be create
---

[Skip to content](https://support.tiled.co/dynamic-elements#main-content)

English

Show submenu for translations

[Submit a request](https://support.tiled.co/kb-tickets/new)

![logo-horizontal\_w.png\]](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_w.png?height=30&name=logo-horizontal_w.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Submit a request](https://support.tiled.co/kb-tickets/new)

 Hi, how can we help you?

- There are no suggestions because the search field is empty.

1. [Support](https://support.tiled.co/)
2. [Tiled Builder](https://support.tiled.co/tiled-builder)
3. [Personalization](https://support.tiled.co/tiled-builder#personalization)

# Dynamic Elements

Dynamic Elements are the parts of a microapp which are intended to be personalizable. You can think of dynamic elements as the building blocks of personalization. Each dynamic element should be created with the intention to be modified by base users for personalization. There are 6 types of dynamic elements: text, image, video and URL, phone, and email.

1. [Create Dynamic Elements](https://support.tiled.co/dynamic-elements#create)
2. [Types of Dynamic Elements](https://support.tiled.co/dynamic-elements#types)
3. [Default Values](https://support.tiled.co/dynamic-elements#default)
4. [Link tiles to Dynamic Elements](https://support.tiled.co/dynamic-elements#link)
5. [Making dynamic elements as Required](https://support.tiled.co/dynamic-elements#required)

<iframe height="315" src="https://www.youtube-nocookie.com/embed/It-t0WRLfIY" style="position: absolute; top: 0; left: 0; margin: 10px auto; display: block; clear: both;" width="560"></iframe>

### Create Dynamic Elements

1. Click **Get Started** and select from one of the four dynamic elements you want to create.
2. Name your dynamic element. Give it a name others will understand.
3. Optional: add default values to your dynamic elements. We recommend this.

### Types of Dynamic Elements

| Dynamic Element | Description |
| --- | --- |
| **Text** | Directly type in the text field to set the default value. Must be used with a Text tile. |
| **Image** | Upload an image from your device or paste a URL link for the default value. Must be used with an Image Tile. |
| **Video** | Pick the source type (upload or URL) and add a default value. Must be used with the Video Tile. *Note: The source type selected determines the way you can add a default value as well as how instance creators can add video assets, unlike dynamic image tiles. For example, if the source is uploaded here, the instance creator can only add a video asset by uploading from their device and vice versa.* |
| **URL** | Paste an embed or external specific URL link to set the default. Must be used with the Embed, Google Forms, Google Sheets, Google Data Studio, and single Hotspot tiles. Note: The default value for each dynamic element is displayed in two places. If the dynamic element is expanded the default value will display below. If it is not expanded the default value will display to the right. |
| **Phone** | Add a phone number to set the default. Must be used with single hotspot tiles. |
| **Email** | Add an email address to set the default. Must be used with single hotspot tiles. |

*\*There is no limit to the number dynamic elements you can include in your microapp.*

### Default Values

Default values will be visible when you link a tile to a dynamic element. When creating a dynamic field and no default value is provided the following will occur in the respective areas of the product:

- In the builder, the tile will display a placeholder illustration to help the editor quickly identify it is dynamic.
- In the builder preview, the tile will not be visible.
- When viewing the microapp in the library viewer the tile will not be visible.
- When editing an instance in the library viewer (edit mode), users can expect the tile to behave like a normal dynamic tile (outlined in blue, ability to replace etc.).

### Link tiles to dynamic elements

<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.loom.com/embed/9a581a95090041e68e832afd74f7759d?hide_owner=true&amp;hide_title=true&amp;hideEmbedTopBar=true" frameborder="0"></iframe>

1. Once your dynamic elements have been created exit out of the microapp settings modal and start adding one of the four tiles you created dynamic elements for (text, image, video and URL).
2. With a tile you wish to make dynamic selected, you will see a new option to **Make this dynamic**. Turn the toggle on.
3. A dropdown will appear with all of the tile-related dynamic field names you created.
4. Finish configuring each tile using the flyout as normal.

**Note:** Only single hotspots can be marked dynamic.

### Make dynamic elements Required

Editors creating dynamic elements for a microapp have the ability to mark any dynamic element as required. This ensures users fill out necessary dynamic fields before sharing a personalized instance.

<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.loom.com/embed/5fe7add98d254494af05ba6355c7d901?hide_owner=true&amp;hide_title=true&amp;hideEmbedTopBar=true" frameborder="0"></iframe>

1. Go to the Tiled Builder.
2. Click the **gear icon** to open the **Microapp Settings** modal.
3. Click the **Personalization** tab.
4. Expand the dynamic element intended to be required.
5. There is a **Required** toggle at the bottom. Turn the toggle on.

Once the toggle is turned on, you will see a red icon indicating this dynamic field will be required before sharing.

- [Getting Started](https://support.tiled.co/getting-started#main-content)

    - [Intro to Tiled](https://support.tiled.co/getting-started#intro-to-tiled)
    - [Tiled Library](https://support.tiled.co/getting-started#tiled-library)
- [Tiled Builder](https://support.tiled.co/tiled-builder#main-content)

    - [Tiled Builder](https://support.tiled.co/tiled-builder#tiled-builder)
    - [Microapp Tiles](https://support.tiled.co/tiled-builder#microapp-tiles)
    - [Personalization](https://support.tiled.co/tiled-builder#personalization)
    - [Asset Library](https://support.tiled.co/tiled-builder#asset-library)
    - [Best Practices](https://support.tiled.co/tiled-builder#best-practices)
- [Tiled Tiles](https://support.tiled.co/tiled-tiles)
- [Settings](https://support.tiled.co/settings#main-content)

    - [Account Settings](https://support.tiled.co/settings#account-settings)
    - [Library Settings](https://support.tiled.co/settings#library-settings)
    - [Microapp Settings](https://support.tiled.co/settings#microapp-settings)
- [Sharing & Analytics](https://support.tiled.co/sharing-analytics#main-content)

    - [Microapp Analytics](https://support.tiled.co/sharing-analytics#microapp-analytics)
    - [Personalization](https://support.tiled.co/sharing-analytics#personalization)
    - [Sharing Microapps](https://support.tiled.co/sharing-analytics#sharing-microapps)
- [Useful Resources](https://support.tiled.co/useful-resources#main-content)

    - [Additional Guides](https://support.tiled.co/useful-resources#additional-guides)
    - [Developer Tools](https://support.tiled.co/useful-resources#developer-tools)
    - [Accessibility](https://support.tiled.co/useful-resources#accessibility)
    - [Tiled Mobile App](https://support.tiled.co/useful-resources#tiled-mobile-app)
    - [Seismic](https://support.tiled.co/useful-resources#seismic)
    - [Authentication & Security](https://support.tiled.co/useful-resources#authentication-security)
- [Builder 2.0](https://support.tiled.co/builder-2-0#main-content)

    - [Tiled Builder 2.0](https://support.tiled.co/builder-2-0#tiled-builder-2-0)
    - [Microapp Tiles 2.0](https://support.tiled.co/builder-2-0#microapp-tiles-2-0)
    - [Personalization 2.0](https://support.tiled.co/builder-2-0#personalization-2-0)
    - [Asset Panel 2.0](https://support.tiled.co/builder-2-0#asset-panel-2-0)
    - [Layers & Settings 2.0](https://support.tiled.co/builder-2-0#layers-settings-2-0)
    - [FAQ](https://support.tiled.co/builder-2-0#faq)
- [Tiled Plugins](https://support.tiled.co/tiled-plugins#main-content)

    - [Figma Plugin](https://support.tiled.co/tiled-plugins#figma-plugin)
    - [Adobe XD Plugin](https://support.tiled.co/tiled-plugins#adobe-xd-plugin)
    - [Sketch Plugin](https://support.tiled.co/tiled-plugins#sketch-plugin)
- [Integrations](https://support.tiled.co/integrations#main-content)

    - [CRM & Marketing Automation](https://support.tiled.co/integrations#crm-marketing-automation)
    - [Content & Asset Management](https://support.tiled.co/integrations#content-asset-management)
    - [Collaboration & Communication](https://support.tiled.co/integrations#collaboration-communication)
- [New Releases](https://support.tiled.co/new-releases#main-content)

    - [v65.0.0](https://support.tiled.co/new-releases#v65-0-0)
    - [v64.0.0](https://support.tiled.co/new-releases#v64-0-0)
    - [v63.0.0](https://support.tiled.co/new-releases#v63-0-0)
    - [v62.0.0](https://support.tiled.co/new-releases#v62-0-0)
    - [v61.0.1](https://support.tiled.co/new-releases#v61-0-1)
    - [v60.0.0](https://support.tiled.co/new-releases#v60-0-0)
    - [v59.0.0](https://support.tiled.co/new-releases#v59-0-0)
    - [v58.0.0](https://support.tiled.co/new-releases#v58-0-0)
    - [v57.0.0](https://support.tiled.co/new-releases#v57-0-0)
    - [v56.0.0](https://support.tiled.co/new-releases#v56-0-0)
    - [v55.0.1](https://support.tiled.co/new-releases#v55-0-1)
    - [v54.0.0](https://support.tiled.co/new-releases#v54-0-0)
    - [v53.0.0](https://support.tiled.co/new-releases#v53-0-0)
    - [v52.0.0](https://support.tiled.co/new-releases#v52-0-0)
    - [v51.0.0](https://support.tiled.co/new-releases#v51-0-0)
    - [v50.0.0](https://support.tiled.co/new-releases#v50-0-0)

[![logo-horizontal\_k-3](https://support.tiled.co/hs-fs/hubfs/logo-horizontal_k-3.png?width=100&height=21&name=logo-horizontal_k-3.png "logo-horizontal_k-3")](https://tiled.co)

Copyright © 2026, Tiled