WordPress-də poçt etiketi ilə popup yaratmaq və göstərmək necə

WordPress-də hər yazı etiketi üçün bir popup yaratmaq və göstərmək istəyirsiniz? Odur ki, bu yazını oxumağa davam edin.

Vebsayta baxarkən görünən kiçik pəncərə ilə artıq tanış olduğunuza əminik. Yaxşı, bu popup və ya popup adlanır. Pop-uplar vebsaytda müxtəlif ölçülərdə və ekranda görünə bilər.

WordPress-də Elementor Pro, JetPopup, Brizy Pro və s. kimi pop-up yaratmaq üçün çoxlu plaginlər var.

Xatırlamaq lazım olan vacib şey, pop-upların veb saytınızın ziyarətçilərini qıcıqlandırmamasıdır. Buna görə də, mümkün qədər sadə və cəlbedici bir pop-up yaradın.

Məzmun cədvəli

Pop-up yaratmaq üçün bəzi WordPress plaginləri

Elementor Pro

Elementor Pro yüzlərlə premium funksiyaya malik Elementor uzantısıdır. Bu sizə iş axını və dizaynınızı sürətləndirən güclü peşəkar alətlər verir. Elementor Pro sizə veb saytınızın tərtibatı və dizaynı üzərində tam nəzarət imkanı verir. Bu halda, siz pop-upınızın dizaynını sərbəst şəkildə fərdiləşdirə bilərsiniz.

İstifadə edin Elementor Pro poçt etiketi ilə popup yaratmaq çox sadə və istifadəsi asandır. Popup pəncərənizin göstərmə şərtlərini çox dəqiq şəkildə asanlıqla müəyyən edə bilərsiniz.

Crocoblock-un JetPopup üçün uzantısıdır Elementor. Siz onu müstəqil bir plagin kimi ala və ya digər Crocoblock plaginləri ilə paketdə ala bilərsiniz. Pop-up pəncərəsi yaratmaq üçün JetPopup-dan istifadə etməyin üstünlüyü ondan ibarətdir ki, o, bir çox gözəl xüsusiyyətlərə malikdir.

Siz pop-up pəncərə tetikleyicileri ilə oynaya bilərsiniz.
Açılan pəncərə üçün animasiyalar yarada bilərsiniz.
Çoxlu sayda pop-up şablonları mövcuddur.

Həmçinin oxuyun: Elementor üçün 22 Ən Yaxşı Premium Əlavələr

Brizy Pro

Popup qurucusu Brizy Pro sizə iki variant təklif edir. Birincisi, kliklə aktivləşdirilmiş pop-up, ikincisi isə avtomatik tetikleyiciler və şərtlərdir.

Kliklə açılma: pop-up sadəcə səhifənizin elementlərinə klikləməklə işə salına bilər.
Avtomatik tetikler və şərtlər: Siz pop-upların nə vaxt göstəriləcəyini təyin edəcək ziyarətçi hərəkətlərini konfiqurasiya edə bilərsiniz.

Daha əvvəl qeyd edildiyi kimi, WordPress-də pop-up yaratmaq üçün bir neçə seçiminiz var. Bu dərslikdə versiyadan istifadə edərək hər yazı etiketi üçün pop-up yaratmaq və göstərmək üçün sizə göstərəcəyik Elementor Pro, buna görə də sizdə artıq olduğundan əmin olun.

Ediləcək ilk şey yeni Popup şablonu yaratmaqdır. Yeni Popup şablonu yaratmaq üçün bura keçin Şablonlar > Pop-uplar WordPress panelinizdə və düyməni basın Yeni əlavə et.

Sonra, Popup-ın adını əlavə edin və düyməni basın MODEL YARADIN.

Siz şablon kitabxanasına yönləndiriləcəksiniz, siz kitabxana pəncərəsindən şablon seçə və ya öz Popup şablonunuzu tərtib edə bilərsiniz. Kitabxanadan şablondan istifadə etmək üçün düyməni sıxmağınız kifayətdir daxil.

Lakin bu dərslikdə biz sıfırdan Popup şablonunu yaradacağıq. Simgeyə klikləyin X şablon kitabxanasını bağlamaq üçün.

Popup şablonu yaratmağa başlamazdan əvvəl Popup parametrlərində bəzi düzəlişlər etməliyik. Saytınız üçün ən yaxşı parametrləri tapa bilərsiniz. Bu dərslikdə biz sizə seçdiyiniz Popup parametrlərini göstərəcəyik.

Aşağı sol küncdəki dişli çarx simgesini basın. Popup parametrlərində dəyişdirin En görünüşün eninin 90%-də (VW) Et olan mövqe en Mərkəz-Alt.

Sonra, Popup şablonunuzu dizayn edin. Yeni bölmə əlavə edin və 5 sütun strukturunu seçin. Bölmə parametrlərində, seçin En 950-də. Siz parametrlərinizlə oynaya bilərsiniz.

Məsələn, nişana gedə bilərsiniz stil fon qurmaq üçün nişana keçin qabaqcıl marjanı fərdiləşdirmək üçün və daha çox.

İndi sütunlarınıza qayıdın. Sol sütunda eni 33%, digər dördü üçün isə 16% təyin edin.

Sol sütunda bəzi mətnlə Başlıq vidceti əlavə edəcəyik. Veb saytınızın ziyarətçilərini cari məzmuna uyğun olan digər məzmuna və ya seçdiyiniz hər hansı digər mətnə baxmaq üçün dəvət edən mətn əlavə edə bilərsiniz.

Sağda Şəkil vidceti əlavə edəcəyik. Siz postların miniatürlərindən/seçilmiş şəkillərindən şəkillər əlavə edə və ya əl ilə yükləyə bilərsiniz.

İndi struktur hazırdır. -a qayıt Popup Parametrləri giriş, çıxış və kənar animasiyaları fərdiləşdirmək üçün. Bu dərslikdə biz girişi təyin etdik Sönmək və çıxış açıqdır Sönmək. Sonra nişana keçin qabaqcıl və kənarı 30-a təyin edin (linklər üçün ümumi dəyər).

İndi dizayn hazırdır, düyməni basın dərc ekran şərtlərini və tetikleyicileri təyin etmək üçün. Ekran vəziyyətini müəyyən etmək üçün düyməni basın ŞƏRT ƏLAVƏ EDİN və açılan siyahıdan seçiminizi seçin.

Popup by post teqini göstərmək istədiyiniz kimi siz aşağıdakı ekran şərtlərini təyin edə bilərsiniz (animasiyaya baxın).

Next düyməsini basın. Nişanda Tetikler, tətiyi olaraq təyin edin Sürüşdürün keçidi çevirmək bəli. Müəyyən edin Rəhbərlik haqqında Bas və En 95%-dən çox. Ziyarətçilər məqaləmizin sonuna çatdıqda Popup pəncərəsinin görünməsini istəyirik.

Bu dərslikdə biz müəyyən etmək fikrində deyilik Qabaqcıl Qaydalar. Beləliklə, üzərinə klikləyin YAXŞI EDİN VƏ BAĞLAYIN. Yaxşı, indi işimiz bitdi.

Gəlin görək necə görünür.

Burada pop-up-ı yenicə bitirdiniz. Əlaqədar məqalələrimizə də baxın:

Elementor Pro yükləyin

Bu məqaləni paylaşın:

Mixos Qartner

Mikhos Gartner kiçik biznes üçün SAAS alətlərini satın alan, sınaqdan keçirən və nəzərdən keçirən rəqəmsal alətlər üzrə ekspertdir. Texnologiya sahəsində illərin təcrübəsinə əsaslanaraq, dərin rəylər təqdim edir. Onun məzmunu geniş şəkildə istehlak edilir və hər ay milyonlarla istifadəçiyə xidmət göstərir.