官網欄目 · 智能名片旗艦版2.0教程

> 添加官網欄目 ``` 可添加不同類型官網模塊總共有10個模塊板式操作官網模塊的順序必須先添加欄目，再添加該欄目的內容添加后模塊類型不可修改 ``` ![](https://img.kancloud.cn/74/06/740611f16a1fdac59ccde233ca7eee8c_884x396.png) > 添加“文章列表”模塊 > 1、添加文章列表模塊 > 2、添加文章 ![](https://img.kancloud.cn/f7/d7/f7d7cb6fcc48eab1366d9f1baa79f941_588x689.png) ![](https://img.kancloud.cn/ca/89/ca89501c0a8945ff1966e62adef2c46a_1148x539.png) ![](https://img.kancloud.cn/a8/89/a88995e6d5bf068eaa535991b0ba58a5_884x381.png) ![](https://img.kancloud.cn/16/ef/16ef7cfbacb644c47a481e1145a747c3_792x668.png) > “文章列表”展示及效果 ![](https://img.kancloud.cn/b2/75/b2750a54173c97aba19670f57f484ad7_1137x707.png) > 添加“圖文詳情”模塊 > 1、添加圖文詳情模塊2、添加圖文詳情內容 ![](https://img.kancloud.cn/6d/0b/6d0b34af361ec2ef246758cabc59a281_604x679.png) ![](https://img.kancloud.cn/a2/76/a2762e29b9262b7376c0353ca368bd35_1045x550.png) ![](https://img.kancloud.cn/f2/45/f245ba797588bfd086044f5e9e00aeba_930x699.png) > “圖文詳情”展示及效果 ![](https://img.kancloud.cn/6e/cd/6ecd4ec4f0e506e354f2fe0cb1f9b5c0_1089x682.png) > 添加“招聘信息”模塊 ![](https://img.kancloud.cn/c7/54/c754c2bf2b3dd9c417def0d95621c60b_577x700.png) ![](https://img.kancloud.cn/54/61/546164e8ada54f897cffca9ed8891719_1082x583.png) ![](https://img.kancloud.cn/8f/2e/8f2e07798af7e0be15083684e5052041_848x308.png) ![](https://img.kancloud.cn/7a/9a/7a9a04e57cbede8768eef14330a2c231_823x672.png) > “招聘信息”展示及效果 ![](https://img.kancloud.cn/3d/f4/3df4b9ce1a2577bfd649cc26afd36051_1176x682.png) > 添加“聯系我們”模塊 ![](https://img.kancloud.cn/8d/47/8d47dddbbd00a8076a8dcb926ab6ca71_626x661.png) ![](https://img.kancloud.cn/96/72/9672ab44724b9e455e886fc0920e17d2_929x483.png) ![](https://img.kancloud.cn/c4/df/c4df94cef7a0711c9f03723dd51acb63_592x656.png) > “聯系我們”展示及效果 ![](https://img.kancloud.cn/9e/81/9e8166d33a5abddbe484e420c9d8ca30_1189x664.png) > 添加“員工展示”模塊 ![](https://img.kancloud.cn/60/ef/60ef98d04a3e2ffa5ab5b931753e49aa_564x680.png) ![](https://img.kancloud.cn/3b/fb/3bfb3562a447f7374f10de5b25459887_963x464.png) ![](https://img.kancloud.cn/07/ed/07ede77479b2e1dd72475a1e2613be88_860x301.png) ![](https://img.kancloud.cn/9c/c2/9cc24142a7407a1156e73e84f2b461ae_862x686.png) > “員工展示”展示及效果 ![](https://img.kancloud.cn/2d/43/2d433cbfa7b24a746db548fac3a2f59d_1164x683.png) > 添加“撥打電話”類型模塊 ![](https://img.kancloud.cn/81/0f/810f8e16362a7a662d2fc1d97476a573_604x662.png) ![](https://img.kancloud.cn/78/79/7879a2188044e6285669f544710a32d7_850x662.png) > “撥打電話”展示及效果 ![](https://img.kancloud.cn/b2/4c/b24c8b0eb3e501b914de33211614cfec_1081x657.png) > 添加“視頻模塊” ![](https://img.kancloud.cn/7b/a5/7ba5d134be0f50ec6caf8296765e29c6_592x693.png) ![](https://img.kancloud.cn/54/20/54209a412aff9949377815cd8e7c9278_803x428.png) ![](https://img.kancloud.cn/9d/cb/9dcb7b59c916c0db897d65d2905b84cb_815x399.png) ![](https://img.kancloud.cn/e3/bf/e3bf777c78e01a31fc9c9c20cb8a8df1_821x588.png) > “視頻模塊”展示及效果 ![](https://img.kancloud.cn/eb/13/eb131f9437dc60b64f979c38a93a55e6_1171x691.png) > 添加“表單模塊” ![](https://img.kancloud.cn/09/b0/09b0f166fee1bc39cfd30838f49996b4_670x700.png) > “表單模塊”展示 ![](https://img.kancloud.cn/33/bc/33bce64ff5783f30290b227e3c184977_1146x655.png) > 小程序端添加留言 ![](https://img.kancloud.cn/25/6c/256c4e46d18c2d0aa18bca746f6cd8cb_1136x645.png) > 添加“跳轉網頁”模塊 > 跳轉網頁詳情參考： [http://www.hmoore.net/book/fupengxian520/mp2\_0/preview/H5外鏈配置.md](http://www.hmoore.net/book/fupengxian520/mp2_0/preview/H5%E5%A4%96%E9%93%BE%E9%85%8D%E7%BD%AE.md) ![](https://img.kancloud.cn/e2/2f/e22f3d9cf7b42378185504ec3827522c_534x680.png) ![](https://img.kancloud.cn/26/77/267731e590a0966cfe9334469b8eaef0_823x641.png) > “跳轉網頁”展示及效果 ![](https://img.kancloud.cn/64/bf/64bf596632da06c17e2d9a1e96b423d4_1149x632.png) > 添加“跳轉小程序”模塊 > 跳轉小程序詳情參考： [http://www.hmoore.net/book/fupengxian520/mp2\_0/preview/小程序鏈接.md](http://www.hmoore.net/book/fupengxian520/mp2_0/preview/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E9%93%BE%E6%8E%A5.md) ![](https://img.kancloud.cn/6e/30/6e308a2776112e8499d11e31b3b6cee4_569x675.png) ![](https://img.kancloud.cn/0b/fa/0bfa69af9741c8646a1264ee7d307397_935x680.png) > “跳轉小程序”展示及效果 ![](https://img.kancloud.cn/fa/5e/fa5e07ee421b8885849ad9520cbbe7a3_1183x670.png)