Marketing

Cómo obtener una vista previa de su sitio web de WordPress antes de ejecutarlo en vivo

¿Quiere obtener una vista previa de su sitio de WordPress antes de ejecutarlo en vivo?

Si revisa su sitio antes de publicarlo, es posible que observe errores, problemas de diseño, elementos faltantes y errores ortográficos o gramaticales.

En este artículo, le mostraremos cómo obtener una vista previa de su sitio antes de lanzarlo en vivo sin afectar la experiencia del usuario.

Aquí hay una breve descripción de los temas que cubriremos en esta guía. Siéntase libre de usar los enlaces a continuación para ir a secciones específicas.

¿Listo? Empecemos.

Obtenga una vista previa del sitio de WordPress antes de comenzar con Próximamente

Al crear un nuevo sitio web de WordPress, siempre es una buena idea activar el modo próximo mientras trabaja en su sitio.

Esto le permite mostrar a los visitantes del sitio web la página correcta Próximamente. Todavía puede iniciar sesión en el administrador de WordPress y trabajar en su sitio, pero sus visitantes no podrán verlo.

La mejor parte es que puede navegar por su sitio y ejecutar todas las pruebas necesarias antes de lanzarlo.

eso es lo que necesitas Producto de semilla. Este es el mejor creador de sitios web de WordPress y le permite mostrar fácilmente una hermosa página que aparecerá pronto.

En este tutorial usamos la versión Pro de SeedProd, por lo que podemos usar todas las plantillas y funciones avanzadas, pero hay una Versión gratuita que puede usar para crear fácilmente próximas páginas simples.

Primero debes instalarlo y activarlo Producto de semilla enchufar. Consulte nuestra guía paso a paso para instalar el complemento de WordPress para obtener más detalles.

Después de la activación, debe visitar SeedProd »Configuración para ingresar su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de SeedProd.

Clave de licencia de SeedProd

Entonces tienes que visitar SeedProd »Páginas de destino.

Desde aquí, simplemente haga clic en el botón «Configurar página pronto».

La página de configuración llegará pronto

Luego, el complemento le pedirá que elija una plantilla para su próxima página.

SeedProd viene con hermosas plantillas próximamente, diseñadas profesionalmente para aumentar las conversiones.

seleccionar plantilla

Al seleccionar una plantilla, se iniciará la interfaz de creación de páginas de SeedProd.

El creador de páginas es una herramienta de diseño intuitiva que le permite simplemente apuntar y hacer clic para editar un elemento, o arrastrar y soltar nuevos elementos en su diseño.

Interfaz de creación de página

Puede agregar un formulario de selección de correo electrónico y botones de redes sociales a su página Próximamente para que sus usuarios puedan seguir su marca incluso antes de su lanzamiento.

Cuando haya terminado de diseñar la página, debe ir a la sección «Enlace». Desde aquí, puede integrarse con su servicio de marketing por correo electrónico para ampliar su lista y notificar a las personas cuando su sitio web se active.

Conectar el servicio de marketing por correo electrónico

Cuando haya terminado, puede hacer clic en el botón Guardar para guardar los cambios.

Luego seleccione Publicar para lanzar y lanzar su próxima página. No se preocupe, aún no está activo en su sitio. Haremos esto en el siguiente paso.

Publica tu próxima página

Ahora puede cerrar la interfaz de usuario de creación de página, que lo llevará de regreso a la página. SeedProd »Páginas de destino Remover.

Desde aquí, debe hacer clic en el botón de alternar en la parte inferior de la página siguiente para configurarlo como Activo. Esto asegura que todos los visitantes de su sitio web verán su nueva página próximamente en lugar de su sitio web real.

Activar el modo Próximamente

Ahora puede cerrar la sesión del administrador de WordPress o visitar su sitio en modo de incógnito.

Verá su próxima página en vivo en su sitio web.

Disponible pronto

Todavía puede iniciar sesión en su administrador de WordPress y continuar trabajando en su sitio.

También puede ver su sitio en vivo cuando inicia sesión.

Navega por tu sitio

Cuando haya terminado con su sitio web, puede ir a SeedProd »Páginas de destino Página para deshabilitar tu página Próximamente.

Simplemente haga clic en el control deslizante Activo para devolverlo a inactivo.

Deshabilitar la página

Con SeedProd, puede poner fácilmente su sitio en modo de mantenimiento mientras trabaja en su sitio con vista previa en vivo.

Permita que los clientes obtengan una vista previa del sitio de WordPress antes de que se active

Cuando se trabaja en sitios web de clientes, hay varias formas de permitir que los clientes obtengan una vista previa de los cambios en un sitio de WordPress antes de que se publiquen.

Sin embargo, la forma más fácil es usar una página Próximamente hecha con Producto de semilla como acabamos de mostrar arriba.

Después de activar el modo Próximamente, debe hacer clic en el botón Editar página.

Editar esta página pronto

En la pantalla de creación de la página, debe ir a la pestaña Configuración de la página.

Luego haga clic en la sección Control de acceso.

Permitir a los clientes obtener una vista previa de un sitio web

Desde aquí, puede crear una URL de omisión y seleccionar el tiempo de vencimiento de la URL. Recuerda guardar tus cambios.

Sus clientes ahora pueden usar la URL secreta para pasar por alto la próxima página y navegar por el sitio.

Si su sitio ya está activo y desea compartir los cambios con sus clientes antes de ejecutarlo, lo analizaremos en el próximo paso.

Cree un sitio de preparación de WordPress para revisar los cambios

Es una buena práctica entre los profesionales de la web crear un sitio web profesional para que pueda probar y visualizar cualquier cambio antes de aplicarlo a un sitio web en vivo.

Un sitio web de Staging es un clon privado de su sitio web. Está oculto al público para que pueda probar y visualizar sus cambios en su servidor en vivo.

Muchas de las principales empresas de alojamiento de WordPress ofrecen sitios de un solo clic. Simplemente puede hacer clic en un botón para crear un sitio web importante y sincronizar fácilmente cualquier cambio que realice en su sitio web en vivo.

Para este artículo, le mostraremos cómo crear un sitio web profesional de Bluehost.

Bluehost es una de las empresas de alojamiento más grandes del mundo y oficialmente un proveedor de alojamiento de WordPress recomendado. Ofrecen sitios de un clic a todos sus clientes de WordPress.

Primero, debe asegurarse de que el complemento Bluehost esté instalado y activado en su sitio web. Si ya está habilitado, verá un elemento de menú de Bluehost en la parte superior del menú de administración de WordPress.

Complemento Bluehost instalado

Si no puede ver el menú de Bluehost, puede iniciar sesión en su cuenta de alojamiento de Bluehost y hacer clic en el botón Administrar sitio web.

Simplemente vaya a la pestaña Complementos en el panel de control del sitio y active el complemento Bluehost.

Activar el complemento Bluehost

Una vez que se haya asegurado de haber instalado el complemento Bluehost, estará listo para crear su sitio web profesional.

Desde el panel de administración de WordPress, vaya a Bluehost »Puesta en escena y haga clic en el botón Crear sitio de escenario.

Crear un sitio de ubicación

El complemento luego genera su sitio web profesional.

Cuando haya terminado, puede simplemente hacer clic en su sitio de preparación para ir a él y comenzar a trabajar en él.

Ir a la colocación

Ahora puede trabajar en su sitio para la preparación y ver sus cambios en la vista previa en vivo en su sitio.

Para ayudarlo a diferenciar su sitio en vivo, verá rojo Notificación de entorno estándar en la barra de administración de WordPress.

Trabajar en el entorno del escenario.

Una vez que haya completado la vista previa de los cambios en el sitio de preparación, puede ir a Bluehost »Puesta en escena Página del sitio de ubicación.

Desde aquí, debe hacer clic en el botón Implementar todos los cambios.

Implementando cualquier cambio

Para obtener más detalles e instrucciones sobre otros entornos de alojamiento, consulte nuestra guía detallada para crear un sitio profesional de WordPress.

Revise las publicaciones y páginas de WordPress antes de publicar

WordPress usa un editor de bloques intuitivo que usa automáticamente el diseño de su tema para mostrar vistas previas en vivo de sus publicaciones y páginas.

Vista previa del editor de bloques

Sin embargo, es posible que no le dé una idea clara de cómo se vería una publicación o página en su sitio con sus títulos, barras laterales y todo lo demás en la página.

Afortunadamente, también puede usar el editor de bloques para obtener una vista previa de una publicación o página sin publicarla.

Simplemente haga clic en el botón de vista previa en la esquina superior derecha.

Opciones para publicar y ver una página

Puede elegir entre las opciones de vista previa de escritorio, tableta y dispositivo móvil, pero solo le muestran la vista previa en el editor de contenido.

Después de seleccionar un tipo de dispositivo, debe hacer clic en la opción «Vista previa en una pestaña nueva» para ver una descripción general completa de su sitio web.

WordPress le mostrará una vista previa de su publicación o página antes de que se publique.

Si desea otorgar a otra persona acceso exclusivo a una vista previa de una de sus publicaciones no publicadas, consulte nuestra guía para permitir vistas previas públicas de las publicaciones de WordPress.

Vista previa de un tema de WordPress antes de cambiar

Por lo general, cuando activa un tema de WordPress, se inicia inmediatamente en su sitio.

Si no utiliza un sitio de hitos, sus usuarios verán el nuevo diseño sin ninguna personalización.

¿No sería bueno si pudiera obtener una vista previa de un tema de WordPress antes de activarlo en su sitio?

Afortunadamente, WordPress le permite obtener una vista previa de un tema antes de activarlo.

Simplemente instale el tema de WordPress que desea ver. Consulte nuestra guía de instalación de temas de WordPress para obtener más detalles.

Después de instalar el tema, todo lo que tiene que hacer es hacer clic en el enlace Vista previa en vivo.

Opción de vista previa en vivo después de instalar el tema

Alternativamente, puede ir a Apariencia »Temas Pase y mantenga el cursor del mouse sobre el tema instalado.

Verá un botón para iniciar la vista previa en vivo.

Tema de revisión en vivo

WordPress lanzará el personalizador de temas.

Aquí puede ver una vista previa en vivo del tema con su contenido actual.

Ver tema de WordPress en vivo

El personalizador de temas utiliza el contenido y el menú de navegación existentes. Puede probar diferentes configuraciones de tema en el panel izquierdo.

Puede salir de la herramienta de personalización de temas sin activar el tema. Sin embargo, ninguna de sus personalizaciones se guardará.

Si está satisfecho con el aspecto del tema, puede continuar y activarlo haciendo clic en el botón Activar y publicar en el menú superior.

¿Necesitas ayuda para cambiar de tema? Vea nuestro tutorial sobre cómo cambiar su tema de WordPress de la manera correcta.

Vista previa para personalizar el tema de WordPress

¿Quiere hacer cambios en su tema de WordPress, pero no está seguro de cómo se verá su sitio en vivo?

WordPress ofrece varias formas de obtener una vista previa de su tema de WordPress antes de aplicar estos cambios.

La mayoría de los temas de WordPress le permiten revisar sus cambios utilizando la herramienta de personalización de temas. solo ve a Apariencia »Personalización Página para iniciar la herramienta de personalización de temas.

Personaliza la visualización del tema

Desde aquí puede probar diferentes opciones de temas, cambiar menús, personalizar widgets, agregar CSS personalizado y más.

Esto le permite visualizar los cambios de diseño sin aplicarlos realmente a su sitio.

Si está satisfecho con los cambios que ha realizado, puede hacer clic en el botón Publicar para aplicar estos cambios. Opcionalmente, también puede hacer clic en el ícono de ajustes para guardar sus cambios como borrador, planificar sus cambios y compartir un enlace de vista previa con los clientes.

Guarda y publica tus cambios

Es posible que este método no esté disponible para algunos temas de WordPress más nuevos que usan Full Site Editor.

Si usa un tema de editor de sitio web completo, puede iniciar el editor visitando Apariencia »Editor Menú.

Revisión completa del editor del sitio web

El editor completo del sitio te permite editar tu tema de WordPress usando bloques. Puede editar archivos de plantilla individuales con vistas previas en vivo en su sitio web.

Sin embargo, a diferencia del Personalizador de temas, no puede guardar los cambios como borradores. Estos cambios se activarán si guarda los cambios o se perderán si sale sin guardar.

Explore su tema personalizado de WordPress

¿Quiere crear un tema de WordPress totalmente personalizado con vista previa en vivo?

SeedProd es el mejor creador de sitios de WordPress, que le permite crear un tema de WordPress personalizado mediante una interfaz de arrastrar y soltar con vista previa en vivo.

Primero debe instalar y activar Producto de semilla enchufar. Consulte nuestra guía paso a paso para instalar el complemento de WordPress para obtener más detalles.

Después de la activación, debe visitar SeedProd »Configuración para ingresar su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de SeedProd.

Clave de licencia de SeedProd

Entonces tienes que visitar SeedProd »Creador de temas Remover.

Desde aquí, haga clic en el botón Temas.

Creador de temas

Esto abrirá una ventana emergente donde puede seleccionar un tema para usarlo como punto de partida.

SeedProd viene con un conjunto de hermosos temas que puedes personalizar.

Elige un tema introductorio

Simplemente haga clic para seleccionar un tema y SeedProd generará todos los archivos de plantilla para usted.

Ahora puede hacer clic en cada uno de estos archivos de tema para editarlos en el generador de temas.

plantillas temáticas

SeedProd viene con un constructor intuitivo de arrastrar y soltar que usa bloques y secciones para crear hermosos diseños.

Puede agregar bloques a su diseño desde la columna izquierda. A la derecha, verá una vista previa en vivo para editar su plantilla de diseño.

Cree su diseño con visualización en vivo

SeedProd también ofrece soporte completo para WooCommerce.

Esto significa que puede diseñar y visualizar su tienda en línea, incluidas las páginas de productos, una página de pago y más.

Vista previa de la tienda WooCommerce

¿Quieres obtener una vista previa de tu tema móvil?

Simplemente haga clic en el ícono del teléfono móvil en la barra inferior y SeedProd mostrará una vista previa móvil de su tema.

Revisión móvil de su diseño

Cuando haya terminado de editar su tema, puede hacer clic en el botón Guardar en la esquina superior derecha y salir del constructor. A continuación, puede editar otras plantillas si es necesario.

Cuando esté listo para implementar su tema personalizado, simplemente active el botón de opción «Habilitar tema SeedProd» en la página Theme Builder.

Activar un tema personalizado

Tu personalizado el tema ahora estará activo. Esto significa que reemplaza su tema de WordPress existente.

Para obtener más información sobre el creador de temas personalizados de SeedProd, vea nuestro tutorial sobre cómo crear un tema de WordPress personalizado sin escribir ningún código.

Revise las páginas de destino de WordPress antes de comenzar

Las páginas de destino son páginas especializadas que se utilizan en campañas de marketing. Estas páginas están altamente optimizadas para conversiones y ventas.

Algunos temas de WordPress vienen con plantillas de página de destino que puede personalizar con el Editor de bloques.

Sin embargo, si necesita más opciones de diseño, necesita SeedProd. Este es el mejor diseñador de páginas de destino en WordPress y le permite crear fácilmente hermosas páginas de destino para su sitio web.

SeedProd viene con docenas de plantillas de página de destino diseñadas profesionalmente para que pueda comenzar. Además, sus páginas de destino se verán igual de bien en todos los tamaños de pantalla.

Primero debes instalarlo y activarlo Producto de semilla enchufar. Después de la activación, debe visitar SeedProd »Configuración para ingresar su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de SeedProd.

Clave de licencia de SeedProd

Luego ve a SeedProd »Páginas de destino Remover.

Para comenzar a diseñar su página, haga clic en el botón Agregar nueva página de destino.

Añadir una nueva página de destino

Entonces necesitas elegir una plantilla.

Hay varias plantillas altamente optimizadas que puede usar como punto de partida o puede comenzar con una plantilla en blanco.

Elija una plantilla de página de aterrizaje

Esto abrirá una ventana emergente donde deberá ingresar un nombre para su página de destino y seleccionar una URL.

Luego haga clic en el botón «Guardar y comenzar a editar la página» para continuar.

nombre de la página de destino

Esto iniciará la interfaz de Page Builder.

Esta es una herramienta de diseño de arrastrar y soltar que le permite diseñar su página con una vista previa en vivo.

Vista previa de la página de destino

Una vez que haya terminado de editar su página de destino, puede hacer clic en el botón Guardar y seleccionar Publicar para publicarla en su sitio.

Consulte nuestro tutorial sobre cómo crear páginas de destino en WordPress para obtener más información.

Esperamos que este artículo lo haya ayudado a revisar su sitio de WordPress antes de ejecutarlo en vivo. También puede consultar nuestra guía para usar plantillas de bloques de WordPress o nuestra guía completa de SEO de WordPress sobre cómo promocionar su sitio.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para videos tutoriales para WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.

.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.