{"id":1755,"date":"2015-05-27T02:09:36","date_gmt":"2015-05-27T00:09:36","guid":{"rendered":"http:\/\/dejujo.com\/?p=1755"},"modified":"2026-04-21T00:27:32","modified_gmt":"2026-04-20T22:27:32","slug":"caja-suscriptores-popup-para-wordpress","status":"publish","type":"post","link":"https:\/\/dejujo.com\/staging\/2015\/05\/27\/caja-suscriptores-popup-para-wordpress\/","title":{"rendered":"Caja Suscriptores Popup para WordPress"},"content":{"rendered":"<h1>Caja Suscriptores<\/h1>\n<p><span style=\"font-size: 12pt;\">Hola gente, hoy quiero ense\u00f1aros una forma simple de tener una <strong><em>Caja suscriptores<\/em><\/strong> atractiva, sin tener que pagar por <em><strong>plugins<\/strong><\/em> algunas veces caros, vamos a trabajar con uno gratuito <a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/simple-popup\/\" rel=\"noopener\">Simplepop<\/a>\u00a0y para la suscripci\u00f3n voy a implementar\u00a0<strong><em>MailChimp<\/em><\/strong><\/span><\/p>\n<p><!--more--><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh4.googleusercontent.com\/6U7o_bhr93MoZoKLVYz_Nyv150HTSjEPDLqs4K2SIDI=w799-h192\" alt=\"Caja Suscriptores\" width=\"799\" height=\"192\" \/><\/p>\n<p><span style=\"font-size: 12pt;\">Es un plugin gratuito que nos permite utilizar codigo HTML, que para \u00e9ste caso nos viene muy bien.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Antes de continuar os dejo un V\u00eddeo que he preparado para que sea m\u00e1s visual.<\/span><\/p>\n<p><iframe title=\"Caja Suscriptores WordPress Integrado con Mailchimp\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/inInV2hzWBI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><span style=\"font-size: 12pt;\">Primero lo que necesitamos es instalar el plugin. <strong><em>Plugins &#8211; A\u00f1adir nuevo<\/em><\/strong> &#8211; Luego buscamos <strong><em>Simplepop<\/em><\/strong> e instalamos y activamos. Pero ahora no necesitamos entrar a la configuraci\u00f3n, ahora vamos a Photoshop o cualquier editor de fotograf\u00eda, y vamos a crear una imagen de 450&#215;200 o el tama\u00f1o que quieras, voy a utilizar una imagen que he creado para que cuando se suscriban reciban un regalo, un libro PDF que he creado para regalar.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh4.googleusercontent.com\/-fCygQXqTk7Q\/VWSUX90Rh0I\/AAAAAAAACAM\/Q_25_hgpk64\/w725-h327-no\/prueba.jpg\" alt=\"Caja Suscriptores\" width=\"725\" height=\"327\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">Una vez creado la imagen que vamos a utilizar, tenemos que ir a <strong><em>Mailchimp<\/em><\/strong> donde vamos a sacar el c\u00f3digo que necesitamos para poner la <em><strong>caja suscriptores<\/strong><\/em><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Cuando estemos dentro de Mailchimp vamos a List, podemos elegir una lista ya creada o creamos una, como ya tengo una voy a utilizarla para \u00e9ste ejemplo.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Ya elegida la lista o creada una, entramos en ella y vamos a Signup Forms &#8211; Embedded forms. Podemos ver que tenemos una caja de suscriptores creada, y debajo hay un c\u00f3digo que vamos a necesitar para trabajar con Simplepop. Lo copiamos<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/aLfYWC5jN4hVQlZC1XGC2mK3HKxLJYLyvfu2g_3sPpE=w976-h501-no\" alt=\"Caja Suscriptores\" width=\"976\" height=\"501\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">Ya tenemos casi el 50% terminado, solo falta que vayamos a la configuraci\u00f3n de Simplepop<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh5.googleusercontent.com\/-UItVXl_-8dM\/VWSYGvkNptI\/AAAAAAAACAw\/eDpsI66YZlc\/w1044-h503-no\/Screenshot%2B-%2B26_05_2015%2B%252C%2B17_58_01.jpg\" alt=\"Caja Suscriptores\" width=\"1044\" height=\"503\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">Dentro de Popup content vamos a pegar un c\u00f3digo que nos facilitar\u00e1 la integraci\u00f3n de la imagen con el contenido, como si fuera todo uno.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">&lt;table width=\u00bb000&#8243; height=\u00bb000&#8243; border=\u00bb1&#8243; bordercolor=\u00bb#00FF00&#8243; background =\u00bburl de la imagen\u00bb bgcolor=\u00bb#0000FF\u00bb&gt; &lt;tr&gt; \u00a0 \u00a0&lt;td&gt;escribir aqui untexto &lt;\/tr&gt;&lt;\/table&gt;<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Primero vamos a variar dos cosas<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">En border=\u00bb1&#8243; vamos a darle el valor 0<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">bgcolor=\u00bb\u00bb vamos a poner el c\u00f3digo del fondo de nuestra imagen, en mi caso es el\u00a0mio es el #125985<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 12pt;\">Ejemplo<\/span><\/p>\n<table border=\"0\" width=\"000\" bgcolor=\"#125985\">\n<tbody>\n<tr>\n<td><span style=\"color: #ffffff;\">escribir aqu\u00ed un texto<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><span style=\"font-size: 12pt;\">Ya casi lo tenemos, ahora solo queda pegar dentro el c\u00f3digo de Mailchimp y agregar la imagen. Recordad que hay que borrar \u00abescribir aqu\u00ed un texto\u00bb<\/span><\/p>\n<table border=\"0\" width=\"000\" bgcolor=\"#125985\">\n<tbody>\n<tr>\n<td>\n<div id=\"mc_embed_signup\">\n<form id=\"mc-embedded-subscribe-form\" class=\"validate\" action=\"http:\/\/dejujo.us9.list-manage.com\/subscribe\/post?u=0910774435a136929cd10f9e5&amp;id=32ed80a392\" method=\"post\" name=\"mc-embedded-subscribe-form\" novalidate=\"\" target=\"_blank\">\n<div id=\"mc_embed_signup_scroll\">\n<h2>Subscribe to our mailing list<\/h2>\n<div class=\"indicates-required\"><span class=\"asterisk\">*<\/span> indicates required<\/div>\n<div class=\"mc-field-group\"><label for=\"mce-EMAIL\">Email <span class=\"asterisk\">*<\/span><br \/><\/label><br \/><input id=\"mce-EMAIL\" class=\"required email\" name=\"EMAIL\" type=\"email\" value=\"\" \/><\/div>\n<div class=\"mc-field-group\"><label for=\"mce-FNAME\">Nombre y Apellidos <span class=\"asterisk\">*<\/span><br \/><\/label><br \/><input id=\"mce-FNAME\" class=\"required\" name=\"FNAME\" type=\"text\" value=\"\" \/><\/div>\n<div id=\"mce-responses\" class=\"clear\">\u00a0<\/div>\n<div style=\"position: absolute; left: -5000px;\"><input tabindex=\"-1\" name=\"b_0910774435a136929cd10f9e5_32ed80a392\" type=\"text\" value=\"\" \/><\/div>\n<div class=\"clear\"><input id=\"mc-embedded-subscribe\" class=\"button\" name=\"subscribe\" type=\"submit\" value=\"Subscribe\" \/><\/div>\n<\/div>\n<\/form>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">Ahora solo toca editar un poco y agregar la imagen que hemos creado.<\/span><\/p>\n<table border=\"0\" width=\"000\" bgcolor=\"#125985\">\n<tbody>\n<tr>\n<td>\n<div id=\"mc_embed_signup\">\n<form id=\"mc-embedded-subscribe-form\" class=\"validate\" action=\"http:\/\/dejujo.us9.list-manage.com\/subscribe\/post?u=0910774435a136929cd10f9e5&amp;id=32ed80a392\" method=\"post\" name=\"mc-embedded-subscribe-form\" novalidate=\"\" target=\"_blank\">\n<div id=\"mc_embed_signup_scroll\">\n<div class=\"mc-field-group\">\u00a0<\/div>\n<div class=\"mc-field-group\">\u00a0<\/div>\n<div class=\"mc-field-group\">\n<p><a href=\"https:\/\/dejujo.com\/staging\/wp-content\/uploads\/2015\/05\/prueba.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1602 size-full\" src=\"https:\/\/dejujo.com\/staging\/wp-content\/uploads\/2015\/05\/prueba.jpg\" alt=\"Caja Suscriptores\" width=\"725\" height=\"327\" \/><\/a><\/p>\n<\/div>\n<div class=\"mc-field-group\" style=\"text-align: center;\"><label for=\"mce-EMAIL\"><span style=\"font-size: 18pt; font-family: impact, sans-serif; color: #ffffff;\">Email <\/span><\/label><br \/><input id=\"mce-EMAIL\" class=\"required email\" name=\"EMAIL\" type=\"email\" value=\"\" \/><\/div>\n<div class=\"mc-field-group\" style=\"text-align: center;\">\u00a0<\/div>\n<div class=\"mc-field-group\" style=\"text-align: center;\"><label for=\"mce-FNAME\"><span style=\"font-size: 18pt; font-family: impact, sans-serif; color: #ffffff;\">Nombre y Apellidos <\/span><\/label><br \/><input id=\"mce-FNAME\" class=\"required\" name=\"FNAME\" type=\"text\" value=\"\" \/><\/div>\n<div id=\"mce-responses\" class=\"clear\" style=\"text-align: center;\">\u00a0<\/div>\n<div style=\"position: absolute; left: -5000px; text-align: center;\"><input tabindex=\"-1\" name=\"b_0910774435a136929cd10f9e5_32ed80a392\" type=\"text\" value=\"\" \/><\/div>\n<div class=\"clear\" style=\"text-align: center;\"><input id=\"mc-embedded-subscribe\" class=\"button\" name=\"subscribe\" type=\"submit\" value=\"Subscribe\" \/><\/div>\n<\/div>\n<\/form>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\">Ya lo tenemos terminado, ahora solamente Guardamos los cambios y ya lo tenemos listo. Podemos comprobar abriendo nuestro blog y tendr\u00eda que aparecere un Popup con nuestra <em><strong>caja suscriptores<\/strong><\/em>. F\u00e1cil no?<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Ahora os toca a vosotros intentar tener una <strong><em>caja suscriptores<\/em><\/strong>, espero que junto al v\u00eddeo tutorial que te he dejado puedas lograr tener uno<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Si te gust\u00f3 el post, comp\u00e1rtelo y dame un like, nos vemos en la pr\u00f3xima!!!!!<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Si quieres leer m\u00e1s post interesantes debajo tienes enlaces que te llevar\u00e1n a ellos.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Caja Suscriptores Hola gente, hoy quiero ense\u00f1aros una forma simple de tener una Caja suscriptores atractiva, sin tener que pagar por plugins algunas veces caros, vamos a trabajar con uno gratuito Simplepop\u00a0y para la suscripci\u00f3n voy a implementar\u00a0MailChimp<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[181,182,4,35,50,6,8,183,184,11],"class_list":["post-1755","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-caja-de-suscripciones","tag-caja-de-suscriptores","tag-community-manager","tag-plugin-wordpress","tag-plugins-wordpress","tag-redes-sociales-2","tag-social-media","tag-suscripciones","tag-suscriptores","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts\/1755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/comments?post=1755"}],"version-history":[{"count":1,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts\/1755\/revisions"}],"predecessor-version":[{"id":30508,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts\/1755\/revisions\/30508"}],"wp:attachment":[{"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/media?parent=1755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/categories?post=1755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/tags?post=1755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}