{"id":24112,"date":"2022-10-18T22:52:00","date_gmt":"2022-10-18T20:52:00","guid":{"rendered":"\/tutoriales\/?p=24112"},"modified":"2024-03-19T04:30:57","modified_gmt":"2024-03-19T03:30:57","slug":"wordpress-landing-page","status":"publish","type":"post","link":"\/ar\/tutoriales\/wordpress-landing-page\/","title":{"rendered":"C\u00f3mo crear una landing page en WordPress y comenzar a convertir"},"content":{"rendered":"<p>Una landing page puede aumentar la tasa de conversi&oacute;n de tu sitio de WordPress al alentar a los visitantes a realizar la acci&oacute;n deseada, como suscribirse a un bolet&iacute;n informativo, comprar un producto o registrarse en un sitio web.<\/p><p>Si bien la <a href=\"https:\/\/findstack.com\/landing-page-statistics\/\" target=\"_blank\" rel=\"noreferrer noopener\">tasa de conversi&oacute;n promedio para las landing pages<\/a> es del 9,7 %, agregar elementos como im&aacute;genes o pruebas sociales puede aumentar a&uacute;n m&aacute;s tus conversiones. Por lo tanto, crear una buena landing page es crucial para impulsar tu negocio.<\/p><p>En este art&iacute;culo, te mostraremos tres m&eacute;todos f&aacute;ciles y efectivos para crear una landing page con WordPress y discutiremos cu&aacute;ndo hacerlo.<\/p><h2 class=\"wp-block-heading\" id=\"h-crear-una-landing-page-en-nbsp-wordpress-con-un-plugin\">Crear una landing page en&nbsp;WordPress con un plugin<\/h2><p>Una landing page se refiere a una p&aacute;gina web dise&ntilde;ada con fines de marketing, como por ejemplo, la presentaci&oacute;n de un nuevo producto. Esta puede ser una p&aacute;gina independiente vinculada a un sitio web o una parte de &eacute;l.<\/p><p>Afortunadamente, <a href=\"\/ar\/tutoriales\/wordpress\/\">WordPress<\/a> ofrece una amplia gama de funciones para<strong> <\/strong>crear f&aacute;cilmente un sitio web y una landing page para tu negocio.<\/p><p>Una de las mejores formas de <a href=\"\/ar\/tutoriales\/como-hacer-una-landing-page\/\">crear una landing page<\/a><strong> <\/strong>consiste en utilizar un plugin. Con este m&eacute;todo, incluso los principiantes pueden crear una p&aacute;gina profesional y atractiva, ya que muchos plugins de WordPress proporcionan un creador de arrastrar y soltar y plantillas prefabricadas.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-instalar-el-plugin\">1. Instalar el plugin<\/h3><p>En base a la selecci&oacute;n de nuestros expertos, aqu&iacute; hay una lista de los mejores plugins disponibles para landing pages en WordPress:<\/p><ul class=\"wp-block-list\">\n<li><strong>Divi<\/strong>: uno de los mejores creadores de p&aacute;ginas de WordPress con un editor visual intuitivo.<\/li>\n\n\n\n<li><strong>Beaver Builder<\/strong>: un plugin intuitivo de creaci&oacute;n de landing pages que funciona con la mayor&iacute;a de los temas de WordPress.<\/li>\n\n\n\n<li><strong>SeedProd<\/strong>: uno de los <a href=\"\/ar\/tutoriales\/mejores-plugins-wordpress\/\">mejores plugins de WordPress<\/a> con muchas opciones de plantillas de dise&ntilde;o, una interfaz f&aacute;cil de usar y un creador de p&aacute;ginas de arrastrar y soltar.<\/li>\n<\/ul><p>Para este tutorial, usaremos el plugin SeedProd para crear una landing page de alta conversi&oacute;n para tu sitio de WordPress.<\/p><p>Primero, deber&aacute;s iniciar sesi&oacute;n en tu panel de WordPress, ir a <strong>Plugins &rarr; A&ntilde;adir nuevo<\/strong> y usar el cuadro de b&uacute;squeda para encontrar el plugin SeedProd. Luego,<strong> <\/strong><a href=\"\/ar\/tutoriales\/plugins-en-wordpress-gratis\/\">instala y activa el plugin<\/a><strong> <\/strong>en tu sitio de WordPress.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1329\" height=\"501\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/instalar-seedprod.png\/w=1024,h=1024,fit=scale-down\" alt=\"SeedProd en la biblioteca de plugins de WordPress\" class=\"wp-image-24114\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/instalar-seedprod.png\/w=1329,fit=scale-down 1329w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/instalar-seedprod.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/instalar-seedprod.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/instalar-seedprod.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/instalar-seedprod.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1329px) 100vw, 1329px\" \/><\/figure>\n<\/div><p>SeedProd es un plugin freemium: puedes comprar su versi&oacute;n premium a partir de <strong>39,50&nbsp; d&oacute;lares por a&ntilde;o<\/strong>. Para configurarlo, deber&aacute;s ingresar una clave de licencia de tu cuenta de SeedProd.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-agregar-una-nueva-landing-page\">2. Agregar una nueva landing page<\/h3><p>Una vez que hayas activado el plugin, ser&aacute;s redirigido al panel de control de la landing page de SeedProd. En la parte superior, habr&aacute; cuatro opciones para las landing pages.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"407\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/seedprod-plugin-wordpress-2.png\/w=1024,h=1024,fit=scale-down\" alt=\"Panel de control de SeedProd en WordPress\" class=\"wp-image-24624\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/seedprod-plugin-wordpress-2.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/seedprod-plugin-wordpress-2.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/seedprod-plugin-wordpress-2.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/seedprod-plugin-wordpress-2.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/seedprod-plugin-wordpress-2.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/seedprod-plugin-wordpress-2.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Para agregar una nueva, haz clic en el bot&oacute;n <strong>Crear nueva landing page <\/strong>en la parte inferior.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-Add-new-landing-page-de-seedprod-3.png\/w=1024,h=1024,fit=scale-down\" alt=\"Crear landing page de WordPress en SeedProd\" class=\"wp-image-24627\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-Add-new-landing-page-de-seedprod-3.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-Add-new-landing-page-de-seedprod-3.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-Add-new-landing-page-de-seedprod-3.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-Add-new-landing-page-de-seedprod-3.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-Add-new-landing-page-de-seedprod-3.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-Add-new-landing-page-de-seedprod-3.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-3-seleccionar-y-personalizar-la-plantilla-nbsp\">3. Seleccionar y personalizar la plantilla&nbsp;<\/h3><p>Despu&eacute;s de agregar una nueva p&aacute;gina, deber&aacute;s elegir una plantilla de dise&ntilde;o para ella. SeedProd ofrece muchas plantillas de landing pages adecuadas para diferentes tipos de campa&ntilde;as.<\/p><p>Alternativamente, comienza a crear una landing page desde cero haciendo clic en la <strong>plantilla en blanco<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-para-nueva-pagina-en-seedprod-1.png\/w=1024,h=1024,fit=scale-down\" alt=\"Plantillas prefabricadas de SeedProd\" class=\"wp-image-24628\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-para-nueva-pagina-en-seedprod-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-para-nueva-pagina-en-seedprod-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-para-nueva-pagina-en-seedprod-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-para-nueva-pagina-en-seedprod-1.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-para-nueva-pagina-en-seedprod-1.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-para-nueva-pagina-en-seedprod-1.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Una vez que hayas elegido una plantilla, ingresa un nombre y un t&iacute;tulo de URL.<\/p><p>\n\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Consejo profesional                <\/p>\n            <\/div>\n            <p class=\"protip__content\"><\/p><p>Usa una palabra clave de enfoque en la URL de la p&aacute;gina para mejorar su visibilidad en los motores de b&uacute;squeda y atraer m&aacute;s tr&aacute;fico a tu sitio web de WordPress. <\/p>\n                    <\/div>\n        \n\n\n<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/detalles-de-la-nueva-pagina-seedprod-1.png\/w=1024,h=1024,fit=scale-down\" alt=\"Pesta&ntilde;a de detalles de la nueva p&aacute;gina\" class=\"wp-image-24629\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/detalles-de-la-nueva-pagina-seedprod-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/detalles-de-la-nueva-pagina-seedprod-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/detalles-de-la-nueva-pagina-seedprod-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/detalles-de-la-nueva-pagina-seedprod-1.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/detalles-de-la-nueva-pagina-seedprod-1.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/detalles-de-la-nueva-pagina-seedprod-1.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Una vez que hayas terminado de editar los detalles, selecciona <strong>Guardar y comienza a editar <\/strong>para personalizar tu primera landing page.<\/p><p>Con el men&uacute; <strong>Blocks <\/strong>en el lado izquierdo, puedes agregar o editar varios elementos como el texto, las im&aacute;genes y los videos. Para hacerlo, simplemente haz clic en el elemento que desees.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-plantilla-en-seedprod-1.png\/w=1024,h=1024,fit=scale-down\" alt=\"Pesta&ntilde;a para personalizar una plantilla prefabricada en SeedProd\" class=\"wp-image-24630\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-plantilla-en-seedprod-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-plantilla-en-seedprod-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-plantilla-en-seedprod-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-plantilla-en-seedprod-1.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-plantilla-en-seedprod-1.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-plantilla-en-seedprod-1.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Cambia el color de fondo, la imagen y la alineaci&oacute;n para que tu landing page coincida con tu marca. Alternativamente, selecciona la &nbsp;<strong>Global Setting<\/strong> en la esquina inferior izquierda.<\/p><p>Los bloques de <a href=\"\/ar\/tutoriales\/crear-formulario-contacto-wordpress\/\">formulario de contacto<\/a> se pueden integrar con el plugin WPForms, lo que te permite cambiar un formulario de WordPress reci&eacute;n creado por una landing page de formulario personalizado y utilizar sus funciones adicionales.<\/p><p>Si deseas duplicar un bloque, haz clic en el &iacute;cono de <strong>archivos <\/strong>que aparece al pasar el mouse. Tambi&eacute;n hay otros &iacute;conos para eliminar, mover y guardar un bloque para agilizar el proceso de dise&ntilde;o.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/duplicar-bloque-en-plantilla-de-seedprod-1.png\/w=1024,h=1024,fit=scale-down\" alt=\"Men&uacute; para duplicar un bloque en tu landing page \" class=\"wp-image-24631\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/duplicar-bloque-en-plantilla-de-seedprod-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/duplicar-bloque-en-plantilla-de-seedprod-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/duplicar-bloque-en-plantilla-de-seedprod-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/duplicar-bloque-en-plantilla-de-seedprod-1.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/duplicar-bloque-en-plantilla-de-seedprod-1.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/duplicar-bloque-en-plantilla-de-seedprod-1.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Como SeedProd tambi&eacute;n est&aacute; integrado con <a href=\"\/ar\/tutoriales\/instalar-activar-woocommerce\/\">WooCommerce<\/a>, puedes crear una landing page para una tienda de comercio electr&oacute;nico. La incorporaci&oacute;n de sus bloques, como botones para agregar al carrito, cuadr&iacute;culas de productos y productos en oferta, te ayudar&aacute; a crear una p&aacute;gina atractiva.<\/p><p>Por ejemplo, puedes crear una landing page de producto interactiva agregando un bot&oacute;n <strong>Comprar ahora <\/strong>y productos en oferta para tu tienda en l&iacute;nea.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/woocommerce-en-seedprod-1.png\/w=1024,h=1024,fit=scale-down\" alt=\"Bloques de WooCommerce  en SeedProd\" class=\"wp-image-24635\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/woocommerce-en-seedprod-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/woocommerce-en-seedprod-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/woocommerce-en-seedprod-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/woocommerce-en-seedprod-1.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/woocommerce-en-seedprod-1.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/woocommerce-en-seedprod-1.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Adem&aacute;s, el men&uacute; <strong><strong>Sections<\/strong>&nbsp;<\/strong>de SeedProd ofrece muchas opciones de categor&iacute;as para el dise&ntilde;o de la landing page, incluidos el encabezado, la imagen hero, la llamada a la acci&oacute;n y las preguntas frecuentes.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1019\" height=\"492\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/secciones-prefabricadas-seedprod.png\/public\" alt=\"Secciones prefabricadas para crear una landing page \" class=\"wp-image-24123\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/secciones-prefabricadas-seedprod.png\/w=1019,fit=scale-down 1019w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/secciones-prefabricadas-seedprod.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/secciones-prefabricadas-seedprod.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/secciones-prefabricadas-seedprod.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1019px) 100vw, 1019px\" \/><\/figure>\n<\/div><p>Despu&eacute;s de terminar el dise&ntilde;o, haz clic en el bot&oacute;n <strong>Save <\/strong>ubicado en la esquina superior derecha.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-integrar-con-herramientas-de-terceros\">4. Integrar con herramientas de terceros<\/h3><p>Muchas empresas utilizan varias herramientas para ayudarles a adquirir m&aacute;s clientes y aumentar sus ingresos.<\/p><p>Con SeedProd, tus landing pages se pueden conectar con herramientas de marketing populares para mejorar el rendimiento de tu campa&ntilde;a. Estas son nuestras principales recomendaciones para las herramientas de terceros de SeedProd:<\/p><ul class=\"wp-block-list\">\n<li><strong>MailChimp<\/strong>: uno de los servicios de marketing por correo electr&oacute;nico m&aacute;s populares. Este ofrece una funci&oacute;n de respuesta autom&aacute;tica.<\/li>\n\n\n\n<li><strong>Constant Contact<\/strong>: una herramienta de marketing por correo electr&oacute;nico que proporciona cientos de plantillas de correo electr&oacute;nico con un creador de arrastrar y soltar.<\/li>\n\n\n\n<li><strong>Monsterinsights<\/strong>: la herramienta m&aacute;s popular de Google Analytics que ofrece informaci&oacute;n sobre el rendimiento de tu sitio web.<\/li>\n\n\n\n<li><strong>Zapier<\/strong>: una herramienta de automatizaci&oacute;n que est&aacute; integrada con m&aacute;s de 500 servicios para recopilar correos electr&oacute;nicos del formulario de registro.<\/li>\n<\/ul><p>Para conectar la landing page de tu sitio web de WordPress con herramientas de terceros, haz clic en la pesta&ntilde;a <strong><strong>Connect<\/strong>&nbsp;<\/strong>y elige los servicios que desees.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1020\" height=\"484\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/pestana-connect.png\/public\" alt=\"Pesta&ntilde;a Connect de SeedProd\" class=\"wp-image-24124\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/pestana-connect.png\/w=1020,fit=scale-down 1020w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/pestana-connect.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/pestana-connect.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/pestana-connect.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/figure>\n<\/div><p>Conectar tu p&aacute;gina con un servicio de marketing por correo electr&oacute;nico, por ejemplo, agregar&aacute; autom&aacute;ticamente los datos de contacto de los visitantes del sitio que ingresaron en tu landing page a tu lista de correo electr&oacute;nico.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-publicar-tu-landing-page-en-wordpress\">5. Publicar tu landing page en WordPress<\/h3><p>Despu&eacute;s de editar la plantilla y configurar las herramientas de terceros, es hora de publicar tu landing page.<\/p><p>Para hacerlo, vuelve a la pesta&ntilde;a <strong>Design<\/strong>, haz clic en la flecha desplegable junto al bot&oacute;n <strong>Save <\/strong>y presiona <strong>Publish<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-publish-en-seedprod.png\/w=1024,h=1024,fit=scale-down\" alt=\"Bot&oacute;n Publicar en SeedProd\" class=\"wp-image-24588\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-publish-en-seedprod.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-publish-en-seedprod.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-publish-en-seedprod.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-publish-en-seedprod.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-publish-en-seedprod.png\/w=1536,fit=scale-down 1536w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/boton-de-publish-en-seedprod.png\/w=2048,fit=scale-down 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Ahora, selecciona el bot&oacute;n <strong><strong><strong>See Live Page<\/strong><\/strong><\/strong> para ver los resultados.<\/p><p>Para una mayor personalizaci&oacute;n, puedes configurar tu p&aacute;gina general, SEO y configuraci&oacute;n de an&aacute;lisis a trav&eacute;s de la pesta&ntilde;a <strong>Page Settings<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1021\" height=\"493\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/pestana-de-configuracion-de-pagina-seedprod.png\/public\" alt=\"Pesta&ntilde;a Configuraci&oacute;n de p&aacute;gina de SeedProd\" class=\"wp-image-24126\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/pestana-de-configuracion-de-pagina-seedprod.png\/w=1021,fit=scale-down 1021w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/pestana-de-configuracion-de-pagina-seedprod.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/pestana-de-configuracion-de-pagina-seedprod.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/pestana-de-configuracion-de-pagina-seedprod.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1021px) 100vw, 1021px\" \/><\/figure><p>Por ejemplo, puedes vincular tantas landing pages como desees a tu nombre de dominio personalizado en lugar de utilizar varios sitios de WordPress. Para hacerlo, haz clic en el men&uacute; <strong><strong>Custom Domain<\/strong> <\/strong>e ingresa tu nombre de dominio. Ten en cuenta que esta funci&oacute;n solo est&aacute; disponible en la versi&oacute;n premium de SeedProd.<\/p><h2 class=\"wp-block-heading\" id=\"h-crear-una-landing-page-con-un-tema-de-wordpress\">Crear una landing page con un tema de WordPress<\/h2><p>Adem&aacute;s de usar un plugin, otra forma de crear landing pages consiste en <strong>instalar un tema de WordPress<\/strong>. Si lo haces, te permitir&aacute; personalizar la disposici&oacute;n y el dise&ntilde;o de una landing page en WordPress sin cambiar tu tema.<\/p><p>Sin embargo, no todos los temas de WordPress ofrecen estas plantillas. Con esto en mente, recomendamos elegir de la siguiente lista de <strong>temas gratuitos de WordPress<\/strong>:<\/p><ul class=\"wp-block-list\">\n<li><strong>Astra<\/strong>: proporciona m&aacute;s de 150 plantillas prefabricadas que est&aacute;n completamente integradas con herramientas populares, como WooCommerce.<\/li>\n\n\n\n<li><strong>Neve<\/strong>: ofrece temas multiprop&oacute;sito compatibles con el editor Gutenberg y WooCommerce.<\/li>\n\n\n\n<li><strong>Material de Portum<\/strong>: viene con un slider de ancho completo, botones de llamada a la acci&oacute;n y funciones de animaci&oacute;n que har&aacute;n que tu p&aacute;gina sea m&aacute;s atractiva.<\/li>\n<\/ul><p>Ahora, repasemos una gu&iacute;a paso a paso sobre c&oacute;mo crear landing pages en WordPress con un tema.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-agregar-una-nueva-pagina\">1. Agregar una nueva p&aacute;gina<\/h3><p>Sigue los pasos a continuaci&oacute;n para agregar una nueva p&aacute;gina en WordPress:<\/p><ol class=\"wp-block-list\">\n<li>Agrega un nuevo tema desde tu escritorio de WordPress.<\/li>\n\n\n\n<li>Haz clic en <strong>Apariencia &rarr; Temas &rarr; A&ntilde;adir nuevo<\/strong>.<\/li>\n\n\n\n<li>Elige y activa tu tema de WordPress. En este tutorial, usaremos Neve.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"441\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-tema-wordpress.png\/w=1024,h=1024,fit=scale-down\" alt=\"A&ntilde;adir un tema en WordPress\" class=\"wp-image-24401\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-tema-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-tema-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-tema-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-tema-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Una vez que hayas configurado tu tema, dir&iacute;gete a <strong>P&aacute;ginas &rarr; A&ntilde;adir nuevo <\/strong>para crear una landing page. Alternativamente, agrega una nueva p&aacute;gina desde la barra <strong>+ Nueva &rarr; P&aacute;gina <\/strong>en la parte superior de tu p&aacute;gina.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1341\" height=\"390\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-pagina-wordpress.png\/w=1024,h=1024,fit=scale-down\" alt=\"A&ntilde;adir p&aacute;gina en WordPress\" class=\"wp-image-24128\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-pagina-wordpress.png\/w=1341,fit=scale-down 1341w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-pagina-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-pagina-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-pagina-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/anadir-pagina-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1341px) 100vw, 1341px\" \/><\/figure>\n<\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Ahora, deber&iacute;as ver una p&aacute;gina en blanco. Asigna un t&iacute;tulo a tu p&aacute;gina personalizada.<\/li>\n\n\n\n<li>Elige<strong> Ancho completo del maquetador de p&aacute;ginas (Neve) <\/strong>en el men&uacute; <strong>Plantilla <\/strong>en la barra lateral.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1347\" height=\"547\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-en-la-nueva-pagina-de-wordpress.png\/w=1024,h=1024,fit=scale-down\" alt=\"Elegir la opci&oacute;n Ancho completo del maquetador de p&aacute;ginas (Neve) en el men&uacute; Plantilla en la barra lateral\" class=\"wp-image-24129\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-en-la-nueva-pagina-de-wordpress.png\/w=1347,fit=scale-down 1347w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-en-la-nueva-pagina-de-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-en-la-nueva-pagina-de-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-en-la-nueva-pagina-de-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/elegir-plantilla-en-la-nueva-pagina-de-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-2-establecer-la-landing-page-como-una-pagina-de-inicio-estatica\">2. Establecer la landing page como una p&aacute;gina de inicio est&aacute;tica<\/h3><p>Despu&eacute;s de eso, deber&aacute;s configurar tu nueva p&aacute;gina como una p&aacute;gina de inicio est&aacute;tica. Ten en cuenta que esta es diferente de tu p&aacute;gina de inicio habitual: la p&aacute;gina est&aacute;tica garantizar&aacute; que los visitantes lleguen a ella cuando hagan clic en tu sitio web.<\/p><p>Dir&iacute;gete a <strong>Configuraci&oacute;n &rarr; Lectura<\/strong> y selecciona el nombre de la p&aacute;gina que has creado para la landing page en el men&uacute; desplegable<strong> Portada<\/strong>. Luego, haz clic en <strong>Guardar cambios<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1244\" height=\"553\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/ajustes-de-lectura.png\/w=1024,h=1024,fit=scale-down\" alt=\"Ajustes de lectura en WordPress\" class=\"wp-image-24130\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/ajustes-de-lectura.png\/w=1244,fit=scale-down 1244w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/ajustes-de-lectura.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/ajustes-de-lectura.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/ajustes-de-lectura.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/ajustes-de-lectura.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1244px) 100vw, 1244px\" \/><\/figure>\n<\/div><p>Una vez que lo hayas guardado, comienza a personalizar el tema de la p&aacute;gina yendo a <strong>Apariencia &rarr; Personalizar<\/strong>. Encontrar&aacute;s opciones para editar los elementos de tu p&aacute;gina, como el dise&ntilde;o, el encabezado, los botones, los colores y el fondo.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-personalizar-la-pagina-con-el-editor-de-wordpress\">3. Personalizar la p&aacute;gina con el editor de WordPress<\/h3><p>Adem&aacute;s de modificar el tema, puedes personalizar la landing page utilizando el <a href=\"\/ar\/tutoriales\/gutenberg-wordpress\/\">editor Gutenberg de WordPress<\/a>.<\/p><p>Ten en cuenta que este editor de bloques viene con las versiones de WordPress 5.0 y superiores. Si utilizas una versi&oacute;n anterior de WordPress, deber&aacute;s instalar el plugin Gutenberg.<\/p><p>Para personalizar tu p&aacute;gina, haz clic en el<strong> cuadro + <\/strong>para ver todos los bloques disponibles.<\/p><p>Encuentra el bloque que deseas usar con el cuadro de b&uacute;squeda y haz clic en &eacute;l para agregarlo.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1342\" height=\"592\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-la-landing-page.png\/w=1024,h=1024,fit=scale-down\" alt=\"Personalizar la landing page en WordPress\" class=\"wp-image-24131\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-la-landing-page.png\/w=1342,fit=scale-down 1342w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-la-landing-page.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-la-landing-page.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-la-landing-page.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/personalizar-la-landing-page.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1342px) 100vw, 1342px\" \/><\/figure>\n<\/div><p>Una vez que hayas agregado el bloque, puedes editarlo a trav&eacute;s de la pesta&ntilde;a <strong>Bloque <\/strong>de la barra lateral o haciendo clic en los <strong>tres puntos verticales<\/strong> que se encuentran arriba.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/configuracion-del-bloque.png\/w=1024,h=1024,fit=scale-down\" alt=\"Configuraci&oacute;n del bloque\" class=\"wp-image-24133\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/configuracion-del-bloque.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/configuracion-del-bloque.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/configuracion-del-bloque.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/configuracion-del-bloque.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Por ejemplo, para agregar tus productos con sus descripciones a la landing page, utiliza el bloque <strong>Medios y texto<\/strong>, que presenta un dise&ntilde;o de dos columnas.<\/p><p>Para hacerlo, simplemente haz clic en <strong>A&ntilde;adir bloque &rarr; Medios y texto &rarr; Cargar<\/strong>. Elige una imagen de tu computadora o de la biblioteca de medios de WordPress.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"424\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/bloque-medios-y-texto.png\/w=1024,h=1024,fit=scale-down\" alt=\"Bloque Medios y texto\" class=\"wp-image-24134\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/bloque-medios-y-texto.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/bloque-medios-y-texto.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/bloque-medios-y-texto.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/bloque-medios-y-texto.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Adem&aacute;s, puedes agregar enlaces a p&aacute;ginas de redes sociales con el bloque<strong> Iconos sociales<\/strong>. Hacer esto puede ayudar a aumentar el reconocimiento de tu marca.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-presionar-publicar\">4. Presionar Publicar<\/h3><p>Una vez que est&eacute;s satisfecho con los resultados, revisa tu p&aacute;gina con el bot&oacute;n <strong>Vista previa<\/strong> para asegurarte de que todo se vea bien.<\/p><p>Finalmente, haz clic en el bot&oacute;n <strong>Publicar <\/strong>en la esquina superior derecha.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"443\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/publicar-landing-page.png\/w=1024,h=1024,fit=scale-down\" alt=\"Publicar la landing page \" class=\"wp-image-24136\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/publicar-landing-page.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/publicar-landing-page.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/publicar-landing-page.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/publicar-landing-page.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><h2 class=\"wp-block-heading\" id=\"h-crear-una-landing-page-manualmente\">Crear una landing page manualmente<\/h2><p>El m&eacute;todo final para crear una landing page en WordPress implica el uso de una plantilla de p&aacute;gina. Ten en cuenta que necesitar&aacute;s algunas habilidades de codificaci&oacute;n para crear landing pages personalizadas desde cero.<\/p><p>Recomendamos el m&eacute;todo manual cuando necesites m&aacute;s flexibilidad y opciones de personalizaci&oacute;n para el dise&ntilde;o. Por ejemplo, este m&eacute;todo es perfecto para crear una landing page para un dominio dedicado.<\/p><p>En esta gu&iacute;a paso a paso, te mostraremos c&oacute;mo crear una plantilla personalizada utilizando temas de WordPress existentes.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-crear-un-tema-hijo\">1. Crear un tema hijo<\/h3><p>La creaci&oacute;n de un tema secundario es esencial para crear una plantilla de p&aacute;gina de WordPress personalizada, ya que te permitir&aacute; personalizarla sin romper su funcionalidad principal.<\/p><p>Para este m&eacute;todo, usaremos el Administrador de archivos de Hostinger para <a href=\"\/ar\/tutoriales\/utilizar-child-theme\/\">crear un tema hijo<\/a>. Ten en cuenta que el proceso requiere algunos conocimientos de HTML, CSS y PHP.<\/p><p>Primero, dir&iacute;gete a <a href=\"\/ar\/tutoriales\/tutorial-hpanel\/\">hPanel<\/a> <strong>&rarr; Administrador de archivos<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"298\" height=\"333\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2019\/04\/hpanel-files-filemanager-sidebar-es.png\/public\" alt=\"Men&uacute; Administrador de archivos en hPanel\" class=\"wp-image-32351\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2019\/04\/hpanel-files-filemanager-sidebar-es.png\/w=298,fit=scale-down 298w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2019\/04\/hpanel-files-filemanager-sidebar-es.png\/w=268,fit=scale-down 268w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2019\/04\/hpanel-files-filemanager-sidebar-es.png\/w=134,fit=scale-down 134w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/figure>\n<\/div><p>Luego, ve a <strong>public_html &rarr; wp-content &rarr; Temas<\/strong>, haz clic en <strong>Nueva carpeta<\/strong> en la esquina superior derecha e ingresa un nombre para tu tema secundario.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/filemanager-themes-createnewtheme-es.png\/w=1024,h=1024,fit=scale-down\" alt=\"Gestor de archivos Hostinger. Se muestra la creaci&oacute;n de una nueva carpeta de temas\" class=\"wp-image-32505\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/filemanager-themes-createnewtheme-es.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/filemanager-themes-createnewtheme-es.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/filemanager-themes-createnewtheme-es.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/filemanager-themes-createnewtheme-es.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Alternativamente, con&eacute;ctate a tu sitio a trav&eacute;s de un cliente <a href=\"\/ar\/tutoriales\/que-es-ftp\/\">FTP<\/a> como <a href=\"\/ar\/tutoriales\/configurar-filezilla\/\">FileZilla<\/a> y crea una nueva carpeta en tu directorio<strong> wp-content\/themes<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-modificar-el-archivo-style-css\">2. Modificar el archivo style.css<\/h3><p>A continuaci&oacute;n, deber&aacute;s crear un nuevo archivo <strong>style.css<\/strong> que ser&aacute; la nueva hoja de estilo en la carpeta del tema secundario. A&ntilde;&aacute;dele el siguiente c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">*\/\nTheme Name: Twenty Twenty-One Child\nTheme URI: http:\/\/yourdomain.com\nDescription: Twenty Twenty-One Child\nTheme Author: Your Name\nAuthor URI: http:\/\/yourdomain.com\nTemplate: twentytwentyone\nVersion: 1.0.0\nText Domain: twentytwentyone-child\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nTags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images\n*\/<\/pre><p>Este c&oacute;digo contiene informaci&oacute;n b&aacute;sica sobre el tema secundario, incluidos su nombre y el tema principal. Despu&eacute;s de modificar el archivo <strong>style.css<\/strong> seg&uacute;n el tema principal que hayas elegido, haz clic en <strong>Guardar <\/strong>y <strong>Cerrar<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-crear-un-archivo-functions-php\">3. Crear un archivo functions.php<\/h3><p>El siguiente paso es poner en cola las hojas de estilo de los temas padre e hijo. Para hacer esto, crea un nuevo archivo llamado <strong>functions.php<\/strong> en la carpeta del tema secundario.<\/p><p>Comienza con una etiqueta PHP de apertura, luego agrega las funciones para poner en cola la hoja de estilo del tema principal. Por ejemplo, puedes insertar el siguiente c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">&lt;?php\nadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );\nfunction enqueue_parent_styles() {\nwp_enqueue_style( 'parent-style', get_template_directory_uri().'\/style.css' );\n}\n?&gt;<\/pre><p>Ahora tienes un nuevo tema secundario en funcionamiento que se cargar&aacute; despu&eacute;s de tu tema principal.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-activar-el-tema-hijo\">4. Activar el tema hijo<\/h3><p>Tu tema secundario ahora est&aacute; listo para usar, as&iacute; que dir&iacute;gete al &aacute;rea de administraci&oacute;n de WordPress y haz clic en<strong> Apariencia &rarr; Tema &rarr; Activar<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1330\" height=\"568\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/tema-hijo.png\/w=1024,h=1024,fit=scale-down\" alt=\"Activar tema hijo\" class=\"wp-image-24402\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/tema-hijo.png\/w=1330,fit=scale-down 1330w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/tema-hijo.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/tema-hijo.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/tema-hijo.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/tema-hijo.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1330px) 100vw, 1330px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-5-crear-una-nueva-pagina-personalizada\">5. Crear una nueva p&aacute;gina personalizada<\/h3><p>Despu&eacute;s de activar el nuevo tema, puedes crear una <strong>plantilla de p&aacute;gina de WordPress<\/strong> personalizada para tu landing page con un dise&ntilde;o &uacute;nico.<\/p><p>Comienza creando un nuevo archivo llamado <strong>landing-page.php <\/strong>en la carpeta del tema hijo y agr&eacute;gale el siguiente c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">&lt;?php \/* Template Name: Landing Page *\/ ?&gt;<\/pre><p>Cambia el nombre de la plantilla como mejor te parezca. Luego, haz clic en <strong>Guardar y Cerrar<\/strong>.<\/p><p>Si editas o agregas una p&aacute;gina en tu sitio web de WordPress, ver&aacute;s tu nueva plantilla personalizada disponible para seleccionarla desde un men&uacute; en la barra lateral. Sin embargo, seguir&aacute; estando en blanco ya que a&uacute;n no le hemos agregado ning&uacute;n contenido.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/plantilla-landing-page-wordpress.png\/w=1024,h=1024,fit=scale-down\" alt=\"Plantilla de una landing page e WordPress\" class=\"wp-image-24412\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/plantilla-landing-page-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/plantilla-landing-page-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/plantilla-landing-page-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/plantilla-landing-page-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><h3 class=\"wp-block-heading\" id=\"h-6-personalizar-la-landing-page-con-css\">6. Personalizar la landing page con CSS<\/h3><p>Despu&eacute;s de crear la plantilla de la p&aacute;gina, es hora de personalizarla.<\/p><p>Primero, copia el c&oacute;digo existente comenzando con la l&iacute;nea <strong>get_header()<\/strong>; del archivo <strong>page.php<\/strong> de tu tema principal: esta se ubicar&aacute; en <strong>public_html &rarr; wp-content &rarr; Temas &rarr; yourtheme<\/strong>. P&eacute;gala en el archivo<strong> landing-page.php<\/strong> y guarda los cambios. As&iacute; es como deber&iacute;a verse tu c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">&lt;?php \/* Template Name: Landing Page *\/ ?&gt;\n \n&lt;?php \nget_header();\n \n\/* Start the Loop *\/\nwhile ( have_posts() ) :\n\tthe_post();\n\tget_template_part( 'template-parts\/content\/content-page' );\n \n\t\/\/ If comments are open or there is at least one comment, load up the comment template.\n\tif ( comments_open() || get_comments_number() ) {\n\t\tcomments_template();\n\t}\nendwhile; \/\/ End of the loop.\n \nget_footer(); \n?&gt;<\/pre><p>Puedes editar la plantilla de tu p&aacute;gina y agregar c&oacute;digo dirigi&eacute;ndote a<strong> Apariencia &rarr; Editor de archivos de temas<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1347\" height=\"504\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/editor-de-archivos-de-temas.png\/w=1024,h=1024,fit=scale-down\" alt=\"Editor de archivos de temas\" class=\"wp-image-24441\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/editor-de-archivos-de-temas.png\/w=1347,fit=scale-down 1347w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/editor-de-archivos-de-temas.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/editor-de-archivos-de-temas.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/editor-de-archivos-de-temas.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/editor-de-archivos-de-temas.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" \/><\/figure>\n<\/div><p>Dado que la mayor&iacute;a de las landing pages generalmente no tienen barras laterales ni pies de p&aacute;gina para minimizar la distracci&oacute;n, elim&iacute;nalos borrando estas dos l&iacute;neas:<\/p><pre class=\"wp-block-preformatted\">get_sidebar(); \nget_footer();<\/pre><p>Para agregar m&aacute;s contenido a tu landing page, usa el editor de WordPress. Adem&aacute;s, puedes crear una p&aacute;gina de inicio de formulario personalizada a trav&eacute;s del editor de bloques con el plugin <a href=\"https:\/\/es.wordpress.org\/plugins\/forms-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg Forms<\/a> de forma gratuita.<\/p><p>Para ayudar a que tu p&aacute;gina se destaque de la competencia, agrega m&aacute;s funciones a trav&eacute;s del archivo <strong>style.css<\/strong> o navegando a <strong>Apariencia &rarr; Personalizar<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"399\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/css-adicional-wordpress.png\/w=1024,h=1024,fit=scale-down\" alt=\"Pesta&ntilde;a CSS adicional en WordPress\" class=\"wp-image-24414\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/css-adicional-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/css-adicional-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/css-adicional-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/css-adicional-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Con CSS adicional, puedes modificar tu hoja de estilo. Esto incluye cambiar el color de fondo y de la barra lateral y modificar su tipo de fuente.<\/p><p>Para cambiar el color de fondo, agrega el siguiente c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">.site-content-contain {\n   background-color: #DEF0F5;\n   position: relative;\n}<\/pre><p>Esto agregar&aacute; un color de fondo verde claro basado en el <a href=\"https:\/\/htmlcolorcodes.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">c&oacute;digo hexadecimal<\/a>, como en la imagen a continuaci&oacute;n:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"435\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/css-adicional.png\/w=1024,h=1024,fit=scale-down\" alt=\"Cambiar el color de fondo con CSS adicional\" class=\"wp-image-24415\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/css-adicional.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/css-adicional.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/css-adicional.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/css-adicional.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>Mientras tanto, para cambiar el tipo de fuente, el tama&ntilde;o y el color de tu landing page, inserta el siguiente c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">p {\ncolor: teal;\n}\np {\nfont-family: Georgia;\nfont-size: 22px\n}<\/pre><p>Ten en cuenta que este c&oacute;digo solo cambia el texto del cuerpo, como en la imagen a continuaci&oacute;n:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"400\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/modificar-tipografia-css-adicional.png\/w=1024,h=1024,fit=scale-down\" alt=\"Modificar la tipograf&iacute;a con CSS adicional\" class=\"wp-image-24417\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/modificar-tipografia-css-adicional.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/modificar-tipografia-css-adicional.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/modificar-tipografia-css-adicional.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/modificar-tipografia-css-adicional.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><p>O, si deseas cambiar el encabezado, agrega este fragmento de c&oacute;digo:<\/p><pre class=\"wp-block-preformatted\">h1 {\n  color: white;\n  text-align: center;\n}<\/pre><h2 class=\"wp-block-heading\" id=\"h-cuando-usar-una-landing-page\">Cu&aacute;ndo usar una landing page<\/h2><p>Para darte una mejor idea de c&oacute;mo las landing pages pueden ayudar a tu empresa, consulta sus cuatro casos de uso:<\/p><ul class=\"wp-block-list\">\n<li><strong>Inscripci&oacute;n al bolet&iacute;n: <\/strong>un bolet&iacute;n informativo por correo electr&oacute;nico te ayudar&aacute; a conectarte con los clientes. Puedes usar una landing page de formulario dedicada para obligar a los visitantes a unirse a tu lista de correo. Escribe un t&iacute;tulo claro y atractivo con texto breve para atraer a m&aacute;s visitantes.<\/li>\n\n\n\n<li><strong>Inscripci&oacute;n a eventos:<\/strong> una p&aacute;gina de formulario dedicada es una excelente manera de promocionar pr&oacute;ximos eventos, como seminarios web, reuniones comunitarias o conferencias. Haz que el formulario de tu landing page sea claro y f&aacute;cil de seguir para impulsar la venta de boletos y los registros. Tambi&eacute;n puedes agregar un temporizador de cuenta regresiva para crear una sensaci&oacute;n de urgencia.<\/li>\n\n\n\n<li><strong>P&aacute;ginas de pr&oacute;ximamente:<\/strong> si tienes un nuevo sitio web, producto o servicio, la creaci&oacute;n de una landing page de pr&oacute;ximamente ayudar&aacute; a generar entusiasmo por la marca y atraer a posibles clientes. El uso de una llamada a la acci&oacute;n clara y la presentaci&oacute;n de enlaces de redes sociales optimizar&aacute;n tu p&aacute;gina de pr&oacute;ximamente.<\/li>\n\n\n\n<li><strong><strong>Feedback<\/strong>:<\/strong> agrega un formulario en l&iacute;nea que ofrezca valor a los visitantes de tu sitio a cambio de sus sugerencias y comentarios. Los c&oacute;digos promocionales son una recompensa com&uacute;n por los comentarios de los visitantes.<\/li>\n<\/ul><p>Por ejemplo, consulta la p&aacute;gina del bolet&iacute;n informativo <a href=\"https:\/\/foodforothers.org\/\" target=\"_blank\" rel=\"noopener\">Food for Others<\/a>, que presenta un dise&ntilde;o simple y limpio con un t&iacute;tulo claro. Con su p&aacute;gina sin distracciones, los visitantes del sitio pueden concentrarse f&aacute;cilmente en el contenido.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1021\" height=\"591\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/landing-page-food-for-others.png\/public\" alt=\"Landing page del bolet&iacute;n informativo de Food for Others\" class=\"wp-image-24404\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/landing-page-food-for-others.png\/w=1021,fit=scale-down 1021w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/landing-page-food-for-others.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/landing-page-food-for-others.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2022\/10\/landing-page-food-for-others.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1021px) 100vw, 1021px\" \/><\/figure>\n<\/div><p>\n\n\n        <div class=\"protip\">\n            <div class=\"protip__heading\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M1.49234 23.5024C1.23229 23.5024 0.972242 23.4024 0.782206 23.2123C0.562165 22.9923 0.452144 22.6822 0.502153 22.3722C0.562165 21.9221 1.14227 17.9113 3.00262 16.351C3.63274 15.8209 4.43289 15.5509 5.26305 15.5609C6.09321 15.5909 6.87335 15.9109 7.47347 16.4911C8.6937 17.6913 8.76371 19.6717 7.6435 20.9919C6.0832 22.8523 2.08245 23.4324 1.63237 23.4924C1.59236 23.4924 1.54235 23.4924 1.50234 23.4924L1.49234 23.5024ZM5.16303 17.5613C4.84297 17.5613 4.53291 17.6713 4.29287 17.8813C3.60274 18.4614 3.07264 19.9317 2.75258 21.242C4.06282 20.9219 5.5331 20.3918 6.11321 19.7017C6.55329 19.1716 6.54329 18.3814 6.0832 17.9213C5.85316 17.7013 5.5431 17.5713 5.20304 17.5613C5.19304 17.5613 5.17303 17.5613 5.16303 17.5613ZM11.7243 21.8821C11.4942 21.8821 11.2642 21.8021 11.0841 21.652C10.8541 21.462 10.7241 21.1819 10.7241 20.8819V15.9109L8.08358 13.2705H3.11264C2.81259 13.2705 2.53254 13.1404 2.3425 12.9104C2.15246 12.6803 2.07245 12.3803 2.12246 12.0902C2.19247 11.7102 2.84259 8.36953 4.70294 7.12929C6.33325 6.04909 8.96375 6.49918 10.244 6.80923C11.5442 4.96889 13.2546 3.4286 15.2349 2.33839C17.4553 1.11816 19.9858 0.518051 22.4963 0.498047C23.0464 0.498047 23.4865 0.948132 23.4865 1.49824C23.4865 5.0389 22.3763 9.97983 17.1753 13.7605C17.4853 15.0408 17.9354 17.6613 16.8552 19.2816C15.615 21.1419 12.2744 21.7921 11.8943 21.8621C11.8343 21.8721 11.7743 21.8821 11.7143 21.8821H11.7243ZM12.7245 16.181V19.6016C13.7146 19.2916 14.7948 18.7915 15.2049 18.1814C15.675 17.4812 15.605 16.091 15.385 14.9008C14.5248 15.3808 13.6346 15.8109 12.7245 16.181ZM9.66388 12.0302L11.9643 14.3307C13.1845 13.8306 14.3648 13.2204 15.485 12.5103C19.9358 9.51974 21.2361 5.60901 21.4561 2.53843C19.6157 2.67846 17.8254 3.20856 16.2051 4.09872C14.2847 5.14892 12.6544 6.68921 11.4942 8.54956C10.7841 9.65977 10.174 10.82 9.66388 12.0302ZM4.39289 11.2701H7.81353C8.1936 10.3599 8.63368 9.46974 9.11377 8.60957C7.92355 8.38953 6.51329 8.31952 5.81315 8.78961C5.19304 9.19968 4.70294 10.3099 4.39289 11.2701Z\" fill=\"#673DE6\"\/>\n                <\/svg>\n                <p class=\"protip__title\">\n                    Consejo profesional                <\/p>\n            <\/div>\n            <p class=\"protip__content\"> <\/p><p>Despu&eacute;s de publicar una landing page, utiliza las pruebas A\/B de WordPress para analizarla y optimizar tus tasas de conversi&oacute;n. Esto te ayudar&aacute; a descubrir qu&eacute; textos y dise&ntilde;os funcionan mejor para tu campa&ntilde;a.<\/p>\n                    <\/div>\n        \n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>Las landing pages son un elemento esencial de un sitio web de WordPress que aumenta la tasa de conversi&oacute;n y el engagement del cliente. Hay tres formas principales de crear una landing page en WordPress.<\/p><p>Si eres un principiante, puedes utilizar un plugin o un tema para lograrlo. Con muchas funciones disponibles mediante plugins y temas, podr&aacute;s personalizar y optimizar tu landing page como un experto.<\/p><p>Si ya tienes experiencia con HTML, PHP y CSS, crear una p&aacute;gina de este tipo desde cero es una mejor soluci&oacute;n, ya que ofrece m&aacute;s flexibilidad.<\/p><p>Independientemente de la opci&oacute;n que elijas, utiliza un t&iacute;tulo convincente, un dise&ntilde;o simple y una llamada a la acci&oacute;n clara para crear una p&aacute;gina con altos niveles de conversi&oacute;n.<\/p><p>Esperamos que este art&iacute;culo te haya ayudado a aprender a crear una landing page en WordPress. Si tienes m&aacute;s preguntas, no dudes en dejar un comentario a continuaci&oacute;n.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/ar\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Una landing page puede aumentar la tasa de conversi&oacute;n de tu sitio de WordPress al alentar a los visitantes a realizar la acci&oacute;n deseada, como suscribirse a un bolet&iacute;n informativo, comprar un producto o registrarse en un sitio web. Si bien la tasa de conversi&oacute;n promedio para las landing pages es del 9,7 %, agregar [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/ar\/tutoriales\/wordpress-landing-page\/\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":334,"featured_media":25092,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"C\u00f3mo crear una landing page en WordPress: 3 m\u00e9todos f\u00e1ciles","rank_math_description":"Si deseas destacar con tu negocio, debes crear una landing page. Descubre c\u00f3mo crear una landing page en WordPress de 3 formas f\u00e1ciles y eficientes.","rank_math_focus_keyword":"wordpress landing page","footnotes":""},"categories":[4747,14349],"tags":[14340],"class_list":["post-24112","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-basico","tag-wordpress-landing-page"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-create-a-landing-page-in-wordpress\/","default":1},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/criar-landing-page-wordpress\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/landing-page-wordpress\/","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/wordpress-landing-page\/","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-create-a-landing-page-in-wordpress\/","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-create-a-landing-page-in-wordpress\/","default":0},{"locale":"en-GB","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-create-a-landing-page-in-wordpress\/","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-create-a-landing-page-in-wordpress\/","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-create-a-landing-page-in-wordpress\/","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-create-a-landing-page-in-wordpress\/","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-create-a-landing-page-in-wordpress\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wordpress-landing-page\/","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wordpress-landing-page\/","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/wordpress-landing-page\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/criar-landing-page-wordpress\/","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/24112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/users\/334"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/comments?post=24112"}],"version-history":[{"count":49,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/24112\/revisions"}],"predecessor-version":[{"id":38596,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/24112\/revisions\/38596"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/media\/25092"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/media?parent=24112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/categories?post=24112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/tags?post=24112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}