{"id":1212,"date":"2015-04-13T12:08:31","date_gmt":"2015-04-13T10:08:31","guid":{"rendered":"http:\/\/dejujo.com\/?p=1212"},"modified":"2026-04-21T00:27:32","modified_gmt":"2026-04-20T22:27:32","slug":"configurar-un-formulario-mailchimp-popup","status":"publish","type":"post","link":"https:\/\/dejujo.com\/staging\/2015\/04\/13\/configurar-un-formulario-mailchimp-popup\/","title":{"rendered":"Configurar un formulario Mailchimp (popup)"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><center><a href=\"http:\/\/secure.hostgator.com\/~affiliat\/cgi-bin\/affiliates\/clickthru.cgi?id=blancojujo-\"><img decoding=\"async\" src=\"http:\/\/tracking.hostgator.com\/img\/Shared\/728x90.gif\" border=\"0\" \/><\/a><\/center><\/p>\n<p>&nbsp;<\/p>\n<h1 style=\"text-align: center;\">Formulario Mailchimp (popup)\u00a0<\/h1>\n<p>&nbsp;<\/p>\n<p>Buenas gente, hoy quiero ense\u00f1aros como tener un <strong>formulario mailchimp<\/strong> en nuestro <strong>WordPress<\/strong>, vamos a trabajar con ventanas emergentes o popup.<\/p>\n<p>De \u00e9sta manera podemos conseguir que las personas cuando visiten nuestras <strong>web\/blog<\/strong> se suscriban, podemos enviar ofertas, nuestros post, tambi\u00e9n podemos ofrecer alg\u00fan curso o regalar un Ebook para que se m\u00e1s atractivo a los ojos de los visitantes y que no duden en suscribirse, por suerte existe <a href=\"http:\/\/mailchimp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Mailchimp<\/strong><\/a>&#8230;podremos crear un <strong>formulario mailchimp<\/strong> e insertarlo en nuestro sitio.<\/p>\n<p>&nbsp;<\/p>\n<p>Antes de seguir os dejo un Videotutorial, donde prodr\u00e1s ver mejor lo que te explico sobre mailchimp, espero que te guste.<\/p>\n<p><iframe title=\"Configurar un formulario Mailchimp popup\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/3KNHmSbbV0Y?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>&nbsp;<\/p>\n<h2>Formulario Mailchimp<\/h2>\n<p>Para empezar vamos a mailchimp &#8211; Lists &#8211; y vamos a crear una nueva lista Create List<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone aligncenter\" src=\"https:\/\/lh6.googleusercontent.com\/-B1cTTTJPlPk\/VWDpjyVZkgI\/AAAAAAAABIE\/2d7ITt1KCTs\/w645-h115-no\/formulariomailchimp.jpg\" alt=\"\" width=\"645\" height=\"115\" \/><\/p>\n<h3>En la siguiente ventana debemos de rellenar:<\/h3>\n<ol>\n<li>List name<\/li>\n<li>Default \u00abfrom\u00bb email<\/li>\n<li>Deault \u00abfrom\u00bb name<\/li>\n<\/ol>\n<p>Cuando ya tengamos todo, ahora solo tenemos que dar clic en Save<\/p>\n<p><img decoding=\"async\" class=\"alignnone aligncenter\" src=\"https:\/\/lh5.googleusercontent.com\/T1LqpoRK4bd7nE7fpMhLcEqHYKV_r-YS1PGdr6sTj1k=w325-h549-no\" alt=\"\" width=\"325\" height=\"549\" \/><\/p>\n<p>Ahora ya podemos crear nuestro <strong>formulario mailchimp,\u00a0<\/strong>simplemente damos clic en <strong>Signup forms<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone aligncenter\" src=\"https:\/\/lh5.googleusercontent.com\/-jwZ6O-1-8z4\/VWDpj4a7sqI\/AAAAAAAABIo\/iZO2lzSyn_0\/w771-h176-no\/formulariomailchimp2.jpg\" alt=\"\" width=\"771\" height=\"176\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Ahora Mailchimp nos ofrece 4 formas para crear un formulario<\/h3>\n<ol>\n<li>General forms: Podremos crear nuestro formulario, darle forma y traducirlo.<\/li>\n<li>Embedded forms: Desde aqu\u00ed prodremos obtener un c\u00f3digo para poder agregar un formulario en cualquier parte de nuestra p\u00e1gina.<\/li>\n<li>Subscriber popup: Podremos poner nuestro <strong>formulario mailchimp<\/strong> en forma de ventana emergente o popup.<\/li>\n<li>Forms integrations: Puedes integrar los formularios en Twitter Ads, Wufoo, Squarespace y CoffeeCup Form Builder<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone aligncenter\" src=\"https:\/\/lh6.googleusercontent.com\/-zwCRXNDMtlY\/VWDpkeZpTJI\/AAAAAAAABIM\/kkP4dGKu2ZU\/w1024-h458-no\/formulariomailchimp3-1024x458.jpg\" alt=\"\" width=\"1024\" height=\"458\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Para \u00e9ste ejemplo vamos vamos a utilizar Subscriber popup. Cuando entremos solo tendremos Email Address, en el video que os dejo ense\u00f1o un poco mejor toda la funcionalidad, as\u00ed que si quer\u00e9is ver como agregar m\u00e1s campos\u00a0o dise\u00f1o os lo dejo en el Video.<\/p>\n<p>Dentro de Subscriber popup, mailchimp nos ofrece\u00a04 opciones para cambiar un poco el aspecto de nuestro <strong>formulario mailchimp<\/strong><\/p>\n<ol>\n<li>Desing: Dar color a las letras, bot\u00f3n, texto del bot\u00f3n, cambiar dise\u00f1o de formulario<\/li>\n<li>Fields: Desde aqu\u00ed podremos agregar campos ya creado con anterioridad por nosotros.<\/li>\n<li>Image: Subir una imagen y podres agregar texto en el cuerpo del formulario.<\/li>\n<li>Settings: podemos elegir el tiempo que tarda en aparecer el popup, inmediatamente, 1, 2 o 5 segundos despu\u00e9s de entrar en la p\u00e1gina.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone aligncenter\" src=\"https:\/\/lh4.googleusercontent.com\/-CxLnP93D2BY\/VWDpks4XgCI\/AAAAAAAABIk\/Z0D9nuyRFVU\/w1024-h386-no\/formulariomailchimp4-1024x386.jpg\" alt=\"\" width=\"1024\" height=\"386\" \/><\/p>\n<p>Ahora ya teniendo nuestro formulario mailchimp terminado, solo tenemos que dar clic en\u00a0View Code y de \u00e9sta manera obtendremos el c\u00f3digo para ponerlo en nuestra web.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone aligncenter\" src=\"https:\/\/lh6.googleusercontent.com\/-E4SShRpuDRk\/VWDpkxYqOwI\/AAAAAAAABIc\/y-Ddst9V3Yw\/w634-h56-no\/formulariomailchimp5.jpg\" alt=\"\" width=\"634\" height=\"56\" \/><\/p>\n<h3>Ahora toca WordPress<\/h3>\n<p>Nos vamos a WordPress (por ejemplo)\u00a0P\u00e1ginas y vamos a Inicio &#8211; Editar &#8211; ahora lo que necesita es agregar el texto que nos dio mailchimp, en \u00e9ste caso la parte visual no nos vale, damos clic en texto y agregamos nuestro c\u00f3digo en cualquier parte, ahora solo tenemos que actualizar y comprobar que tal se ve nuestro formulario mailchimp popup.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone aligncenter\" src=\"https:\/\/lh4.googleusercontent.com\/-Tfa1tSkgn2g\/VWDplAMRAgI\/AAAAAAAABIU\/hWS1YnGoDyE\/w866-h145-no\/formulariomailchimp6.jpg\" alt=\"\" width=\"866\" height=\"145\" \/><\/p>\n<p>Como veis es muy f\u00e1cil poder tener un formulario, y no nos llevar\u00eda demasiado tiempo para tener uno. Tener en cuenta que el formulario solo aparecer\u00e1 en Inicio porque es donde hemos puesto el c\u00f3digo, si quer\u00e9is tener en cualquier otra p\u00e1gina solo es abrir y colocar el c\u00f3digo&#8230;.as\u00ed de simple.<\/p>\n<p>Bueno gente, ya sab\u00e9is si te gust\u00f3 el post solo te pido que lo compartas y me har\u00e1s feliz.<\/p>\n<p>Si quieres leer m\u00e1s post interesantes debajo tienes enlaces que te llevar\u00e1n a ellos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Formulario Mailchimp (popup)\u00a0 &nbsp; Buenas gente, hoy quiero ense\u00f1aros como tener un formulario mailchimp en nuestro WordPress, vamos a trabajar con ventanas emergentes o popup. De \u00e9sta manera podemos conseguir que las personas cuando visiten nuestras web\/blog se suscriban, podemos enviar ofertas, nuestros post, tambi\u00e9n podemos ofrecer alg\u00fan curso o regalar un Ebook [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[65],"tags":[4,149,150,151,16,8],"class_list":["post-1212","post","type-post","status-publish","format-standard","hentry","category-seo","tag-community-manager","tag-formulario-mailchimp","tag-formulario-popup","tag-mailchimp","tag-seo","tag-social-media"],"_links":{"self":[{"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts\/1212","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=1212"}],"version-history":[{"count":1,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts\/1212\/revisions"}],"predecessor-version":[{"id":30521,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/posts\/1212\/revisions\/30521"}],"wp:attachment":[{"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/media?parent=1212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/categories?post=1212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dejujo.com\/staging\/wp-json\/wp\/v2\/tags?post=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}