本文說明如何將生成後的頁面，放到自己的網站中
透過【AI商品頁】功能製作完成的頁面，若要放到您自己的網站中，
可依照以下兩種方式進行處理：
方式一、 將網頁直接截圖，以圖片形式放進自己網站
- 電腦版頁面：可利用 google chrome 免費擴充元件 捕捉網頁擷圖-FieShot
1. 點選 連結，並將擴充元件加入Chrome
2. 開啟已製作完成的頁面，點選擴充元件的圖示，並選擇圖片擷取的方式
*建議分區塊進行擷取，已確保圖檔的清晰度
3. 點選儲存至圖片，即可儲存至你指定的資料夾中
4. 即可將剛才已下載的圖片，依序上傳至您的網站頁面中
- 手機版頁面：使用 iOS 內建 Safari 長截圖功能
1. 將要截圖的頁面網址複製後，透過 Safari 瀏覽器開啟
2. 使用手機截圖功能將畫面擷取下來 (*同時按下 “開啟螢幕” 與 “音量+” 按鈕)
3. 點選左下角的預覽視窗
4. 將截圖方式切換至”整頁”
5. 點選左上角”完成”即可儲存檔案
*因 iOS 版本關係，部分版本手機僅能選擇 “將 PDF 儲存到檔案”，儲存後即為PDF檔。
儲存時，請留意您選擇將此檔案儲存至資料夾的位置。
方式二、使用 iframe 語法將網頁鑲嵌進自己的網站
- 若您自己的網站是使用 WordPress 進行架設，可安裝 Advanced iFrame 外掛程式
1. 外掛安裝後，於要顯示的頁面中加入以下語法，並設定顯示頁面的寬度與高度
[advanced_iframe src=”生成後的頁面完整網址” width=”100%” height=”7750“]
例如：
[advanced_iframe src=”https://www.ailp.connact.ai/dybpm/r2aivj” width=”100%” height=”7750″]
2. 將頁面存檔後，生成的頁面即可鑲嵌進您自己的網站頁面中
- 如果您的網站非使用 WordPress 進行架設，或無安裝上述外掛，也可透過 HTML 的 <iframe> 語法進行設定
1. 請於 HTML 設定物件中加入以下語法，並設定顯示頁面的寬度與高度
<iframe src=”生成後的頁面完整網址” width=”100%” height=”7750“>
</iframe>
例如： <iframe src=”https://www.ailp.connact.ai/dybpm/r2aivj” width=”100%” height=”7750“>
</iframe>
2. 將頁面存檔後，生成的頁面亦可鑲嵌進您自己的網站頁面中
- 因一個HTML 的 <iframe> 語法，只能設定一種頁面高度，
若出現 其他裝置(平板/手機) 頁面下方有留白的情形，可嘗試調整整體適合的頁面高度，或使用 “回應式” 功能，針對不同裝置各別獨立設定頁面的顯示
