{"id":1,"date":"2023-08-25T15:36:45","date_gmt":"2023-08-25T13:36:45","guid":{"rendered":"https:\/\/cachitoswp.com\/clientes-wtf\/?p=1"},"modified":"2023-09-07T13:41:26","modified_gmt":"2023-09-07T11:41:26","slug":"cierra-pop-up-abre-otro","status":"publish","type":"post","link":"https:\/\/cachitoswp.com\/clientes-wtf\/cierra-pop-up-abre-otro\/","title":{"rendered":"Popup Hell"},"content":{"rendered":"\n<p>Era una web de contenido para suscriptores, por lo cual si no lo eres a\u00fan, s\u00f3lo salen las 2 primeras l\u00edneas y unos puntos suspensivos en la vista del single post. Como algunos peri\u00f3dicos, que te muestran 4 l\u00edneas y tapan el resto del contenido con un degradado a blanco o una elipsis.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>A los 5 segundos de que entre el usuario a leer el art\u00edculo, que aparezca un pop-up con 1 CTA que diga \u00ab\u00bfQuieres un free trial?\u00bb. <\/p>\n\n\n\n<p>Cuando hagan clic en \u00e9ste CTA, <strong>se cierra el pop-up y se abre OTRO pop up<\/strong> con 1 formulario con los siguientes campos(&#8230;).<\/p>\n<cite>Para que plantar 1 s\u00f3lo pop-up, cuando puedes endi\u00f1ar 2, claro que s\u00ed&#8230;<\/cite><\/blockquote>\n\n\n\n<p>Le gustaban mucho los pop-ups&#8230; tengamos en cuenta que, estos 2 elementos emergentes conviv\u00edan con el aviso de cookies, otro pop-up de la newsletter&#8230; no logr\u00e9 convencer a esta persona de que pr\u00e1cticamente nadie iba a esperar tanto tiempo, al ver el contenido premium \u00abbloqueado\u00bb. Iban a cerrar la pesta\u00f1a antes. Naturalmente esta campa\u00f1a para captar \u00abtrialists\u00bb fue un fail total&#8230;<\/p>\n\n\n<a style=\"background:#ffffff;color: #a6cbcb!important\" rel=\"sponsored\" data-sal=\"flip-up\" data-sal-repeat title=\"OFERTAZA: Leoncito Construcciones Bloques compatibles para ni\u00f1os\" class=\"blockytoys-product-banner \" data-product=\"https:\/\/blockytoys.com\/producto\/leon-designer-creative\/\" href=\"https:\/\/blockytoys.com\/producto\/leon-designer-creative\/\">\n    <figure class=\"product-banner-pic\">\n        <img decoding=\"async\" data-sal=\"zoom-in\" data-sal-delay=\"200\" src=\"https:\/\/cachitoswp.com\/clientes-wtf\/wp-content\/uploads\/2023\/09\/leon-kids-designer-creative-bloques-construccion.webp\" loading=\"lazy\" width=\"auto\" height=\"auto\" \/>\n    <\/figure>\n    <div class=\"product-banner-info\">\n        <h3 class=\"banner-info-title\" style=\"color:#f4b444\">Leoncito Construcciones<\/h3>\n        <p class=\"banner-info-subtitle\">Bloques compatibles para ni\u00f1os<\/p>\n        <p class=\"jastags\">#loNecesitas #buildingBlocks #buildCheaper<\/p>\n        <p class=\"banner-info-price\" style=\"color:#f4b444\">\u00a1 S\u00f3lo <span>4,90<\/span>\u20ac !<\/p>\n        <button class=\"banner-info-button\" style=\"background-color:#f4b444\">Comprar<\/button>\n    <\/div>\n<\/a>\n\t\t<style>.gcb-editor-form h3 {\n        font-size:14px;\n    }\n    .blockytoys-product-banner {\n        text-decoration:none!important;\n        display:flex;\n        cursor:pointer;\n\n        flex-direction:column;\n        flex-wrap:wrap;\n        align-items:center;\n        justify-content:middle;\n        position:relative;\n        z-index:1;\n        border-radius: 0 15px 0 15px;\n        overflow:hidden;\n    }\n    \n    .blockytoys-product-banner::before {\n        content:\"PUBLIACIDEZ\";\n        display:inline-block;\n        position:absolute;\n        left:0;\n        top:0;\n        color:#fff;\n        background:steelblue;\n        padding:2px 6px;\n        line-height:1;\n        font-size:9px;\n        letter-spacing:0.1em;\n    }\n    \n    .product-banner-pic {\n        margin:0;\n        text-align:center;\n    }\n    .product-banner-pic img {\n        width:100%;\n    }\n    .product-banner-info {\n        padding:0 25px 25px 25px;\n        box-sizing:border-box;\n        text-align:center;\n    }\n    .banner-info-title {\n        margin:0;\n        font-size:26px;\n        font-weight:bold;\n    }\n    .banner-info-subtitle {\n        margin:0;\n        font-size:17px;\n        font-weight:normal;\n    }\n    .banner-info-price {\n        margin:20px 0;\n        font-size:18px;\n        font-weight:bold;\n        animation-name:blinky;\n        animation-duration:0.65s;\n        animation-iteration-count:infinite;\n        \n    }\n    .banner-info-button {\n        color:#fff;\n        appearance:none;\n        display:inline-block;\n        min-width:140px;\n        border:0;\n        font-family:inherit;\n        text-transform:uppercase;\n        padding:10px;\n        font-weight:bold;\n        font-size:14px;\n        cursor:pointer;\n    }\n    @media(min-width:768px) {\n        .blockytoys-product-banner {\n            flex-direction:row;\n        }\n        .product-banner-pic {\n            width:36%;\n        }\n        .product-banner-info {\n            padding-top:30px;\n            width:64%;\n            background-image:url(https:\/\/cachitoswp.com\/wp-content\/uploads\/2023\/06\/nerd-quiere-comprar.png),\n            url(https:\/\/cachitoswp.com\/wp-content\/uploads\/2023\/06\/blockytoys-logo-color.svg);\n            background-repeat:no-repeat,no-repeat;\n            background-position:0 1000px, 100% 1000px;\n            background-size:110px auto, 120px auto;\n            transition:1s;\n        }\n        .sal-animate .product-banner-info {\n            background-position: 0 100%, 96% 89%\n        }\n    }\n    @keyframes blinky {\n        0% {\n            transform:scale(1);\n        }\n        50% {\n            transform:scale(1.2);\n        }\n        100% {\n            transform:scale(1);\n        }\n    }\n    .jastags {\n      font-family: monospace, mono;\n      font-size: 12px;\n      line-height: 1.5;\n      margin: 5px 0 0 0;\n    }<\/style>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cuando hagan clic en el CTA del primer pop-up, se cierra el pop-up y se abre OTRO pop up con 1 formulario con los siguientes campos(&#8230;)<\/p>\n","protected":false},"author":1,"featured_media":74,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[8,7,5,6,4],"class_list":["post-1","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-anecdotas","tag-formularios","tag-pop-ups","tag-ui","tag-ux","tag-web"],"acf":[],"_links":{"self":[{"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":5,"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":524,"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/posts\/1\/revisions\/524"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/media\/74"}],"wp:attachment":[{"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cachitoswp.com\/clientes-wtf\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}