Paano gumawa ng interactive product guide nang walang developer
Sa halip ng help article na may screenshot, bigyan ang mga user ng listang “Paano…?” sa loob ng produkto. Ang bawat paksa ay nagbubukas ng tamang page at gumagabay gamit ang tooltip sa tunay na interface.
- Oras
- ● 30 minuto
- Presyo
- 14-araw na free trial, walang card
- Format
- Onboarding checklist + Step-by-step na tooltip
Paano binubuo ang guide mula sa dalawang format
Pinagsasama ng interactive guide ng Clew ang dalawang item:
- Onboarding checklist na may title gaya ng “Paano…”, kung saan ang bawat item ay paksa at ang link ay tumuturo sa page na may
?tutorial=<tour-slug>; - isang Step-by-step na tooltip tour bawat paksa. Kapag binuksan gamit ang
?tutorial=, kaagad nagsisimula ang tour — maging para sa mga nakakita na.
Maaaring buksan ang guide Kapag i-click ang element sa inyong kasalukuyang “Help” button at ipakita Bawat pagbisita, para bumalik dito kapag kailangan. Nagbubukas ang mga link sa bagong tab, at nananatili ang kasalukuyang page.
Kailan mas mahusay ang guide kaysa tour
Mga feature na ginagamit minsan sa isang buwan
Export, period close, bulk import: walang natatandaan ang mga step, kaya mas pakinabang ang on-demand na walkthrough kaysa tour sa unang araw.
Mga karaniwang tanong sa support
Kunin ang limang pinakamadalas na ticket na “paano…” at gawin ang bawat isa na paksa.
Portal ng client at partner
Dealer, student, tenant: mga user na minsan-minsan na hindi dapat kailanganin ng training.
Mga internal tool
Admin panel at back office kung saan nagtatanong ng parehong bagay ang mga bagong kasamahan.
Paano gumawa ng interactive guide sa 5 step
- Step 01
Kopyahin ang inyong Clew snippet
Gumawa ng libreng account (o mag-sign in), idagdag ang inyong site at buksan ang Buod sa admin. I-click ang line sa card na Walang signal mula sa widget pa. para kopyahin: nasa loob na ang tunay na site key sa halip ng placeholder.
<!-- Clew: palitan ang ILAGAY_ANG_SITE_KEY ng site key mula sa Admin > Buod --> <script src="https://tryclew.io/widget/ILAGAY_ANG_SITE_KEY.js" async></script>
Step 1 · eskematikong ilustrasyon - Step 02
Idagdag ang line sa site nang minsan
I-paste ang snippet kung saan pinamamahalaan ninyo ang site. Ang bawat gabay ay 5–10 minuto at hindi kailangang ulitin: ang lahat na iba pa ay ginagawa sa Clew.
Step 2 · eskematikong ilustrasyon - Step 03
Gawin ang mga tour, pagkatapos ang guide checklist
Unang gawin ang isang Step-by-step na tooltip tour bawat paksa gamit ang I-edit sa iyong site at Pumili ng element, at itala ang Slug (ginagamit sa link) ng bawat tour. Pagkatapos gumawa ng Onboarding checklist: isang item bawat paksa, at sa URL ng link ang address ng page plus
?tutorial=at ang slug ng tour.Step 3 · eskematikong ilustrasyon - Step 04
Piliin kung saan, kailan at para kanino ipapakita
Sa parehong editor, sagutan ang Saan ipakita (URL ng page), Kailan ipakita, Pag-target ng audience at Frequency. Ito ang mga setting ng halimbawa sa itaas:
Setting Value Checklist Format Onboarding checklist Saan ipakita (URL ng page) Seksyon ayon sa prefix /appKailan ipakita Kapag i-click ang element: [data-tour="help"]Pag-target ng audience Walang rule: lahat na nagbukas sa page Frequency Bawat pagbisita Product tour Format Step-by-step na tooltip Saan ipakita (URL ng page) Seksyon ayon sa prefix /app/integrationsKailan ipakita Kaagad kapag nag-load ang page Pag-target ng audience Walang rule: lahat na nagbukas sa page Frequency Minsan bawat bisita 
Step 4 · eskematikong ilustrasyon - Step 05
I-publish at tingnan sa live na site
Itakda ang Status sa Naka-publish at i-save. Buksan ang page sa private window: tinatandaan ng Clew kung sino ang nakakita na ng item na “minsan”, kaya maaaring hindi ito ipakita sa inyong karaniwang browser. Ang mga view, completion at drop-off ay nasa stats.
Step 5 · eskematikong ilustrasyon
Step by step: interactive product guide sa inyong platform
Piliin ang platform kung saan ginawa ang inyong site o app. Ang bawat gabay ay may mga step sa pag-install, halimbawang may handang setting, at mga karaniwang problema ng platform na iyon.
Libre ba?
Ang format na ito ay bahagi ng Pro plan. Bawat bagong account ay nagsisimula sa 14-araw na free trial na may lahat na format at audience rules, walang card. Kapag nagtapos ang trial, walang nabubura at patuloy na ipinapakita ang mga naka-publish; nananatiling libre ang mga tour at tooltip sa Free plan.
Mga tanong at sagot
Libre ba ang guide?
Libre ang mga tour, pero ang checklist na naglilista ng mga paksa ay bahagi ng Pro. Kasama sa 14-araw na trial, walang card.
Bakit nagbubukas sa bagong tab ang paksa?
Ang link ng checklist ay laging nagbubukas ng bagong tab para hindi mawala sa user ang page na kinaroroonan. Kaagad nagsisimula ang tour sa tab na iyon.
Maaari bang i-link ang tour mula sa aming help center?
Maaari. Anumang link sa page na may widget at ?tutorial=<slug> ay nagsisimula ng tour — mula sa article, email o chat reply.
Ilang paksa?
Lima hanggang pito. Ang bawat tour ay tatlo hanggang anim na step; hatiin ang mahabang proseso sa dalawang paksa.