Wix作為一個套版網站平台，提供了很多免費的模板，也有很多免費元件，使用上已經非常簡單了只需要拉到特定位置就行，所以這邊我就不講基礎應用，我們要講如何使用Wix Velo來寫function，強化Wix不足的地方，解鎖付費功能！！
Step 1.先設定底層架構，使用Wix免費模版元件
要做出上面這種點文字或是點頁籤就換下一張圖的效果，我們要先把框架架好，才能在框架上寫程式，就像是把Html先寫好再去寫Java Script的概念吧
- 加入索引頁籤模板：加到你要的位置後，先把自己要的設計設定好
- 索引頁籤分頁：點擊管理可以加入不同分頁
- 加入收納盒：收納盒的好處就是，當你的文字行數變短的時候，下面的文字會往上縮，且有收納盒的情況，在RWD裡面會比較好找
- 收納盒分類：我文字區塊放一個，圖片區塊放一個
- 加入多狀態方塊：用於文字點之前跟點之後的狀態，還有圖片因為文字點擊而切換的狀態
- 多狀態方塊設定：把底色全部拿掉，只放文字在裡頭
- 多狀態方塊設定範例：像我的點擊前文字，跟點擊後要出現的文字
- 多狀態方塊（子狀態）：如果點擊開來的文字裡面也要有切換的狀態，那再狀態二的情況下再塞入多狀態方塊
- 多狀態方塊（圖片）：依據你的點擊需求放置不同圖片，也是透過狀態來切換
Step 2.帶入Wix Code
- 當我點擊vetorImage3的這個按鈕的時候
- 我的statebox8的狀態盒會改變狀態變成狀態2，其他的文字依此類推，必須要很清楚的把每一個可能的狀態都寫出來
- 包含其他的文字狀態方塊的呈現方式也要寫明，例如第二段的文字狀態此時就要是收盒的狀態1，如果有更多多狀態方塊，就要一一寫進去
- 右邊圖片的切換也要是在這個vectorImage3的狀態時呈現的圖片
Step 3.驗證
做完後自己要測試看看哪邊還沒有調整到，然後其實wix很多代碼的使用方式可以看他們介紹的網站 https://dev.wix.com/docs/velo，有明確的說明怎麼使用，另外很多Youtube也有類似的教學，例如說我這個特效是參考這個影片的教學 https://youtu.be/iSKenmKqtmo?si=FT3KteUitLdZSw7Y