# 組件類型

在平時設計網頁的時候，有一些設計組件經常被重複使用。WebFlow把這些組件提前組合好，在使用的時候可以提高效率。

**現在WebFlow上共有11個組件：**

1. Tab選項卡
2. 導航欄
3. 下拉選單
4. 輪播圖
5. 燈箱
6. 地圖
7. 視頻背景
8. Facebook
9. Twitter
10. Google
11. 內嵌代碼

### Tab選項卡

<img src="/files/C5nB0RBxyur7JDlB3RaE" alt="" data-size="original">

![](/files/vcBTDspiI8LGrQPifQwk)

### 導航欄

全站頂部的導航欄

<img src="/files/yw4gENpDzdraBRfoB09H" alt="" data-size="original">

![](/files/VJa7ZW578ZpNwC8QKOwg)

### 下拉選單

<img src="/files/OFQthDA2QUYSitRVODIk" alt="" data-size="original">

![](/files/2HKBGmcz8xb0npoTTFq7)

### 輪播圖

![](/files/0QbdZzKXgMTQ2iBzKgqj)

![](/files/PT5TwBTBL21syb7beh1W)

### 燈箱

![](/files/yGasO9cDS1468Tfzf3K9)

![](/files/YBKmQmlSxaRLI4jgmxyB)

### 地圖

用這個組件可以在頁面上嵌入Google地圖

![](/files/FCgEdejRJrpsQrQ3l8nZ)

![](/files/GOAfakJQUdrb29NPIFuR)

### 視頻背景

![](/files/EupOVkkF4CFvLcekloQ3)

![](/files/Avhm9tIsPwSDpFj5Dj1F)

### Facebook

可以把Facebook的信息嵌入到頁面上，用戶可以直接看到Facebook頁面的更新。

![](/files/BfaVVP8W4Tt4XXGUnutW)

![](/files/CBhk164KfI0XVeHalcRR)

### Twitter

可以把Twitter帳號的信息嵌入到頁面上，用戶可以直接看到Twitter時間線的更新。

![](/files/6iSr9eVYir5Ng8n55M1r)

![](/files/MD9AzoCvGQGpEpK4VQM5)

### Google +

可以把Google+頁面的信息嵌入到頁面上，用戶可以直接看到Google+頁面的更新。

![](/files/oHTkTJUarI8Psjn43sVH)

![](/files/rsLujfyloavTRYPUIWwR)

### 內嵌代碼

可以嵌入第三方代碼。\
對應HTML 標簽

![](/files/TYEfovjBeGoj5ErkZaZi)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tenten.co/docs-webflow/webflow-101/4-yuan-su-de-lei-xing/zu-jian-lei-xing.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.