Clew

Paano magdagdag ng popup sa WordPress site nang walang developer

Ni · na-update

Step-by-step na gabay para sa popup sa WordPress: i-install ang isang line, isulat ang modal sa editor ng Clew, at piliin kailan lalabas — pagkatapos ng ilang segundo, kapag nag-scroll, o sa pagbabalik — nang hindi hinahawakan muli ang theme.

Oras
● 10 minuto
Presyo
14-araw na free trial, walang card
Sino ang gagawa
Administrator ng WordPress

Halimbawa: popup sa WordPress

Ang B2B blog sa WordPress ay nag-aalok ng downloadable checklist. Sa halip ng plugin popup sa bawat post, lumalabas ang Clew modal sa mga post sa /blog pagkatapos basahin ang 70% — engaged na ang reader — at ang button ay nagbubukas ng download page.

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.

Paano magdagdag ng popup sa WordPress, step by step

  1. 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>
    Buod sa Clew admin na may embed line at nakatagong site key (popup sa WordPress)
    Step 1 · eskematikong ilustrasyon
  2. 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.

    Mga path sa head code field sa mga popular na CMS, kasama ang WPCode sa WordPress (popup sa WordPress)
    Step 2 · eskematikong ilustrasyon
  3. 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.

    Header code field na may naka-paste na Clew script tag (popup sa WordPress)
    Step 3 · eskematikong ilustrasyon
  4. 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.

    Toolbar ng caching plugin na may naka-highlight na Clear cache (popup sa WordPress)
    Step 4 · eskematikong ilustrasyon
  5. Step 05

    Isulat ang popup sa Clew

    Sa Clew buksan ang Mga flow → + Bagong flow at itakda ang Format sa Modal window. Magdagdag ng isang step: maikling title, isa o dalawang pangungusap, at sa Text ng link / URL ng link ang text ng button at ang page na binubuksan nito. Hindi kailangan ng selector ang modal: laging nasa gitna.

    Isang popup (modal window) na may title, text at link button sa ibabaw ng website (popup sa WordPress)
    Step 5 · eskematikong ilustrasyon
  6. 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:

    SettingValue
    FormatModal window
    Saan ipakita (URL ng page)Seksyon ayon sa prefix /blog
    Kailan ipakitaPagkatapos i-scroll ang N%: 70 % ng page
    Pag-target ng audienceWalang rule: lahat na nagbukas sa page
    FrequencyMinsan bawat bisita
    Tour editor ng Clew na may format, URL rule, trigger at audience rule (popup sa WordPress)
    Step 6 · eskematikong ilustrasyon
  7. 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.

    Buod sa Clew admin na may berdeng card ng live na widget (popup sa WordPress)
    Step 7 · eskematikong ilustrasyon

Mga dapat iwasan: popup sa WordPress

Itinatago ng “Delay JavaScript” ang popup 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.

Mga popup plugin na naka-install na

Ang OptinMonster, Elementor Popups o cookie banner ay maaaring aktibo sa parehong page. Tiyakin na hindi lumalabas ang popup ng Clew sa parehong segundo ng ibang layer.

Huwag pagsabayin sa popup ng builder

Kung ang theme o plugin ay nagpapakita na ng newsletter o cookie popup sa parehong page, dalawang layer ang makikita ng bisita. Patayin ang isa, o bigyan ang Clew ng ibang trigger (scroll o ikalawang pagbisita).

Mga tanong at sagot

Kailangan pa ba ng popup plugin?

Para rito, hindi. Pinapalitan ng Clew ang popup plugin para announcement at offer modal; panatilihin ang form plugin para sa form mismo.

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.

Maaari bang ipakita ang popup sa isang page lamang?

Maaari. I-install ang line sa buong site at piliin ang Exact na path o Seksyon ayon sa prefix sa Saan ipakita (URL ng page). Hindi lalabas ang popup sa ibang page.

Libre ba ang popup?

Ang modal format ay bahagi ng Pro; ang mga bagong account ay may 14-araw na trial na may lahat, walang card. Libre ang tour at tooltip sa Free plan.

Saan dinadala ang button?

Sa anumang page na inilagay sa URL ng link. Nagbubukas ito sa bagong tab para hindi mawala sa bisita ang page na kanyang binabasa.

Iba pang maaaring idagdag sa WordPress

Popup sa iba pang platform

Paano magdagdag ng popup sa website nang walang developerWebsite builder at CMS: gabay sa pag-installPresyo

Isang line sa inyong site — pagkatapos, mga tour, tooltip at checklist nang walang release.

Kunin ang site key nang librePaano gumagana ang ClewLibreng plan habambuhay, walang credit card

Product tours, popups at onboarding sa panahon ng AI

7 pattern na may bilang ng hakbang, tuntunin sa copy at dapat sukatin, ang binabago ng AI, at checklist bago mag-publish. PDF, 2 pahina. Ano ang laman →

Nasa English ang gabay.