Paano magdagdag ng tooltip sa Webflow site nang walang developer
Contextual hint sa Webflow: isang pangungusap sa tabi ng element kung saan nag-aalinlangan ang mga bisita, inilalagay sa isang click sa visual editor at ipinapakita kapag tumutulong.
- Oras
- ● 10 minuto
- Presyo
- Free plan
- Sino ang gagawa
- Admin ng Webflow site
Halimbawa: tooltip sa Webflow
Sa Webflow pricing page, hindi napapansin ng mga bisita na ang annual billing ay nagse-save ng dalawang buwan. Sinasabi ng tooltip sa monthly/annual toggle “Annual = 2 buwang libre” sa sinumang nagbubukas ng /pricing, minsan.
Libre sa Free plan ng Clew, walang card at walang expiry: isang site at hanggang 3 na naka-publish na tour o tooltip. Ang audience rules at A/B test ay nasa Pro.
Paano magdagdag ng tooltip sa Webflow, step by 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
Buksan ang Site settings → Custom code
Sa Webflow dashboard buksan ang Site settings ng site at ang Custom code tab. Kailangan ng paid Site plan para custom code.
Step 2 · eskematikong ilustrasyon - Step 03
I-paste sa Head code
I-paste ang line ng Clew sa Head code at i-click ang Save changes.
Step 3 · eskematikong ilustrasyon - Step 04
I-publish ang site
Naaabot ng custom code ang live na site pagkatapos ng Publish lamang — sa inyong custom domain at sa
webflow.iokung gumagamit ng dalawa.
Step 4 · eskematikong ilustrasyon - Step 05
Ikabit ang tooltip sa element
Sa Clew buksan ang Mga flow → + Bagong flow, iwan ang Step-by-step na tooltip at i-click ang I-edit sa iyong site. Sa inyong page i-click ang Pumili ng element, i-click ang field o button, at isulat ang maikling title at isang pangungusap. Itakda ang Posisyon kung ang awtomatikong posisyon ay tumatakip sa mahalagang bagay.
Step 5 · eskematikong ilustrasyon - Step 06
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 Format Step-by-step na tooltip Saan ipakita (URL ng page) Exact na path /pricingKailan ipakita Kaagad kapag nag-load ang page Pag-target ng audience Walang rule: lahat na nagbukas sa page Frequency Minsan bawat bisita 
Step 6 · eskematikong ilustrasyon - Step 07
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 7 · eskematikong ilustrasyon
Mga dapat iwasan: tooltip sa Webflow
Ang staging domain ay bilang hiwalay na URL
Kinokompara ng URL rule ang path, kaya ang tooltip para /pricing ay lumalabas sa yoursite.webflow.io at sa inyong domain. Kapaki-pakinabang para subukan bago i-publish sa domain.
Ang combo class ay ginagamit ng maraming element
Ang Webflow class gaya ng .button.is-secondary ay nauulit sa page. Bigyan ang target na element ng custom attribute na data-tour sa element settings, at itutok ang tooltip roon.
Maaaring gumawa muli ng element ang builder sa publish
Kung minsan binabago ng mga site builder ang id ng element kapag kinopya o ginawa muli ang block. Pagkatapos ng malaking pagbabago sa design, buksan ang Kalusugan: kung nawala ang element ng hint, piliin muli.
Mga tanong at sagot
Gumagalaw ba ang tooltip sa mobile breakpoint?
Gumagalaw. Pinoposisyon kaugnay ng element sa oras ng pagpapakita, anuman ang layout ng breakpoint.
Kailangan ba ng paid Webflow plan?
Kailangan. Pinapayagan ng Webflow ang site-wide custom code sa paid Site plan lamang, at walang suportadong alternatibo.
Libre ba ang tooltip?
Libre, sa Free plan: hanggang 3 na naka-publish na tour at tooltip sa isang site.
Maaari bang buksan ang hint sa click lamang?
Maaari. Piliin ang Kapag i-click ang element, ilagay ang selector ng icon o link na nagbubukas nito, at itakda ang Bawat pagbisita.