---
# System prepended metadata

title: 開發團隊放棄的網站，如何繼續使用其網站功能(Wix-embed內嵌與限制範圍)

---

# 開發團隊放棄的網站，如何繼續使用其網站功能(Wix-embed內嵌與限制範圍)
> [name=Sharon Mai] [time=20230521, Sun] [color=#907bf7]

> 情境：在桌游編輯器的網站中，好不容易設計完成桌游開啟協作遊玩功能，卻發現……
> - 鎖定編輯功能無法使用
> - 網站開發團隊消失，嘗試傳送e-mail但並未回覆
> 
> 該怎麼辦呢？

> 思路：notion的embed內嵌網站功能可否複製在模板網站Wix中呢?

> 技術方向：使用iframe標籤內嵌網站

## 📺成果展示
> 成功！左側欄位的編輯功能已無法點選

![](https://hackmd.io/_uploads/rk_4vbOBn.gif)

## 🔍調查市面上免費的模板開發網站
詢問ChatGPT免費的編輯模板網站：
有WordPress、Wix、Blogger
- WordPress→自定義iframe需要收費
- Blogger→自定義需要高成本的撰寫程式時間
- 最後選擇使用**Wix**有許多免費插件、友好的自定義編輯介面、感人的響應式介面(這些居然都免費?

## 🎮Wix操作流程
1. Add > Elements > Embed Code > Embed HTML
    ![](https://hackmd.io/_uploads/H1Uk6b_B3.png)

2. 貼上桌游網址
    ![](https://hackmd.io/_uploads/S1Ebpb_r3.png)
3. 限制互動範圍
    > 將側邊工具欄蓋上長方形shape並調整為全透明
    1. Add > Elements > Basic Shapes
        ![](https://hackmd.io/_uploads/H1M5hb_r3.png)
    2. 調整Shape大小覆蓋住左側欄位的編輯功能
        ![](https://hackmd.io/_uploads/S1JunWdr3.png)
    3. 調整Shape透明度為全透明
        ![](https://hackmd.io/_uploads/Bk6w5bOHh.png)
4. 完成！[成果展示](#📺成果展示)

## 🕳️結語
- 找有維護的商用網站，不知道此網站哪一天伺服器掛了或瀏覽器更新直接GG思密搭。
- 目前需要手動點擊在瀏覽器上同意第三方跨域的cookie允許。