Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

Qué es una Splash Page + 9 pasos para crear la tuya propia

Cómo crear una Splash Page de WordPress en 9 pasos 

Escrito por: avatar de autor Stacey Corrin
avatar de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: avatar del revisor Turner John
avatar del revisor Turner John
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

¿Quieres crear una página de inicio de WordPress que cause una buena primera impresión?

Una página splash es como una pantalla de bienvenida que aparece antes de que los visitantes lleguen a su sitio principal. Piense en ella como una breve página de introducción en la que puede destacar una oferta especial, recopilar correos electrónicos o compartir un anuncio. Es diferente de una página de aterrizaje porque su función principal es captar la atención rápidamente.

En esta guía, te explicaré exactamente qué es una página splash y te mostraré paso a paso cómo crear una página splash en WordPress usando SeedProd, el constructor de páginas arrastrar-y-soltar más fácil para principiantes.

Pasos rápidos para crear una página splash en WordPress:

¿Qué es una Splash Page de WordPress?

Una página de inicio de WordPress es una breve pantalla de introducción que aparece antes de su página de inicio, diseñada para captar la atención de inmediato.

Puede incluir su logotipo, un mensaje de bienvenida o detalles clave como una oferta especial. Muchos sitios utilizan también páginas de bienvenida para verificar la edad, avisar de que el sitio está en construcción o seleccionar el idioma y la ubicación.

¿Para qué sirve una Splash Page de WordPress?

El objetivo de una página de inicio de WordPress es captar la atención de los visitantes antes de que lleguen al sitio principal y guiarlos hacia el siguiente paso correcto.

  • Promocionar una oferta especial o un nuevo producto
  • Mostrar una cláusula de exención de responsabilidad por verificación de edad
  • Destaque un acontecimiento próximo
  • Recopile datos de contacto y haga crecer su lista de correo electrónico
  • Promocione sus perfiles en las redes sociales
  • Diga a los visitantes que su nuevo sitio web estará disponible en breve
Ejemplo de página de inicio de Zara para la selección de país

Por ejemplo, Zara utiliza una página de presentación para enviar a los compradores a la tienda del país adecuado, mientras que Forbes muestra una cita diaria antes de mostrar su sitio principal.

En resumen, las páginas de presentación crean una primera impresión fuerte y dirigen a los visitantes hacia donde usted quiere que vayan.

¿Qué debe incluir una página de presentación?

Una buena página de presentación incluye sólo lo esencial, lo suficiente para presentar su sitio, compartir información clave y permitir que los visitantes avancen rápidamente.

  • Logotipo o elementos de diseño: Refuerza al instante su marca.
  • Mensaje breve o declaración de objetivos: Explica el propósito de su sitio.
  • Enlaces de navegación: Dirigen a los visitantes al área correcta de su sitio web.
  • Opción de omitir: Permite a los usuarios saltarse la página de inicio si lo prefieren.
  • Indicador de carga: Muestra el progreso si su sitio tarda un momento en cargarse.
  • Selector de idioma o lugar: Útil para audiencias globales.

El objetivo es que sea sencilla. Haz que tu página de inicio sea clara, rápida y fácil de saltar cuando sea necesario.

¿Cómo puedo crear una página de inicio de WordPress?

La forma más rápida de crear una página de inicio de WordPress es con un constructor de arrastrar y soltar como SeedProd. Te permite diseñar una página profesional en cuestión de minutos sin codificar ni contratar a un desarrollador.

SeedProd Creador de sitios web WordPress de arrastrar y soltar

SeedProd viene con plantillas pre-construidas, personalización de apuntar y hacer clic, y opciones integradas de "próximamente" y "modo de mantenimiento" para que pueda trabajar en privado mientras mantiene su sitio con un aspecto profesional.

Esto es lo que distingue a SeedProd:

  • Docenas de plantillas de páginas de inicio diseñadas por profesionales
  • Bloques centrados en los clientes potenciales y secciones de página predefinidas
  • Integraciones con un solo clic con los servicios de correo electrónico más populares
  • Controles de diseño "apuntar y hacer clic" con previsualización en directo
  • Edición y previsualización adaptadas a dispositivos móviles
  • Código ligero para velocidades de carga rápidas

Debido a que está optimizado para la velocidad, SeedProd no ralentizará su sitio como los constructores más voluminosos. Esto se traduce en un mejor SEO, una experiencia más fluida para el visitante y más conversiones.

Si quieres lanzar una splash page de forma rápida y eficaz, aquí te explicamos cómo hacerlo paso a paso con SeedProd.

Paso 1. Instalar SeedProd Instalar SeedProd WordPress Landing Page Builder

En primer lugar, haga clic aquí para empezar con SeedProd y descargar el plugin. A continuación, instale y active el plugin en su sitio web WordPress. Si necesitas ayuda con esto, echa un vistazo a este tutorial para instalar un plugin de WordPress.

Después de activar SeedProd, verá una pantalla de bienvenida pidiéndole que introduzca su clave de licencia. Puede encontrar la clave de licencia comprobando la bandeja de entrada del correo electrónico que utilizó para registrarse. O puede iniciar sesión en SeedProd y verla en la sección Descargas de su cuenta.

Copie su clave de licencia, péguela en el campo correspondiente y haga clic en el botón Verificar clave.

Activar el plugin de modo de mantenimiento seedprod

A continuación, desplácese un poco por la página y haga clic en el botón Crear su primera página.

Cree su primera página de presentación con SeedProd

Paso 2. Crear una nueva página de destino en WordPress Crear una nueva página de destino en WordPress

En la siguiente pantalla se encuentra el panel de control de la página de destino de SeedProd. Verá varios modos de página en la parte superior, incluyendo el modo Coming Soon, el modo de mantenimiento y la página 404.

visión general del panel de control de la página de destino de seedprod

Puede activar cada modo con un solo clic para mostrar páginas de destino personalizadas a los visitantes de su sitio web.

Debajo de los diferentes modos de página es donde se muestran tus páginas de destino después de crearlas. Todavía no verás nada en esta sección, pero se mostrarán en una lista una vez que las hayas creado.

Crear una nueva página de destino en SeedProd

Para crear su primera página, haga clic en el botón Crear nueva página de destino.

Paso 3 Elija una plantilla de página de inicio de WordPress

La siguiente página muestra la biblioteca de SeedProd de plantillas de páginas de aterrizaje responsivas. Cada diseño es totalmente personalizable en el constructor de arrastrar y soltar.

plantillas de páginas de destino seedprod

Para ayudarle a encontrar una plantilla rápidamente, puede filtrarlas por categoría. Haz clic en la etiqueta de cualquier categoría de la parte superior para ver las disponibles:

También puede utilizar el cuadro de búsqueda para afinar más los resultados.

Elige una plantilla que se parezca mucho al aspecto que quieres que tenga tu página de inicio. A continuación, pasa el ratón por encima de la imagen de la plantilla y haz clic en el icono de la marca.

Pase el ratón por encima de la plantilla y haga clic en el icono de la marca para elegir una plantilla de página de destino

Para nuestro ejemplo, elegimos la plantilla Personal Links lead squeeze, que personalizaremos para utilizarla como página de presentación.

Después de elegir tu plantilla, verás una ventana emergente que te pedirá que introduzcas el nombre y la URL de tu página.

Introduzca el nombre y la URL de su página de inicio

A continuación, puede hacer clic en el botón Guardar y empezar a editar la página para iniciar la plantilla en el editor visual.

Paso 4. Añada contenido a su página de inicio

El editor visual de SeedProd tiene 2 secciones distintas. A la izquierda hay un panel que muestra todos los bloques de página y secciones que puede utilizar. Mientras que a la derecha hay una vista previa de cómo se ve su página.

Interfaz del constructor de páginas de arrastrar y soltar

Añadir contenido a tu página es tan sencillo como arrastrar un bloque desde el panel de la izquierda y soltarlo en la vista previa de la derecha.

Al hacer clic en cualquier elemento de la página, se muestra la configuración de ese bloque en el panel izquierdo.

Por ejemplo, puedes hacer clic en el bloque de imágenes para eliminar la foto original y sustituirla por la tuya.

Eliminar y añadir una nueva imagen de página de destino

Los bloques de página de aterrizaje de SeedProd vienen en 2 secciones: Bloques Estándar y Avanzados.

Los bloques estándar son los elementos esenciales que necesita para cualquier página, incluidas imágenes, botones, espaciadores, divisores, listas y mucho más.

Bloques de página de destino estándar

Los bloques avanzados son un poco diferentes, ya que se centran principalmente en la generación de clientes potenciales.

Bloques de página de destino avanzados

Esto significa que, con unos pocos clics, puedes insertar en tu página formularios de contacto, regalos, formularios de registro, valoraciones con estrellas, enlaces de anclaje y mucho más.

La mayoría de los bloques de SeedProd también incluyen plantillas prediseñadas. Puede implementar estos diferentes estilos con un solo clic, lo que significa que no tendrá que personalizar cada bloque manualmente.

Por ejemplo, si hace clic en el bloque Botón y selecciona la pestaña Plantillas, podrá elegir entre varios estilos de botón.

Plantillas de bloques de botones

Además de bloques individuales, SeedProd tiene Secciones de páginas de aterrizaje. Usted no necesita construir secciones enteras de la página manualmente, bloque por bloque. Puede ver las diferentes áreas haciendo clic en la pestaña Secciones.

Secciones de la página de aterrizaje de SeedProd

A partir de ahí, puedes elegir una nueva:

Secciones de la página de aterrizaje de SeedProd

Continúe añadiendo contenido a su página de presentación hasta que incluya toda la información que desea que vean los visitantes.

Puede guardar su progreso haciendo clic en el botón verde Guardar de la esquina superior derecha.

Paso 5. Personalice el diseño de su página de inicio

Con su contenido en su lugar, es probable que algunas partes de su diseño de la página de inicio de WordPress todavía no se ven bien. Puede que el color de fondo sea incorrecto o que las fuentes estén fuera de lugar.

La buena noticia es que puede cambiar todas estas cosas utilizando la sencilla configuración de personalización de SeedProd.

Haz clic en el icono de engranaje de la esquina inferior izquierda de la pantalla para ver la Configuración global.

Ajustes globales de personalización de la página de destino

En esta área, puedes personalizar tu global:

  • Fondo
  • Colores
  • Fuentes
  • CSS personalizado

Bajo el epígrafe Fuentes, puede cambiar las fuentes y pesos globales de la cabecera y el cuerpo. Solo tienes que elegir una fuente o un peso nuevos en los menús desplegables correspondientes.

Configuración global de fuentes

También puede consultar la biblioteca de combinaciones de fuentes de SeedProd haciendo clic en el botón Temas de fuentes.

Temas de fuentes SeedProd

Esto le muestra qué fuentes quedan mejor juntas. Solo tienes que hacer clic en cualquier combinación de fuentes para añadir tu selección a tu página al instante.

El apartado Colores funciona de la misma manera. Puede seleccionar individualmente diferentes colores para enlaces globales, cabeceras, texto, botones y fondos con la práctica herramienta de selección de colores.

Configuración global del color

O, si lo prefiere, puede hacer clic en el botón Paletas de colores para elegir entre más de 20 combinaciones de colores prefabricadas.

Paletas de colores SeedProd para páginas de destino

La sección Fondo permite personalizar fácilmente el fondo de la página de inicio. Puedes configurarlo como un color sólido o degradado o subir una imagen de fondo de ancho completo desde la biblioteca multimedia de WordPress o desde el ordenador.

Configuración global del fondo

También es posible añadir un fondo de vídeo o un pase de diapositivas de fondo seleccionando el conmutador de cada ajuste.

No olvide hacer clic en Guardar para conservar los ajustes de personalización.

Paso 6. Conecte su proveedor de Email Marketing

Muchas páginas splash ofrecen a los usuarios una descarga gratuita a cambio de sus datos de contacto. Para crear este tipo de páginas splash, necesitarás poder conectar tu servicio de marketing por correo electrónico.

A diferencia de otros creadores de páginas que sólo se conectan con unos pocos proveedores, SeedProd se integra con los servicios de boletín de correo electrónico más populares, incluyendo:

Sólo tienes que hacer clic en la pestaña Conectar, en la parte superior del constructor de páginas, para ver los proveedores disponibles. A continuación, selecciona el servicio que prefieras y sigue las instrucciones para autorizar tu cuenta.

Conéctese a un servicio de marketing por correo electrónico con SeedProd

También puede utilizar Zapier para vincular su página con miles de otras aplicaciones populares para automatizar sus esfuerzos de marketing.

No se preocupe si aún no tiene un proveedor de marketing por correo electrónico.

En su lugar, puede utilizar el panel de gestión de suscriptores integrado de SeedProd. Cada vez que alguien se suscribe a través de su página de inicio, sus datos se almacenan automáticamente en su sitio web de WordPress.

Panel de gestión de abonados SeedProd

Puede verlos visitando SeedProd " Suscriptores desde su panel de WordPress.

Paso 7. Configure los ajustes de su página

Ahora que has terminado de diseñar tu página de inicio, querrás configurar algunos ajustes necesarios. Para ello, haz clic en la pestaña Configuración de página en la parte superior del constructor de páginas.

configuración de la página squeeze

En esta página puede cambiar la configuración de sus páginas:

  • Detalles generales - Cambia el nombre y la URL de tu página, y establécela como borrador o publicada.
  • SEO - Rellene su información SEO en la página utilizando palabras clave relevantes en el título de la página y la meta descripción a través de un plugin SEO como All in One SEO.
  • Analítica - Vea el rendimiento de su página splash con un plugin de analítica como MonsterInsights.
  • Scripts - Introduzca scripts de seguimiento y retargeting como cookies o píxeles de seguimiento de Facebook.

Recuerde hacer clic en el botón Guardar antes de pasar al siguiente paso.

Paso 8. Compruebe que su página es compatible con dispositivos móviles

Hoy en día, casi todo el mundo navega por Internet desde dispositivos móviles. Para ofrecer una experiencia más ágil a estos visitantes, necesitarás una página de inicio adaptada a dispositivos móviles.

Esta es la razón por SeedProd ha incorporado una opción de vista previa móvil. Simplemente haga clic en el icono de vista previa móvil para ver cómo su página de inicio se ve en los dispositivos móviles.

Haga clic en el icono de vista previa móvil

Si algo no se ve bien, puede ajustar rápidamente las cosas hasta que tenga una página que los visitantes puedan navegar fácilmente desde sus teléfonos, tabletas, ordenadores portátiles o de sobremesa.

Previsualiza tu splash page en móvil

Haz clic en el mismo icono para volver a la vista original del escritorio.

No te preocupes, no perderás los cambios. Cualquier cambio que hagas en la vista móvil se aplica a la vista de escritorio.

Acuérdate de pulsar el botón Guardar.

Paso 9. Publique su página de inicio de WordPress

Ahora que su diseño se ve exactamente como usted quiere, es el momento de publicar su página de inicio en su sitio de WordPress.

Para ello, haga clic en la flecha hacia abajo situada junto al botón Guardar y seleccione Publicar.

Pulse el botón Publicar

Aparecerá una ventana emergente indicándote que tu página ya está activa.

Su página ha sido publicada. Ver una vista previa en directo

Haga clic en el botón Ver página en directo para ver cómo queda.

Vista previa y ejemplo de página de inicio de WordPress realizada con SeedProd

Optimizar la página de inicio con pruebas A/B

La mejor manera de mejorar su página de presentación es realizar pruebas A/B y ver qué versión genera más resultados.

Las pruebas A/B (o pruebas divididas) comparan dos versiones de una página: la versión A (la de control) y la versión B (con un cambio). Ese cambio puede ser una llamada a la acción diferente, una nueva combinación de colores, un ajuste del diseño o incluso un rediseño completo.

Al enviar tráfico a ambas versiones y realizar un seguimiento de las conversiones, sabrá exactamente qué diseño funciona mejor. Esta guía paso a paso te muestra cómo configurar pruebas A/B para tu página de inicio.

Preguntas frecuentes sobre WordPress Splash Pages

¿Qué es una Splash Page frente a una Landing Page?
Una página de presentación es una breve pantalla de introducción que se muestra antes de la página de inicio, mientras que una página de aterrizaje se crea para un objetivo específico, como captar clientes potenciales o impulsar las ventas. Las páginas de presentación establecen el tono o comparten información rápida. Las páginas de destino se centran en las conversiones.
¿Son buenas las splash pages para el SEO?
Las páginas de bienvenida pueden ser útiles si se cargan rápido y no bloquean el acceso al sitio principal. Las páginas splash lentas o intrusivas pueden perjudicar al SEO, por lo que siempre deben ser ligeras, aptas para móviles y saltables.
¿Tengo que crear una página de inicio distinta para los usuarios de móviles?
No, pero tu splash page debe ser responsive. Un único diseño apto para móviles garantiza una buena experiencia en todos los dispositivos.
¿Puedo utilizar un vídeo o una animación en mi página de presentación?
Sí, siempre que esté optimizado para la velocidad. Reduce el tamaño de los archivos, evita la reproducción automática con sonido y comprueba que funciona tanto en ordenadores como en móviles.
¿Se puede utilizar una página de presentación como página de inicio?
Sí, algunos sitios utilizan una página de presentación como página de inicio. Pero recuerde: si opta por esta opción, facilite la navegación para que los visitantes puedan acceder rápidamente al resto del contenido.

Ahora ya sabes qué es una splash page de WordPress, por qué es importante y cómo crear una. Con una herramienta como SeedProd, puede crear una página de inicio profesional en cuestión de minutos sin codificación. Una página de inicio bien diseñada te ayuda a causar una buena primera impresión, guiar a los visitantes hacia donde quieres que vayan e incluso captar nuevos clientes potenciales.

¿Listo para crear el tuyo?

Estas guías también pueden resultarle útiles para configurar su página de inicio:

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu negocio.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.