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

# Portal Design

> YiDA officially provides 9 portal scenario templates that help business beginners build new portals in 3 steps. Multiple editions are supported, including Free plan, Basic edition, Professional edition, Dedicated edition, and SaaS edition. Suitable for broadcastable portal designs such as organization operation dashboards and government affairs.

| **Free plan** | **Basic edition** | **Professional edition** | **Dedicated edition** | **SaaS edition** |
| ------------- | ----------------- | ------------------------ | --------------------- | ---------------- |
| Not supported | Supported         | Supported                | Supported             | Supported        |

For details on each edition, see the [DingTalk YiDA official website](https://www.yidaapps.com/pricing).

## 1. Introduction

YiDA officially provides 9 portal scenario templates. Even business beginners can build a new portal from scratch in **3 steps: drag and drop components, configure data, and configure the subject**.

### 1.1 Feature Overview

In YiDA, the portal displays the app home page or the organization workbench. A broadcastable portal design consists of three parts: "Add components", "Set component attributes", and "Set page style attributes". By default, it adapts to both desktop and mobile.

<Card title="New 0-code portal — Create from template or blank.mp4" icon="bookmark" href="https://www.yuque.com/attachments/yuque/0/2023/mp4/5376772/1688387528431-82ef5e06-5952-4afe-827c-27e84fcced11.mp4" horizontal />

### 1.2 Use Cases

* Organization broadcastable portals: organization operation dashboards, government affairs, enterprise customer service, and more.
* App broadcastable portals: customer management, quality inspection management, procurement management, CRM, and more.

## 2. Steps to Design a Broadcastable Portal

Broadcastable portal design consists of 3 main steps:

### 2.1 Select Components

From the component library on the left, select the components that fit the current portal to display the relevant information.

### 2.2 Set Component Attributes

Select an added component to configure its attributes. For example, edit the component title, add help tips, configure the page Data Source, or set the component image source and link.

### 2.3 Set Page Style Attributes

Click "Page style" to configure the style attributes of the current portal, including switching the portal subject and setting the page layout — for example, adjusting the page width, changing the background image, toggling user information display, and adjusting card styles.