Paano magdagdag ng tooltip sa WordPress site nang walang developer
Contextual hint sa WordPress: 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
- Administrator ng WordPress
Halimbawa: tooltip sa WordPress
Ang WooCommerce shop ay nagbebenta ng digital template, at hindi mahanap ng mga customer ang kanilang file. Sa /my-account tumuturo ang tooltip sa Downloads tab: “Narito ang inyong mga file — hindi nag-e-expire ang link”.
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 WordPress, 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
Mag-install ng header code plugin
Sa Plugins → Add New i-install at i-activate ang libreng plugin na WPCode (o gamitin ang “header scripts” option ng inyong theme). Huwag i-edit ang
header.php: pinapalitan ito ng mga update ng theme.
Step 2 · eskematikong ilustrasyon - Step 03
I-paste ang line sa Header box
Buksan ang Code Snippets → Header & Footer, i-paste ang line ng Clew sa Header at i-click ang Save Changes.
Step 3 · eskematikong ilustrasyon - Step 04
I-purge ang cache
Kung gumagamit ng WP Rocket, LiteSpeed Cache, W3 Total Cache o CDN, i-purge ang cache. Sa “delay JavaScript” setting, i-exclude ang
tryclew.io/widget.
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) Seksyon ayon sa prefix /my-accountKailan 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 WordPress
Itinatago ng “Delay JavaScript” ang tooltip hanggang interaction
Maaaring ipagpaliban ng WP Rocket, LiteSpeed at Perfmatters ang script hanggang unang scroll o click. Huli nagsisimula ang widget, at ang item na Kaagad kapag nag-load ang page ay mukhang sira. Idagdag ang tryclew.io/widget sa exclusions.
Pinapalitan ng update ng theme at plugin ang tab at button
Kung minsan binabago ng WooCommerce at theme ang markup ng account tab at product form. Ikabit ang hint sa element na may stable na class gaya ng woocommerce-MyAccount-navigation-link--downloads, hindi sa posisyon, at tingnan ang Kalusugan pagkatapos ng plugin update.
Piliin ang id at data attribute
Kung nagmumungkahi ang Pumili ng element ng mahabang serye ng class, piliin ang pinakamalapit na parent na may id o hilingin ang data-tour attribute: ang stable na selector ay nagpapanatili ng hint sa mga update ng theme.
Mga tanong at sagot
Gumagana ba sa page builder gaya ng Elementor?
Gumagana. Gumagana ang Clew sa rendered na page; piliin ang element gamit ang Pumili ng element anuman ang gumawa nito.
Gumagana ba sa WordPress.com?
Ang plugin gaya ng WPCode ay nangangailangan ng WordPress.com Business plan o mas mataas. Ang self-hosted WordPress ay gumagana sa anumang hosting.
Makikita ba sa wp-admin?
Ang header plugin ay kadalasang nagdadagdag ng code sa public site lamang. Para guide sa loob ng /wp-admin, idagdag ang line gamit ang admin-side snippet (maaaring target ng WPCode ang admin area).
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.
Iba pang maaaring idagdag sa WordPress
- Paano magdagdag ng popup sa WordPress site nang walang developer
- Paano gumawa ng product tour sa WordPress nang walang developer
- Paano gumawa ng interactive product guide sa WordPress nang walang developer