{"id":2593,"date":"2020-03-07T11:43:28","date_gmt":"2020-03-07T10:43:28","guid":{"rendered":"https:\/\/davidperezgar.com\/?p=2593"},"modified":"2020-03-07T17:36:21","modified_gmt":"2020-03-07T16:36:21","slug":"mis-notas-wordcamp-malaga-2020","status":"publish","type":"post","link":"https:\/\/davidperezgar.com\/es\/mis-notas-wordcamp-malaga-2020\/","title":{"rendered":"Mis Notas de la WordCamp M\u00e1laga 2020"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">El S\u00e1bado 7 de Marzo se celebr\u00f3 la <a href=\"https:\/\/2020.malaga.wordcamp.org\/\" target=\"_blank\" rel=\"noopener\">WordCamp M\u00e1laga<\/a>. Para la presentaci\u00f3n, el l\u00edder @frankenperez nos introdujo lo que nos \u00edbamos a encontrar en la WordCamp.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/twitter_esfgmhzxcaeivz9.jpg\" alt=\"Presentaci\u00f3n\" class=\"wp-image-5383\" width=\"680\" title=\"\" srcset=\"https:\/\/davidperezgar.com\/wp-content\/uploads\/twitter_esfgmhzxcaeivz9.jpg 2048w, https:\/\/davidperezgar.com\/wp-content\/uploads\/twitter_esfgmhzxcaeivz9-596x447.jpg 596w, https:\/\/davidperezgar.com\/wp-content\/uploads\/twitter_esfgmhzxcaeivz9-768x576.jpg 768w, https:\/\/davidperezgar.com\/wp-content\/uploads\/twitter_esfgmhzxcaeivz9-1082x812.jpg 1082w, https:\/\/davidperezgar.com\/wp-content\/uploads\/twitter_esfgmhzxcaeivz9-1536x1152.jpg 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><figcaption>foto de <a href=\"https:\/\/twitter.com\/salonsoweb\/status\/1236203129743556608?s=21\" target=\"_blank\" rel=\"noopener\">Santiago Alonso<\/a><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Playful CSS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Primera ponencia en ingl\u00e9s, por Camila Waz @camila_waz. <a href=\"https:\/\/codepen.io\/camila_waz\" target=\"_blank\" rel=\"noopener\">Perfil Codepen<\/a>. Hablando de las nuevas propiedades CSS que est\u00e1n por venir, y que nos ayudan a mejorar nuestra creatividad.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1440\" src=\"\/wp-content\/uploads\/2026\/10\/camila-waz-playfulcss.jpg\" alt=\"camila waz playfulcss\" class=\"wp-image-5384\" title=\"\" srcset=\"https:\/\/davidperezgar.com\/wp-content\/uploads\/camila-waz-playfulcss.jpg 1920w, https:\/\/davidperezgar.com\/wp-content\/uploads\/camila-waz-playfulcss-596x447.jpg 596w, https:\/\/davidperezgar.com\/wp-content\/uploads\/camila-waz-playfulcss-768x576.jpg 768w, https:\/\/davidperezgar.com\/wp-content\/uploads\/camila-waz-playfulcss-1082x812.jpg 1082w, https:\/\/davidperezgar.com\/wp-content\/uploads\/camila-waz-playfulcss-1536x1152.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El Proceso actual para crear una web:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Dise\u00f1o<\/li><li>C\u00f3digo<\/li><li>Lanzamiento<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Ella trabaja en un proceso diferente con su cliente<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Dise\u00f1o.<\/li><li>C\u00f3digo.<\/li><li>Lanzamiento + Test<\/li><li>Colaboraci\u00f3n.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Propiedades personalizadas CSS:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tambi\u00e9n conocido como Variables CSS.<\/li><li>Permite el uso de variables\/valores din\u00e1micas directamente en CSS.<\/li><li>Pueden ser modificadas en tiempo real por clases padres, media queries y m\u00e1s.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Forma de declarar una variable:<\/p>\n\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\"><code class=\"\">--my-color: purple;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Y la forma de utilizarlo:<\/p>\n\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\"><code class=\"\">&lt;style&gt;\np {\ncolor: var(--my-color);\n}\n&lt;\/style&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Ejemplo de como lo utiliza:<\/p>\n\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\"><code class=\"\">:root {\n--txt-color: black;\n--highlight: yellow;\n}<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">CSS Grid<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nuevo concepto de maquetaci\u00f3n en CSS, que introduce 2 nuevas dimensiones. Alguna de las propiedades m\u00e1s importantes que puedes usar son:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>grid-template-columns<\/li><li>grid-column<\/li><li>grid-gap<\/li><li>fr unit<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Referencias:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/tympanus.net\/codrops\/css_reference\/grid\/\" target=\"_blank\" rel=\"noopener\">ColorDrops.LIVE<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">cssgridgarden.com<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Propiedades l\u00f3gicas CSS<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>Todav\u00eda muy experimental.<\/li><li>Nos hace repensar del modelo de cajas actual.<\/li><li>Modos de escritura.<\/li><li>F\u00edsico vs L\u00f3gico.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Viene de la necesidad de ahorrar tiempo con soluciones m\u00e1s flexibles. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/codepen.io\/camila_waz\/pen\/22a1c99141f70b7029619fa2f4cc2f60?editors=0100\" target=\"_blank\" rel=\"noopener\">Ejemplo en codepen.io<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nos recomienda utilizar Firefox para CSS, ya que llegan antes y su inspector es muy bueno. El ejemplo s\u00f3lo funciona en Firefox.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Things aren't always #000 and #FFF<\/p><cite>CAmila WAZ<\/cite><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/docs.google.com\/presentation\/d\/1u0bA-C63TiSvQzHrIaJd83VKyFKigHWGDQZyV2rGthU\/preview\" target=\"_blank\" rel=\"noopener\">Diapositivas<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gutenberg en grandes medios<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1440\" src=\"\/wp-content\/uploads\/2026\/10\/ignacio-cruz-gutenberg-en-grandes-medios.jpg\" alt=\"ignacio cruz gutenberg en grandes medios\" class=\"wp-image-5385\" title=\"\" srcset=\"https:\/\/davidperezgar.com\/wp-content\/uploads\/ignacio-cruz-gutenberg-en-grandes-medios.jpg 1920w, https:\/\/davidperezgar.com\/wp-content\/uploads\/ignacio-cruz-gutenberg-en-grandes-medios-596x447.jpg 596w, https:\/\/davidperezgar.com\/wp-content\/uploads\/ignacio-cruz-gutenberg-en-grandes-medios-768x576.jpg 768w, https:\/\/davidperezgar.com\/wp-content\/uploads\/ignacio-cruz-gutenberg-en-grandes-medios-1082x812.jpg 1082w, https:\/\/davidperezgar.com\/wp-content\/uploads\/ignacio-cruz-gutenberg-en-grandes-medios-1536x1152.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ignacio Cruz, trabaja para Human Made, que realiz\u00f3 la adaptaci\u00f3n a Gutenberg del medio The Sun.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizan los Meta bloques, porque el sidebar se les queda cortos. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No se utilizan para renderizar pero guardan informaci\u00f3n como metadatos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Plugins y Sidebars<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Media Sidebar<\/strong>: Ya que gutenberg no deja ver las im\u00e1genes subidas en el post actual. Una vez que pon\u00edas dicha entrada, pod\u00edas arrastrar la imagen al contenido.<\/li><li><strong>Thumbnails.<\/strong> Barra para miniaturas que conten\u00eda los diferentes im\u00e1genes que se utilizan. Y pod\u00edan trabajar con los recortes.<\/li><li><strong>Bloque de imagen y CHP.<\/strong> Permite integrar el banco de im\u00e1genes para la entrada del blog. Y tambi\u00e9n permit\u00edan cambiarlo.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Los platos fuertes<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Lista de comprobaci\u00f3n de elementos antes de publicar. <\/strong>Funcionalidad que seg\u00fan las pol\u00edticas editoriales del medio, <\/li><li><strong>Integraci\u00f3n con el departamento legal.<\/strong> Para interactuar r\u00e1pidamente con el departamento legal. Hasta ahora tablas excel, emails, etc. Salta un aviso cuando hay un t\u00e9rmino que requiere revisi\u00f3n legal. Tienen un bot\u00f3n para mandar a revisi\u00f3n legal, y los abogados, pueden entrar en dicha entrada, para que pudieran poner incidencias.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Me parece una pasada la integraci\u00f3n con el departamento legal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todo est\u00e1 gestionado por el plugin Newspress, que est\u00e1 orquestado por Composer. Tienen varios m\u00f3dulos liberados como Publication Checklist en <strong><a href=\"https:\/\/github.com\/humanmade\/publication-checklist\" target=\"_blank\" rel=\"noopener\">GitHub<\/a><\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfEl futuro?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tener un s\u00f3lo NewsPress para todas las publicaciones, y que sea como un origen para otros medios.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pregunta: Metabloques &gt; b\u00fasqueda en query<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">RGPD en WordPress<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/rgpd-con-santiago-alonso-y-marina-brocca-scaled-1.jpg\" alt=\"rgpd con santiago alonso y marina brocca\" class=\"wp-image-5386\" width=\"680\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Tienes que tener 4 puntos clave de tu web:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Textos legales<\/strong>. Deben estar siempre visibles en la web. Al final del pie de p\u00e1gina.<\/li><li><strong>Formularios.<\/strong><ol><li>1\u00aa Capa de privacidad. Enlace a la segunda, con Casillas de privacidad. Aparte de las casillas, un texto que especifique el destino de la privacidad.<\/li><\/ol><\/li><li><strong>Cookies<\/strong><ol><li><strong>Herramientas.<\/strong> <a href=\"https:\/\/www.cookieserve.com\/\" target=\"_blank\" rel=\"noopener\">Cookieserve<\/a>, para identificar cookies. <a href=\"https:\/\/wordpress.org\/plugins\/gdpr-cookie-compliance\/\" target=\"_blank\" rel=\"noopener\">GPDR Cookie Compliance<\/a> que cumple con la RGPD.<\/li><\/ol><\/li><li><strong>Ejercicio de derechos<\/strong>. <\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">La Legalidad de tu web, no es una opci\u00f3n: difer\u00e9nciate, genera confianza...<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Y no rompas tu hucha pagando sanciones<\/p><cite>Marina Brocca<\/cite><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Pablo Moratinos: Zanshin, el estado de alerta del WebSensei<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Por <a href=\"https:\/\/twitter.com\/pablomoratinos\" target=\"_blank\" rel=\"noopener\">Pablo Moratinos<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/pablo-moratinos-zanshin-scaled-1.jpg\" alt=\"pablo moratinos zanshin\" class=\"wp-image-5387\" width=\"680\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Zanshin<\/strong>, es un t\u00e9rmino japon\u00e9s y significa un estado de vigilancia activa, relajada y permanente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nos ofrece diferentes herramientas en diferentes campos para ser unos samurais del Marketing Online.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seg\u00fan diferentes campos tendr\u00edamos:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Noticias<\/strong>. <strong>Google Alerts<\/strong>:<strong> <\/strong>Por ejemplo podcast + Chattanoga, podr\u00e1 ver noticias en tiempo real que hablen de ello.<\/li><li><strong>PHP.<\/strong> Activar el modo debug de nuestra p\u00e1gina web. Podemos hacer que se guarden en un archivo debug.log. Recomienda el plugin Debug de WordPress.<\/li><li><strong>CRO.<\/strong> Para optimizar nuestras conversiones. La mejor herramienta es utilizar Analytics con el seguimiento de objetivos con sistemas de alertas. <\/li><li><strong>Redes Sociales.<\/strong> Facebook Creator Studio. Permite programar contenidos en Facebook e Instagram.<br><strong>Hootsuite Hootlet.<\/strong> que nos permite hacer curaci\u00f3n de contenidos y publicar con horas que m\u00e1s resultado tengan. Tambi\u00e9n permite alimentarse de feeds. Tambi\u00e9n programar publicaciones a trav\u00e9s de un CSV. <\/li><li><strong>Experiencia de usuario.<\/strong> Recomienda los Test A\/B y Mapas de clics, calor y confetti. <a href=\"https:\/\/es.wordpress.org\/plugins\/nelio-ab-testing\/\" target=\"_blank\" rel=\"noopener\">Nelio A\/B Testing<\/a>.<\/li><li><strong>SEO.<\/strong> Uso del Google Search Console, y el informe de resultados de b\u00fasqueda. Importante ver la evoluci\u00f3n impresiones en los resultados de b\u00fasqueda, y actualizar el contenido. Ejemplo: <a href=\"https:\/\/3ymedia.net\/los-borradores-llegan-facebook\/\" target=\"_blank\" rel=\"noopener\">Su entrada del blog<\/a>.<br><strong>Comprobador de enlaces.<\/strong> Utilizar el <a href=\"https:\/\/es.wordpress.org\/plugins\/broken-link-checker\/\" target=\"_blank\" rel=\"noopener\">comprobador enlaces<\/a>.<\/li><li><strong>WPO.<\/strong> Rendimiento de tu p\u00e1gina web. Page Speed o <a href=\"https:\/\/es.wordpress.org\/plugins\/gtmetrix-for-wordpress\/\" target=\"_blank\" rel=\"noopener\">GTMetrix de WordPress<\/a>. Y podemos poner una serie de alertas si hay alguna p\u00e1gina muy lenta.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Hombre que atrapa mosca con palillos puede hacer cualquier cosa<\/p><cite>Sr. miyagui<\/cite><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Juan Serrano: Atomic Design \u00bfEmpezamos?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/atomic-design-scaled-1.jpg\" alt=\"atomic design\" class=\"wp-image-5388\" title=\"\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo empezar a aplicar Atomic Design en el dise\u00f1o<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c1tomos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Definimos los \u00c1tomos de la Web:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Set de tipograf\u00eda + mobile. Dejar anotadas las tipograf\u00edas y los estilos<\/li><li>Colores corporativos y degradados.<\/li><li>Botones.<\/li><li>Im\u00e1genes de todos los tama\u00f1os (intentar unificar).<\/li><li>Set de Iconos.<\/li><li>Containers y Grid.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfC\u00f3mo aplicarlo al desarrollo?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Font family<\/li><li>Estilos de texto y mixins ht-one<\/li><li>Variables de colores y degradados<\/li><li>Botones e inputs de texto, text areas<\/li><li>Formatos de im\u00e1genes<\/li><li>Helpers.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Recomienda <a href=\"https:\/\/taniarascia.github.io\/primitive\/\" target=\"_blank\" rel=\"noopener\">Primitive<\/a>, para iniciar el proyecto son SASS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mol\u00e9culas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Y de los \u00e1tomos, creamos las mol\u00e9culas en dise\u00f1o:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Combinamos los \u00e1tomos.<\/li><li>Convertimos en componentes.<\/li><li>Asignamos variables.<\/li><li>Asignamos estilos<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Y en desarrollo:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Metodolog\u00eda BEM. Metodolog\u00eda para estructurar y nombrar clases CSS con el objetivo de mantener el c\u00f3digo limpio.<\/li><li>Especificaciones comportamiento \u00e1tomos.<\/li><li>Especificaciones estilos de \u00e1tomos.<\/li><li>Cada mol\u00e9cula debe tener una clase.<\/li><li>Creamos un archov scss\/sass por cada mol\u00e9cula.<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Organismos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">El conjunto de mol\u00e9culas, como por ejemplo, un widget de blog, CTAs, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aplicados al dise\u00f1o:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Preparar un set de organismos.<\/li><li>Preparar posibilidades en BYN.<\/li><li>Preparar posibilidades de alineaci\u00f3n.<\/li><li>En Dise\u00f1o, repetir cuadr\u00edcula.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Y lo aplicamos al desarrollo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Templates<\/h3>\n\n\n\n<ol class=\"wp-block-list\"><li>Organizamos los organismos por p\u00e1ginas.<\/li><li>Paddings por secciones.<\/li><li>Tener en cuenta el dise\u00f1o para mobile.<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">P\u00e1ginas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tienen el dise\u00f1o final seg\u00fan las plantillas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Gisela Bravo: Crea tu estrategia de Automatizaci\u00f3n de Marketing con WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un usuario necesita entre 20 y 500 interacciones con tu marca, para que pueda comprarte un producto o servicio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1440\" src=\"\/wp-content\/uploads\/2026\/10\/automatizacion-marketing-wordpress.jpg\" alt=\"automatizacion marketing wordpress\" class=\"wp-image-5389\" title=\"\" srcset=\"https:\/\/davidperezgar.com\/wp-content\/uploads\/automatizacion-marketing-wordpress.jpg 1920w, https:\/\/davidperezgar.com\/wp-content\/uploads\/automatizacion-marketing-wordpress-596x447.jpg 596w, https:\/\/davidperezgar.com\/wp-content\/uploads\/automatizacion-marketing-wordpress-768x576.jpg 768w, https:\/\/davidperezgar.com\/wp-content\/uploads\/automatizacion-marketing-wordpress-1082x812.jpg 1082w, https:\/\/davidperezgar.com\/wp-content\/uploads\/automatizacion-marketing-wordpress-1536x1152.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Automatizaci\u00f3n de marketing: proceso y metodolog\u00eda para acompa\u00f1ar al usuario de manera autom\u00e1tica y escalable hasta convertirlo en potencial cliente.<\/p><cite>Gisela Bravo<\/cite><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">M\u00e1s del 70% de las empresas B2B est\u00e1n utilizando plataformas de marketing autom\u00e1tico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sobre usuarios interesados, realizamos un WorkFlow para conseguir a los clientes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las herramientas a utilizar para poner en marcha la Automatizaci\u00f3n, deber\u00e1n tener las siguientes caracter\u00edsticas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Email Marketing.<\/li><li>Lead scoring.<\/li><li>Formularios progresivos<\/li><li>Llamadas a la acci\u00f3n inteligentes.<\/li><li>Listas din\u00e1micas.<\/li><li>Contenidos inteligentes.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Herramientas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfCual nos recomienda?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Groundhogg.<\/li><li>AutomateWoo.<\/li><li>Drip.<\/li><li>Active Campaign.<\/li><li>Zoho Marketing Hub.<\/li><li>Keap.<\/li><li>HubSpot.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Las empresas que implementan una estrategia de automatizaci\u00f3n de marketing, generan un +50% de <strong>potenciales clientes.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Algunos de los Tweets que m\u00e1s me han llamado la atenci\u00f3n<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\"><p lang=\"es\" dir=\"ltr\">Menudo eventazo han organizado el equipo de <a href=\"https:\/\/x.com\/wcmalaga?ref_src=twsrc%5Etfw\">@wcmalaga<\/a>! Sitio buen\u00edsimo, excelentes ponencias y talleres, churros para desayunar y profesionales de toda Espa\u00f1a! <a href=\"https:\/\/x.com\/hashtag\/WordPress?src=hash&amp;ref_src=twsrc%5Etfw\">#WordPress<\/a> <a href=\"https:\/\/x.com\/hashtag\/WordCamp?src=hash&amp;ref_src=twsrc%5Etfw\">#WordCamp<\/a> <a href=\"https:\/\/x.com\/hashtag\/wcmalaga?src=hash&amp;ref_src=twsrc%5Etfw\">#wcmalaga<\/a> cc\/ <a href=\"https:\/\/x.com\/wcmalaga?ref_src=twsrc%5Etfw\">@wcmalaga<\/a> <a href=\"https:\/\/t.co\/n06bQI0DVr\">pic.twitter.com\/n06bQI0DVr<\/a><\/p>&mdash; Roc\u00edo Valdivia (@rociovaldi) <a href=\"https:\/\/x.com\/rociovaldi\/status\/1236245027178901504?ref_src=twsrc%5Etfw\">March 7, 2020<\/a><\/blockquote><script async src=\"https:\/\/platform.x.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\"><p lang=\"es\" dir=\"ltr\">Cuando la comunicaci\u00f3n te lleva al mensaje, te lo acuna, te lo cuenta, te lo mima, te lo acaricia,... <a href=\"https:\/\/x.com\/pablomoratinos?ref_src=twsrc%5Etfw\">@pablomoratinos<\/a> nos mete de lleno en la presentaci\u00f3n y se coge de la mano con el <a href=\"https:\/\/x.com\/hashtag\/storytelling?src=hash&amp;ref_src=twsrc%5Etfw\">#storytelling<\/a> en la <a href=\"https:\/\/x.com\/hashtag\/WCM%C3%A1laga?src=hash&amp;ref_src=twsrc%5Etfw\">#WCM\u00e1laga<\/a> <a href=\"https:\/\/t.co\/AknSfGd67c\">pic.twitter.com\/AknSfGd67c<\/a><\/p>&mdash; Se\u00f1or Mu\u00f1oz (@senormunoz) <a href=\"https:\/\/x.com\/senormunoz\/status\/1236299379490861056?ref_src=twsrc%5Etfw\">March 7, 2020<\/a><\/blockquote><script async src=\"https:\/\/platform.x.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\"><p lang=\"es\" dir=\"ltr\"><a href=\"https:\/\/x.com\/davidperezmk?ref_src=twsrc%5Etfw\">@davidperezmk<\/a> ha ganado el premio de <a href=\"https:\/\/x.com\/SiteGround_ES?ref_src=twsrc%5Etfw\">@SiteGround_ES<\/a> en el concurso que ha llevado con mucho arte @juanmacivico87 <a href=\"https:\/\/t.co\/ZETQlspJrv\">pic.twitter.com\/ZETQlspJrv<\/a><\/p>&mdash; Jes\u00fas Yesares Garc\u00eda (@jesusyesares) <a href=\"https:\/\/x.com\/jesusyesares\/status\/1236297386470838273?ref_src=twsrc%5Etfw\">March 7, 2020<\/a><\/blockquote><script async src=\"https:\/\/platform.x.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\"><p lang=\"es\" dir=\"ltr\">\u00bfTe encuentras? Foto Grupo \ud83e\udd70 <a href=\"https:\/\/x.com\/hashtag\/WCM%C3%A1laga?src=hash&amp;ref_src=twsrc%5Etfw\">#WCM\u00e1laga<\/a> <a href=\"https:\/\/t.co\/NuqNNqHpaP\">pic.twitter.com\/NuqNNqHpaP<\/a><\/p>&mdash; WordCamp M\u00e1laga (@wcmalaga) <a href=\"https:\/\/x.com\/wcmalaga\/status\/1236303009564499969?ref_src=twsrc%5Etfw\">March 7, 2020<\/a><\/blockquote><script async src=\"https:\/\/platform.x.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\"><p lang=\"es\" dir=\"ltr\">\u201cPoyaque est\u00e1s con eso, hazme esto otro\u201d. Hay que huir del efecto \u201cpoyaque\u201d \ud83d\ude02\ud83d\ude02\ud83d\ude02 <a href=\"https:\/\/x.com\/hashtag\/WCM%C3%A1laga?src=hash&amp;ref_src=twsrc%5Etfw\">#WCM\u00e1laga<\/a> <a href=\"https:\/\/t.co\/NqS9eS0sGg\">pic.twitter.com\/NqS9eS0sGg<\/a><\/p>&mdash; Delia Carballo (@deliacarballo) <a href=\"https:\/\/x.com\/deliacarballo\/status\/1236260950140948480?ref_src=twsrc%5Etfw\">March 7, 2020<\/a><\/blockquote><script async src=\"https:\/\/platform.x.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>El S\u00e1bado 7 de Marzo se celebr\u00f3 la WordCamp M\u00e1laga. Para la presentaci\u00f3n, el l\u00edder @frankenperez nos introdujo lo que nos \u00edbamos a encontrar en la WordCamp. Playful CSS Primera ponencia en ingl\u00e9s, por Camila Waz @camila_waz. Perfil Codepen. Hablando de las nuevas propiedades CSS que est\u00e1n por venir, y que nos ayudan a mejorar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5383,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":7,"footnotes":""},"categories":[45],"tags":[331],"class_list":["post-2593","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-eventos","tag-wordcamp-malaga"],"_links":{"self":[{"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/posts\/2593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/comments?post=2593"}],"version-history":[{"count":1,"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/posts\/2593\/revisions"}],"predecessor-version":[{"id":5863,"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/posts\/2593\/revisions\/5863"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/media\/5383"}],"wp:attachment":[{"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/media?parent=2593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/categories?post=2593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davidperezgar.com\/es\/wp-json\/wp\/v2\/tags?post=2593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}