LivePage

One link opens on phones, computers and big screens, and adapts to each.

访客交通指引 template

Internal teamsHealthcareHandbooks & guides

Example: 来云溪生命科学园,这样走 · 互动地图

帮我给我们园区做一份访客交通指引,发成一个网页链接给来访的客户、面试的人和合作方:页头是园区名,一行地址(能长按复制,再配一个复制按钮)、前台电话(点了能拨)、接待时间和更新日期;接着画一张北向上的园区示意图:大门、每栋楼、访客停车场、地铁口,用虚线画出从地铁口走到访客中心的路,标出步行米数和分钟数,访客中心上标「先到这里」;点图上某栋楼会高亮,图下面一行一栋楼写它是做什么的、访客能不能进;然后「怎么来」按地铁、自驾、打车、机场高铁分开,每种写三步和预计时间;「到了之后」按顺序写登记换证、等接待人、过闸机坐电梯、离开交证,再列会议室在哪栋几层;再写园区里吃饭、休息、无障碍通道,几条常见问题做成点开看的;最后一张「我要来访」表单(称呼、单位、来访日期、车牌、找谁),存到一张数据表里,提交后显示已登记。手机是主场景,示意图手机上单独画一套,按钮和可点的地方够大;少用底色块,用细线分隔。地址或楼层有变就更新同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-visitor-guide/agent.md and follow its structure and layout, replacing all content with mine. Deliver one self-contained HTML file (styles inline, no external files, good on phones) and give me the .html file to download.
· If you have LivePage tools (MCP): use sample sample-visitor-guide as the base (list_examples key=sample-visitor-guide), publish it on LivePage and show me the preview first.
· No LivePage tools but you can send HTTPS requests: POST the finished HTML with Content-Type: text/html to https://space.24haowan.com/api/quick?client=template-sample-visitor-guide and give me the preview link and claim link it returns (a 7-day temporary link).
If you don't have the LivePage connector (MCP) yet, read https://space.24haowan.com/for-agents.md first and follow it to connect, or publish without signing in.

Doubao, DeepSeek, Kimi, Yuanbao, ChatGPT, Claude… any agent that can read a link

View page
Publish as a link that opens in WeChat

WorkBuddy, Claude, Codex and other MCP agents; sign in by scanning with WeChat

Connecting LivePage in WorkBuddy for the first time? See the illustrated guide ›

Connect me to LivePage: first read https://space.24haowan.com/for-agents.md and walk me through it step by step; then use https://space.24haowan.com/examples/sample-visitor-guide/agent.md as a reference to make my own "来云溪生命科学园,这样走", publish it on LivePage and show me the preview first.

My requirements: 帮我给我们园区做一份访客交通指引,发成一个网页链接给来访的客户、面试的人和合作方:页头是园区名,一行地址(能长按复制,再配一个复制按钮)、前台电话(点了能拨)、接待时间和更新日期;接着画一张北向上的园区示意图:大门、每栋楼、访客停车场、地铁口,用虚线画出从地铁口走到访客中心的路,标出步行米数和分钟数,访客中心上标「先到这里」;点图上某栋楼会高亮,图下面一行一栋楼写它是做什么的、访客能不能进;然后「怎么来」按地铁、自驾、打车、机场高铁分开,每种写三步和预计时间;「到了之后」按顺序写登记换证、等接待人、过闸机坐电梯、离开交证,再列会议室在哪栋几层;再写园区里吃饭、休息、无障碍通道,几条常见问题做成点开看的;最后一张「我要来访」表单(称呼、单位、来访日期、车牌、找谁),存到一张数据表里,提交后显示已登记。手机是主场景,示意图手机上单独画一套,按钮和可点的地方够大;少用底色块,用细线分隔。地址或楼层有变就更新同一个链接。
Share poster

In WeChat, long-press the image to save or forward it. Scanning the code opens this template.

Share poster for 来云溪生命科学园,这样走

Download poster

About this template

园区、公司总部、工厂、门店、学校要告诉来访的人(客户、面试者、合作方、供应商)怎么来、到了去哪登记:一张可点的园区示意图 + 按地铁 / 自驾 / 打车 / 机场高铁分的路线 + 到了之后的登记换证和会议室楼层,文末收来访登记。只请人来一次饭局或聚会、要回执几位大人小朋友选 sample-invitation;教员工一步步操作某件事选 sample-handbook;几天的出行安排选 sample-weekend-trip。

Page structure:园区示意图 · 怎么来 · 到了之后 · 吃饭、休息和无障碍 · 常见问题 · 我要来访

  • 可点的园区示意图(内联 SVG,手机 / 电脑各一套坐标),点楼高亮并对应下方楼栋说明
  • 页末来访登记回写数据表(原生表单 POST ./_data/visits),提交后就地显示「已登记」
  • 地址、楼层、停车规则有变动更新同一个链接,发出去的旧链接一直有效
  • 微信卡片(share.title / share.desc)

Prepare before publishing: 数据表 visits(列 name / company / date / plate / host,append_open=true):文末「我要来访」写进这里,发之前先用 set_data 建好;前台每天用 list_data_rows 读回做访客证

View template source ›

More like this