做完大概長這樣，左邊的圖片就會是顯示在line上面的樣子，有興趣可以自己摸索一下，這邊還有一個重點是右下方有個Action的部分

type有分成url,postback,message
我們這邊用到postback和message
postback部分就是當你按下"註冊"按鈕，他會背地裡回傳data，也就是（註冊），但是使用者是看不到的。
message就是你會看到linebot回覆你訊息，而訊息內容會是text的欄位。

這時候右上角就可以點開看到這個樣板的JSON格式了
下一篇將附上完整程式碼

Block 區塊(補充說明)

區塊是組成 Bubble 的結構，分為四個部分。

• Header: 顯示標題的區塊。
• Hero: 顯示主要圖片的區塊。
• Body: 顯示主要內容的區塊。
• Footer: 顯示按鈕或補充訊息的區塊
  

Component 組件

組件是 Flex Message 的最基本結構，類型很多如下。

1. Box: 定義介面的佈局，裡面可以包含其它組件
2. Button: 按鈕
3. Image: 圖片
4. Icon: 文字前的圖標
5. Text: 文字
6. Span: 單行文字，可以指定不同的顏色、大小、粗細
7. Separator: 分隔線，可製作水平或垂直的分隔線
8. Filler: 可以在組件間插入空白區塊