Cómo crear una página personalizada en WordPress

Una página personalizada te permite usar un diseño diferente al del resto de tu sitio web. Muchos sitios de WordPress utilizan diseños de página personalizados para sus páginas de ventas, páginas de destino, páginas de seminarios web y más.

A lo largo de los años, hemos creado muchas páginas personalizadas en WPBeginner para diferentes propósitos. Las hemos utilizado para mostrar diferentes ofertas en plugins y servicios de hosting, ofrecer servicios Pro para ayudar a los usuarios con WordPress, mostrar diferentes productos y más.

En nuestra experiencia, hay varias formas de crear páginas personalizadas. Hemos utilizado constructores de páginas como SeedProd para algunos de nuestros proyectos. Además de eso, también puedes usar el editor de bloques o los editores de sitio completo para agregar páginas personalizadas a tu sitio.

En este artículo, te mostraremos cómo crear fácilmente una página personalizada en WordPress.

¿Por qué crear una página personalizada en WordPress?

Cada vez que creas una nueva página, tu tema de WordPress controla cómo se ve esa página utilizando un archivo de plantilla.

Esta plantilla page.php afecta a todas las páginas individuales que creas en WordPress. Sin embargo, es posible que no quieras usar el mismo diseño cada vez.

Las páginas de destino a menudo tienen contenido diferente en comparación con las páginas normales, como una gran imagen principal o una llamada a la acción (CTA). Esto significa que a menudo se ven completamente diferentes al resto de tu sitio web. 

Sin embargo, intentar crear diseños únicos utilizando la plantilla de página estándar puede llevar mucho tiempo. También estás limitado por la plantilla page.php y es posible que no puedas crear el diseño exacto que deseas. Esto puede dificultar la obtención de buenos resultados. Por ejemplo, si estás creando una página de ventas, es posible que no obtengas muchas conversiones debido a un diseño de página deficiente.

Dicho esto, veamos cómo puedes crear una página personalizada en WordPress, con el diseño, la disposición y el contenido exactos que deseas. Simplemente usa los enlaces rápidos a continuación para ir directamente al método que deseas utilizar.

• Método 1. Cómo crear una página personalizada en WordPress usando el editor de bloques (no se requiere plugin)
• Método 2. Cómo crear una página personalizada usando el editor de sitio completo (solo temas basados en bloques)
• Método 3. Crea una página personalizada en WordPress usando SeedProd (recomendado)
• Método 4. Usar Thrive Architect para crear una página personalizada en WordPress

Método 1. Cómo crear una página personalizada en WordPress usando el editor de bloques (no se requiere plugin) 

El editor de bloques facilita el diseño de tus propias plantillas utilizando las herramientas con las que ya estás familiarizado.

Esta es una buena opción si planeas reutilizar el mismo diseño en varias páginas, ya que puedes aplicar la misma plantilla. Si deseas crear un diseño completamente único, otra opción es crear la página de forma normal y luego editar su diseño usando el editor de sitio completo, que cubriremos en el Método 2.

Solo ten en cuenta que estos métodos solo funcionan con temas basados en bloques como ThemeIsle Hestia Pro o Twenty Twenty-Three. Si no tienes un tema basado en bloques, te recomendamos usar un constructor de páginas en su lugar.

Para empezar, simplemente abre cualquier página o publicación. Luego, selecciona la pestaña 'Página' en el menú de la derecha y haz clic en el texto junto a 'Plantilla'.

Las opciones que veas pueden variar según tu tema de WordPress, pero el texto generalmente mostrará 'Página', 'Plantilla predeterminada' o algo similar.

En la ventana emergente que aparece, haz clic en el ícono 'Agregar plantilla'.

En la ventana emergente que aparece, escribe un nombre para tu plantilla y luego haz clic en 'Crear'.

El nombre es solo para tu referencia, así que puedes usar lo que quieras.

Esto inicia el editor de plantillas, que funciona de manera similar al editor de contenido de WordPress.

Para agregar bloques al diseño de página personalizado, simplemente haz clic en el botón azul '+'. Luego puedes arrastrar y soltar para agregar bloques.

Puedes agregar contenido a un bloque o cambiar su formato usando las herramientas familiares de edición de publicaciones de WordPress. Por ejemplo, puedes escribir texto en un bloque de 'Encabezado', aplicar formato en negrita o cambiar el texto de H2 a H3.

También puedes crear una página personalizada usando patrones. Los patrones son colecciones de bloques que se usan a menudo juntos, como una lista de eventos, una imagen con un subtítulo, o una tabla de precios.

Los patrones que veas variarán según tu tema de WordPress, pero puedes ver qué patrones están disponibles haciendo clic en la pestaña ‘Patrones’.

Puedes arrastrar y soltar un patrón de bloques en tu diseño o hacer clic en el patrón para agregarlo al final de tu plantilla. Cuando estés satisfecho con el aspecto de la plantilla, haz clic en el botón ‘Publicar’ y luego en ‘Guardar’.

Ahora puedes aplicar esta plantilla a cualquier página. Simplemente abre la página en el editor y luego haz clic en el texto junto a ‘Plantilla’.

En la ventana emergente que aparece, selecciona la plantilla que acabas de crear.

Hecho esto, puedes agregar contenido a la página, como a cualquier otra página de WordPress. 

Método 2. Cómo crear una página personalizada usando el editor de sitio completo (solo temas basados en bloques)

Si estás usando un tema basado en bloques, también puedes crear una página personalizada usando el editor de sitio completo. Esto te permite cambiar el diseño de una página individual, sin crear una plantilla personalizada.

Teniendo esto en cuenta, esta es una buena opción si deseas crear un diseño completamente único que no reutilizarás en ninguna otra página.

Para empezar, simplemente crea la página como de costumbre yendo a Páginas » Añadir nueva. Luego puedes escribir un título, añadir categorías y etiquetas, subir una imagen destacada y hacer cualquier otro cambio que desees.

Cuando estés satisfecho con la página básica, guarda tus cambios y luego ve a Apariencia » Editor.

Por defecto, el editor de sitio completo muestra la plantilla de inicio de tu tema.

En el menú de la izquierda, haz clic en 'Páginas'.

Ahora verás todas las páginas que has creado en tu sitio web de WordPress.

Simplemente encuentra la página que quieres rediseñar y haz clic en ella.

WordPress ahora mostrará una vista previa del diseño.

Para continuar y editar esta plantilla, haz clic en el pequeño icono del lápiz.

Ahora puedes editar el diseño de la página usando las herramientas del editor de sitio completo. Por ejemplo, puedes hacer clic en el botón azul '+' para añadir nuevos bloques, o hacer clic para seleccionar cualquier bloque que quieras personalizar.

Cuando estés satisfecho con los cambios que has hecho, haz clic en el botón 'Guardar'.

Ahora, si visitas esta página en tu sitio web, verás el nuevo diseño de página en acción.

Método 3. Crea una página personalizada en WordPress usando SeedProd (Recomendado) 

En el pasado, creabas una página personalizada escribiendo código, lo cual no era muy amigable para principiantes. Si cometías un error con tu código HTML, CSS o PHP, podría causar errores comunes de WordPress o incluso romper tu sitio por completo.

Teniendo esto en cuenta, recomendamos usar un constructor de páginas en su lugar.

SeedProd es el mejor constructor de páginas de arrastrar y soltar para WordPress. Viene con más de 350 plantillas, lo que te permite crear páginas personalizadas sin escribir código. 

Si estás usando una página personalizada para obtener más conversiones, entonces SeedProd funciona con muchas herramientas populares de terceros que podrías estar usando para obtener conversiones. Esto incluye los principales servicios de marketing por correo electrónico, WooCommerce, Google Analytics y más.

Primero, necesitas instalar y activar SeedProd. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Después de activar el plugin, SeedProd te pedirá tu clave de licencia.

Puedes encontrar esta información en tu cuenta en el sitio web de SeedProd. Después de ingresar la clave, haz clic en el botón 'Verificar clave'.

Elige una plantilla de página personalizada

Una vez que hayas hecho eso, ve a SeedProd » Páginas de destino y haz clic en el botón 'Agregar nueva página de destino'.

Ahora puedes elegir una plantilla para tu página personalizada.

Las plantillas de SeedProd están organizadas en diferentes tipos de campañas como 'lead', 'squeeze' y 'coming soon'. Puedes hacer clic en las pestañas en la parte superior de la pantalla para filtrar las plantillas según el tipo de campaña. 

Si quieres empezar desde cero, SeedProd también tiene una plantilla en blanco que puedes usar.

Para ver de cerca cualquier diseño, simplemente pasa el cursor del ratón sobre esa plantilla y luego haz clic en el icono de la lupa.

Cuando encuentres un diseño que te guste, haz clic en ‘Elegir esta plantilla’. Estamos usando la plantilla ‘Página de ventas de curso’ en todas nuestras imágenes, pero puedes usar la plantilla que quieras.

A continuación, escribe un nombre para la página personalizada. SeedProd creará automáticamente una URL basada en el título de la página, pero puedes cambiar esta URL por lo que quieras.

Una URL descriptiva también ayudará a los motores de búsqueda a entender de qué trata la página para que puedan mostrarla a los usuarios correctos, lo que mejorará tu SEO de WordPress.

Para darle a tu página personalizada la mejor oportunidad de aparecer en los resultados de búsqueda relevantes, es posible que desees agregar cualquier palabra clave que falte en la URL. Para más detalles, consulta nuestra guía sobre cómo hacer investigación de palabras clave.

Cuando estés satisfecho con la información que has introducido, haz clic en el botón ‘Guardar y empezar a editar la página’.

Diseña tu página personalizada

SeedProd ahora abrirá la plantilla elegida en su editor de arrastrar y soltar fácil de usar. Verás una vista previa en vivo de tu página a la derecha y algunas configuraciones de bloques a la izquierda.

Para personalizar un bloque, simplemente haz clic para seleccionarlo en el editor de la página. La barra de herramientas de la izquierda mostrará todas las configuraciones de ese bloque.

En la siguiente imagen, estamos cambiando el texto dentro de un bloque de ‘Encabezado’.  

Puedes formatear el texto, cambiar su alineación, agregar enlaces y más usando las configuraciones en el menú de la izquierda.

También es fácil editar imágenes usando el constructor de páginas de SeedProd. Simplemente haz clic en cualquier bloque de 'Imagen' y usa las configuraciones para agregar texto alternativo, subir una nueva imagen o hacer cualquier otro cambio. 

Si deseas eliminar un bloque de la página personalizada, simplemente haz clic para seleccionarlo.

Luego, haz clic en el ícono del bote de basura en la mini barra de herramientas. 

Para agregar nuevos bloques a tu diseño, solo busca un bloque en el menú de la izquierda y arrástralo al editor.

Luego puedes hacer clic para seleccionar el bloque y hacer cualquier cambio en el menú de la izquierda. 

SeedProd también viene con ‘Secciones’, que son filas y plantillas de bloques que pueden ayudarte a crear una página personalizada, rápidamente. Por ejemplo, si estuvieras diseñando una página de destino para anuncios de Google, entonces podrías usar las secciones listas para usar de Héroe, Llamada a la acción o Características de SeedProd.

Para ver todas las secciones disponibles, simplemente haz clic en la pestaña ‘Secciones’.

Para ver una sección más de cerca, pasa el ratón sobre ella y luego haz clic en el icono de la lupa.

Cuando encuentres una sección que quieras añadir a tu diseño, simplemente mueve el ratón sobre ella y luego haz clic en el pequeño icono de ‘+’.

Esto añade la sección al final de tu página. Puedes mover tanto secciones como bloques dentro de tu diseño usando arrastrar y soltar.

Si cometes un error o cambias de opinión, no te preocupes. Puedes deshacer tu último cambio haciendo clic en el botón ‘Deshacer’ en la parte inferior de la barra de herramientas izquierda.

Aquí, también encontrarás un botón de rehacer, historial de revisiones, navegación de diseño y configuración global.

Estos botones adicionales facilitan la creación de una página personalizada en WordPress. 

En la parte inferior de la barra de herramientas, también encontrarás un botón de vista previa móvil que te permite ver la versión móvil de la página personalizada. 

Esto puede ayudarte a diseñar una página personalizada que se vea tan bien en dispositivos móviles como en tu computadora.

Cuando estés satisfecho con la página personalizada, es hora de publicarla haciendo clic en la flecha desplegable junto a ‘Guardar’ y luego seleccionando la opción ‘Publicar’. 

Tu página personalizada ahora estará activa en tu blog de WordPress.

Si deseas editar la página personalizada en cualquier momento, simplemente ve a SeedProd » Landing Pages en tu panel de WordPress. Luego, podrás encontrar la página que deseas modificar y hacer clic en su enlace ‘Editar’.

Esto abrirá el diseño en el editor de SeedProd, listo para que realices tus cambios.

Método 4. Usar Thrive Architect para crear una página personalizada en WordPress

También puedes crear una página personalizada usando Thrive Architect. Thrive Architect es otro popular constructor de páginas de arrastrar y soltar para WordPress.

Viene con más de 300 plantillas diseñadas profesionalmente que están hechas para ayudarte a obtener más conversiones.

Primero, necesitas instalar y activar el plugin Thrive Architect. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, ve a Páginas » Añadir Nueva en tu panel de administración de WordPress para crear una página personalizada. Luego, haz clic en el botón ‘Lanzar Thrive Architect’.

A continuación, puedes elegir si crear una página normal o una página de destino preconstruida.

Recomendamos hacer clic en ‘Página de destino preconstruida’, ya que te da acceso a todas las plantillas de página de destino de Thrive. Estas plantillas son totalmente personalizables, por lo que puedes ajustarlas para que se adapten a tu sitio web de WordPress.

Cuando encuentres un conjunto que te guste, simplemente haz clic para seleccionarlo.

En la siguiente imagen, estamos seleccionando ‘Conjuntos de páginas de destino inteligentes’.

En la siguiente pantalla, necesitas elegir una plantilla específica del conjunto.

Selecciona una plantilla haciendo clic en ella y luego presionando el botón ‘Aplicar Plantilla’.

Esto abrirá la plantilla en el Editor de Thrive Architect. Desde aquí, puedes personalizar fácilmente la plantilla de página para que coincida con tu blog, sitio web o tienda en línea.

Como ejemplo, puedes cambiar el 'Encabezado' haciendo clic en él y luego escribiendo tu propio mensaje personalizado.

Ahora verás todas las opciones de personalización en el menú de la izquierda. Aquí, puedes cambiar la tipografía, el tamaño de fuente, el color, el formato y más.

Desde el panel izquierdo, también puedes ajustar otras configuraciones para tu página personalizada, como el diseño, el estilo de fondo, bordes, animaciones y comportamiento de desplazamiento, solo por nombrar algunas.

Similar a los bloques de SeedProd, Thrive Architect viene con muchos elementos preconstruidos que puedes agregar a tu página personalizada.

Para agregar un nuevo elemento a la página, haz clic en el botón 'Agregar Elemento (+)' en el lado derecho de la pantalla.

Ahora puedes elegir entre elementos como imágenes, botones, formularios de generación de leads, tablas de precios, temporizadores de cuenta regresiva y más.

Para agregar un elemento, simplemente arrástralo desde el menú de la derecha y suéltalo en tu página.

De nuevo, puedes editar cualquiera de los nuevos elementos que agregues a tu página haciendo clic en ellos. 

Cuando estés satisfecho con el aspecto de la página, haz clic en la flecha (^) junto al botón 'Guardar trabajo'. Luego, haz clic en la opción 'Guardar y volver al editor de publicaciones'.

Luego puedes guardar la página como borrador, o publicarla para que aparezca en tu sitio web de WordPress.

Una vez que tu página personalizada se publique, puedes visitar tu sitio para verla en acción.

Esperamos que este artículo te haya ayudado a aprender cómo crear una página personalizada en WordPress. También te puede interesar nuestra guía sobre cómo crear una página de destino con WordPress y cómo dividir el título de una publicación o página en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.