Tour at mga solong tooltip
Sunod-sunod na tooltip na may pointer at progress dots: bawat hakbang ay nakakapit sa elemento nito at sumasabay dito. Ang isang hakbang na walang kasunod ay simpleng hint sa isang button.
Kasama sa libreng plano
Mga tooltip, tour at checklist
sa loob ng inyong produkto
Ang inyong product team ang nag-set up, hindi ang mga developer: magdagdag ng isang script tag, at markahan ang interface nang mag-isa — walang release. Patakbuhin sa aming EU cloud o sa inyong sariling mga server, at magbayad gamit ang card nang walang presyo per MAU. Abot-kayang alternatibo sa Appcues, Pendo at Intercom.
Subukan nang libre
Free habambuhay · Pro at Business — 14-araw na trial, walang card
React · Vue · anumang SPA · self-hosted kung kailangan
Bakit kailangan ito
ng product team
Tatlong bagay na hawak ng product team — at direktang ginagalaw ng mga tour.
Mas mabilis na activation
Nakakarating ang mga bagong user sa unang value, sa halip na iwan ang produkto sa blangkong screen. Ginagabayan sila ng tour sa pangunahing action.
Mas kaunting support ticket
Sagutin ang paulit-ulit na “saan ba makikita ang…” gamit ang tooltip direkta sa interface — kung saan umuusbong ang tanong, hindi sa help center na walang nagbabasa.
Mga announcement na nakikita
I-anunsyo ang bagong feature gamit ang modal sa page ng feature na iyon. Hindi email na nawawala sa spam, pero mensahe kung saan ginagamit ang feature.
Tatlong hakbang
hanggang sa unang tooltip
Isang beses lang kailangan ang developer — sa unang hakbang, at kadalasan hindi pa.
-
01
Ikabit
Isang linya sa inyong site — mano-mano, sa pamamagitan ng tag manager, ng website builder o ng AI assistant. Gumagana sa React, Vue at plain HTML, at kaya ang pagpalit ng route sa mga SPA.
<script src="https://tryclew.io/widget/ILAGAY_ANG_SITE_KEY.js" async></script> -
02
Ituro ang elemento
Buksan ang sarili ninyong site, i-click ang button na gusto ninyo, isulat ang teksto ng tooltip. Walang CSS selector, walang ticket para sa developer, walang release: sa ibabaw ng page ninyo gumagana ang editor.
Narito na ang mga reportGumawa ng export sa isang click: inilipat ang report builder sa button na ito.
SusunodTotoong tooltip ito ng Clew: ang markup at estilo ay galing sa widget na inilalagay ninyo sa site.
-
03
Tingnan kung saan sila nawawala
Ang mga view, tapos at sara ay binibilang gamit ang anonymous na id sa browser — walang IP address at walang personal na datos.
- Funnel kada hakbang: kita kung saang hakbang sila umaalis
- Ang hakbang na hindi na makita ang elemento nito ay kusang namamarkahan
- A/B test na may p-value at sample plan — sa Pro pataas
Halimbawang data para sa ilustrasyon
Tatlong format,
isang editor
Iisang widget ang gumuguhit sa lahat ng ito at iisa ang mga panuntunan sa pagpapakita. Nasa ibaba ang widget mismo, hindi larawan nito: sa markup at estilo nito gawa ang mga tooltip na ito.
Modal window
Para sa mga anunsyo at pagbati: nasa gitna, sa ibabaw ng nadilim na backdrop, hindi nakakabit sa kahit anong elemento.
Pro pataas
Checklist ng onboarding
Nasa sulok ng screen at naaalala ang progreso sa pagitan ng mga pagbisita. Ang user mismo ang nagtsetsek ng mga item — subukan dito mismo.
Pro pataas
Tingnan kung ano
ang binabago ng onboarding
Ipinapakita ng A/B test ang kontribusyon ng bawat tour sa activation — ang variant na may tooltip laban sa control group. Nakikita rin kapag hindi na mahanap ng tooltip ang element nito: kadalasan nangyayari ito matapos ang front-end release, at makalipas ang ilang linggo pa ay natutuklasan ng team.
Onboarding A/B test, halimbawang data
Control
May Clew tour
Isang tour, hinati sa mga cohort. Ang activation at pagbabalik ay binibilang gamit ang random na ID sa browser: walang IP address, walang personal na data — GDPR-friendly mula sa disenyo.
Kalusugan ng tour, halimbawang data
Onboarding ng manager1,240 view · gumagana
OK
Step 3 — hindi mahanap ang selector.report-btn--a91f nawawala mula Agosto 14
Iwasto
Checklist “Unang setup”gumagana
OK
Kusang natutuklasan ng Clew kapag hindi na mahanap ng tooltip ang element nito — kadalasan nasisira ito matapos ang front-end release. Hindi nag-crash ang tour: ang nasirang step ay minamarkahan at nilalampasan, at nakikita ninyo ito kaagad, hindi makalipas ang ilang linggo.
Presyo
Walang expiry ang Free. Subukan ang Pro at Business sa loob ng 14 na araw nang walang card — i-test ang inyong hypothesis bago magbayad. Ang mga plan ay naiiba ayon sa scale: mga site, team seat at published tour, hindi kailanman ayon sa monthly active user. Ang Lifetime at Self-hosted ay minsang bayad, walang subscription.
Free
Libre habambuhay
- 1 site, 1 team seat
- Mga tour at tooltip
- Hanggang 3 published tour
- Funnel at alerto sa nasirang step
- Clew logo sa mga tooltip
Pro
$14.99/buwan
14-araw na free trial, walang card
- 3 site, 3 team seat
- Lahat na format: tour, tooltip, modal, checklist
- Hanggang 20 published tour
- 1 A/B test sa isang pagkakataon
- Mga segment at user property
- Walang Clew logo
- MCP server: pamahalaan ang mga tour mula sa Claude, Cursor at ChatGPT
Business
$39.99/buwan
14-araw na free trial, walang card
- 10 site, 10 team seat
- Walang limit na tour
- 5 A/B test sa isang pagkakataon
- Mga role at audit log
- Gallery ng template at 10 handang palette
- Mga checklist na may button at awtomatikong pag-tsek sa URL, click o Clew.complete()
Lifetime
$499 minsang bayad
- Mga feature ng Business, habambuhay
- Walang limit na site at tour
- 10 team seat
- 5 A/B test sa isang pagkakataon
- Minsang bayad — walang subscription, walang renewal
Self-hosted
$1,499 minsang bayad
- Naka-install sa inyong sariling mga server (on-prem)
- Hindi umaalis ang data sa inyong perimeter
- Walang limit sa site, seat, tour o A/B test
- Kasama ang isang taon ng update at support
- Para sa mga bangko, public sector at regulated na industriya
Walang expiry ang Free. Ang Pro at Business ay may 14-araw na trial, walang credit card. Ang Lifetime at Self-hosted ay minsang bayad, walang subscription. Ang mga presyo ay nasa US dollar.
Paghahambing ng mga plan
| Feature | Free | Pro | Business | Lifetime | Self-hosted |
|---|---|---|---|---|---|
| Mga site | 1 | 3 | 10 | walang limit | walang limit |
| Team seat | 1 | 3 | 10 | 10 | walang limit |
| Mga format | Mga tour at tooltip | Lahat na format | Lahat na format | Lahat na format | Lahat na format |
| Published na tour at tooltip | 3 | 20 | walang limit | walang limit | walang limit |
| A/B test sa isang pagkakataon | hindi kasama | 1 | 5 | 5 | walang limit |
| Mga segment at user property | hindi kasama | kasama | kasama | kasama | kasama |
| Mga checklist | hindi kasama | Basic | Advanced | Advanced | Advanced |
| Library ng styling template | hindi kasama | kasama | kasama | kasama | kasama |
| Mga role at audit log | hindi kasama | kasama | kasama | kasama | kasama |
| Mga integration at webhook | hindi kasama | hindi kasama | malapit | malapit | malapit |
| MCP server para sa mga AI assistant | hindi kasama | kasama | kasama | kasama | kasama |
| History ng analytics | 1 buwan | 3 buwan | 12 buwan | 12 buwan | Walang limit |
| Walang Clew logo | hindi kasama | kasama | kasama | kasama | kasama |
| Support | Docs | Priority | Isang taon ng support at update | ||
| Hosting | Clew cloud (EU) | Clew cloud (EU) | Clew cloud (EU) | Clew cloud (EU) | Inyong mga server |
| Billing | Libre, walang expiry | Buwanan | Buwanan | Minsang bayad | Minsang bayad |
Walang limit sa bilang ng bisita at view ng tooltip. Ang mga cloud plan ay sumusunod sa fair use: kung ang load ng isang account ay maraming beses na mas mataas kaysa karaniwan para sa plan nito, kami ay makikipag-ugnayan at magmumungkahi ng mas angkop na plan — hindi namin papatayin ang inyong mga tour.
Magsimula gamit
ang isang linya
Sa cloud — mag-sign up at idikit ang tag. Self-hosted — patakbuhin ang server at idikit ang parehong tag.