> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.teachify.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 我們有自己的網站（官網），如何跟 Teachify 搭建的線上課程網站做串聯？

很多創作者、講師原本就有自己的官網、部落格，建議可以在導覽列（ Navbar ）那邊加上一個線上課程 Section，導到 Teachify 的學院或課程銷售頁面。  
  
這裡跟大家分享夥伴的做法：  

---
 
# 1️⃣ Donna 營養師

Donna 在 [官網選單](https://donnadiet.com/) 的右上角，放了一個「線上課程 」綠色醒目按鈕。    

![](https://storage.crisp.chat/users/helpdesk/website/31e42744710f7a0/image_5c3n6x.png)
  
點擊「線上課程」按鈕，會直接連接至 Donna 利用 Teachify 建立的 [學院首頁](https://course.donnadiet.com/)  
  
因為版型類似，所以並不會讓人覺得，跳轉到別的地方哦！    

![](https://storage.crisp.chat/users/helpdesk/website/31e42744710f7a0/image_12kn7bn.png)

#  2️⃣透鏡數位

當消費者進入 [透鏡數位官網](https://lens-content.com/)，點擊右上角「前往學院」白色按鈕（❶）    

![](https://storage.crisp.chat/users/helpdesk/website/31e42744710f7a0/image_1t9e8lp.png)
  
會跳至透鏡用 Teachify 建立的 [學院首頁](https://course.lens-content.com/) ▼    

![](https://storage.crisp.chat/users/helpdesk/website/31e42744710f7a0/image_s7na0b.png)
  
而點擊官網上方選單的「知識萃取工具包」（❷），則會跳至他們用 WorsPress 自行製作的一頁式網頁（One-page Web），頁面上有關於該工具包的完整介紹。  
  
而在頁面上的第一屏，也可看到一個黃色的「立即購買 $2,999」按鈕（❸）。    

![](https://storage.crisp.chat/users/helpdesk/website/31e42744710f7a0/image_1m5zup5.png)
  
點擊後，就會直接連到產品的結帳頁面。  
  
▼ 如果你希望不要讓學員跳轉太多次，可以參考這樣的操作！    

![](https://storage.crisp.chat/users/helpdesk/website/31e42744710f7a0/image_5n9z91.png)

# 延伸閱讀

[他們用 WordPress 架設官網，卻用 Teachify 搭建線上課程平台 — 案例分享](https://blog.teachify.tw/posts/%e4%bb%96%e5%80%91%e7%94%a8-wordpress-%e6%9e%b6%e8%a8%ad%e5%ae%98%e7%b6%b2%ef%bc%8c%e5%8d%bb%e7%94%a8-teachify-%e6%90%ad%e5%bb%ba%e7%b7%9a%e4%b8%8a%e8%aa%b2%e7%a8%8b%e5%b9%b3%e5%8f%b0%ef%bc%9f/)  
  
我們同時也有提供 webhook 串接，但需另外跟 Teachify 團隊約線上會議，討論詳細使用場景。如有類似需求，請點選右下角藍色 icon 跟我們聯絡，我們將盡快回覆。