Ir al contenido principal

(Antiguo) Editor de páginas en tiempo real

Personaliza páginas como las de registro y confirmación con el práctico editor de páginas en tiempo real.

Escrito por Dina

Este artículo trata sobre la antigua página de registro. ¿Usas la nueva página de registro presentada en junio de 2025? Lee este artículo en su lugar.

¿Sigues usando la versión anterior, pero quieres cambiar a la nueva? Consulta este artículo.

Puedes adaptar a tu estilo distintas páginas, como la página de registro, la página de confirmación y la página de ventas, con nuestro editor de páginas en tiempo real.

En cuanto empieces a editar una página, accederás al editor en tiempo real.

A la izquierda encontrarás el contenido y los elementos que podrás editar. Al pasar el cursor sobre un elemento, aparecerá una línea azul a su alrededor (solo ocurre en el modo de edición).

Algunos elementos tienen opciones adicionales; haz clic en el icono de la rueda dentada para ver opciones como «Editar imagen», «Cambiar color» u «Ocultar elemento seleccionado».

Los cambios se guardan automáticamente. Haz clic en «Cerrar editor», arriba a la derecha, para cerrar el editor.

El editor de páginas de WebinarGeek

Cambiar el color del texto

Para cambiar el color del texto, sigue estos pasos:

  1. Ve a la página que quieras editar.

  2. Haz clic en «Estilo», a la izquierda, para cambiar varios colores de texto a la vez.

  3. Cambia el color del texto introduciendo el código de color o usando el selector de color.

  4. Los cambios se guardan automáticamente. Haz clic en «Cerrar editor», arriba a la derecha, para cerrar el editor.

También puedes aplicar otro color a determinados elementos de texto. Selecciona la sección de texto que quieras editar y aparecerá una opción encima de ella para cambiar el color.

Cambiar el color del botón de la cabecera

Puedes cambiar el color del botón de la cabecera para adaptarlo a tu marca o al fondo. Haz clic en «Estilo» y elige o introduce el color que prefieras.

Elegir un color para el botón de la cabecera

Cambiar las fuentes

Ve al editor de la página que quieras personalizar. Puedes editar la fuente de la página de registro, el formulario insertado, la página de confirmación y la página de ventas.

Para cambiar la fuente de toda la página, haz clic en «Estilo», a la izquierda, y selecciona la fuente que quieras usar. También cambiarán los elementos que no puedas editar individualmente.

También puedes asignar una fuente diferente a determinados elementos de texto. Selecciona el elemento de texto que quieras cambiar y aparecerá una opción encima de la sección para cambiar la fuente.

Los cambios se guardarán automáticamente. Haz clic en «Cerrar editor», arriba a la derecha, para cerrar el editor.

Cambiar el tamaño de fuente en el editor de páginas

Ajustar el tamaño de fuente

Selecciona el texto que quieras cambiar; verás la opción para ajustar el tamaño de fuente en la parte superior de la página.

Editar una imagen

Para editar una imagen, sigue estos pasos:

  1. Ve a la página que quieras editar.

  2. Pasa el cursor sobre la imagen que quieras editar y haz clic en el icono de la rueda dentada en la parte superior derecha de la imagen.

  3. Haz clic en «Editar imagen» y selecciona otra imagen o sube una nueva.

  4. Haz clic en «Guardar». Se mostrará la nueva imagen.

Los cambios se guardarán automáticamente. Haz clic en «Cerrar editor», arriba a la derecha, para cerrar el editor.

Añadir un vídeo

¿Quieres compartir un vídeo en la página de registro o de confirmación? No hay problema. Puedes usar un testimonio, una introducción o un breve vídeo de demostración. Para hacerlo, sigue estos pasos:

  1. Ve a la página en la que quieras añadir el vídeo.

  2. Asegúrate de que el elemento «Imagenn - Izquierda» esté visible.

  3. Pasa el cursor sobre la imagen y haz clic en el icono de la rueda dentada.

  4. Haz clic en «Vídeo» y pega la URL de YouTube correspondiente.

Añadir un vídeo a la página de registro

No habrá una vista previa del vídeo, pero en «Imagenn izquierda» aparecerá un botón de reproducción con el texto «Ver vídeo». Para facilitarte las cosas, también puedes editar «Imagenn izquierda». Por ejemplo, puedes usar una captura de pantalla del vídeo.

Añadir un vídeo a la página de registro

En cuanto hagas clic en «Ver vídeo», el vídeo se abrirá en una ventana emergente y podrás reproducirlo.

Ver el vídeo en la página de registro

Los cambios se guardarán automáticamente. Haz clic en «Cerrar editor», arriba a la derecha, para cerrar el editor.

Descubre más funciones orientadas a ventas aquí para captar y convertir clientes potenciales.

Editar textos

Ve al editor de la página que quieras personalizar. Haz clic en un elemento de texto para modificarlo. Podrás empezar a cambiar el texto inmediatamente.

Hay 13 opciones para editar elementos de texto. Aparecerán en la parte superior de la página después de seleccionar un elemento de texto.

A continuación se explican las distintas opciones:

Editar textos

1. Paste as plain text. Sometimes your browser will not allow you to use this option. Use Ctrl+Shift+V en su lugar.

2. Texto en negrita. Selecciona el texto que quieras poner en negrita y haz clic en el símbolo.

3. Texto en cursiva. Selecciona el texto que quieras poner en cursiva y haz clic en el símbolo.

4. Change text color. Selecciona el texto que quieras poner en change the color of. Click on the symbol and on a color to change the text color.
​

Cambiar el color del texto in the page editor

5. Eliminar el formato de texto. Selecciona el texto del que quieras eliminar el formato y haz clic en el icono. Se eliminará todo el formato y el texto volverá a los ajustes estándar.

6. Cambiar el tamaño de fuente.

7. Cambiar la fuente.

8. Alinear el texto a la izquierda.

9. Centrar el texto.


10. Alinear el texto a la derecha.


11. Añadir una lista numerada.


12. Añadir una lista con viñetas.


13. Add or change link. Selecciona el texto que quieras poner en add a link to and press 'OK'.

Añadir hipervínculos en el editor de páginas

14. Remove link. Click on the text you’d like to remove the link from y haz clic en el símbolo.

Los cambios se guardarán automáticamente. Haz clic en «Cerrar editor», arriba a la derecha, para cerrar el editor.

Cerrar el editor de páginas en tiempo real

Tamaños de referencia de imágenes

Esta es una lista de tamaños de imagen para los distintos tipos de imágenes estándar de la plataforma WebinarGeek. Usa los tamaños solo como referencia. Puedes apartarte de ellos, pero lo ideal es mantener la misma relación de aspecto (sobre todo en imágenes como las diapositivas de presentación) o al menos una de las dos dimensiones (como la altura). El tamaño máximo de archivo es de 5 MB.

¡Importante! Las dimensiones estándar son solo orientativas; puedes apartarte de ellas. Las imágenes son adaptables, lo que significa que se ajustan en cierta medida al tamaño de la ventana. Por tanto, es posible que a veces se recorten partes de la imagen o que esta se estire un poco.

Página de registro, página de confirmación y página de cuenta atrás

Imagen

Tamaño en píxeles (orientativo)

Cabecera

Altura máxima: 800 píxeles × anchura mínima: 2480 píxeles

Imagen - Izquierda

470 x 200

Imagen - Derecha

386 x 100

Consejo: Para la imagen de fondo, se recomienda usar una imagen sencilla sin texto. Así evitarás que partes importantes desaparezcan en pantallas más pequeñas.

Este es un ejemplo de imagen para el bloque de imagen superior:

Ejemplo de banner

Webinar y diapositiva de inicio/final

Para las diapositivas (de presentación), recomendamos una relación de aspecto de 16 × 9 (por ejemplo, 1920 × 1080 px).

Página de ventas

Imagen

Tamaño en píxeles (orientativo)

Imagen «grande»

208 x 208

Imagen «pequeña»

87 x 87

Imagen de cuadro informativo o de llamada a la acción

200 x 200

Interacciones

Imagen

Tamaño en píxeles (orientativo)

Imagen de cuadro informativo o de llamada a la acción

200 x 200

Correos electrónicos

Imagen

Tamaño en píxeles (orientativo)

Logotipo

Por ejemplo, 62 px de alto (además, el logotipo predeterminado de WebinarGeek tiene una anchura de 179 px; si supera los 200 px de ancho, se reducirá)

Imagens in text

280 x 140p

¡Importante! Las dimensiones estándar son solo orientativas; puedes apartarte de ellas. Las imágenes son adaptables, lo que significa que se ajustan en cierta medida al tamaño de la ventana. Por tanto, es posible que a veces se recorten partes de la imagen o que esta se estire un poco.

Palabras clave: cabecera, diseño, dimensiones

¿Ha quedado contestada tu pregunta?