Ir al contenido principal

(Antiguo) Editor de páginas en tiempo real

Puedes cambiar varias páginas, como la página de registro y confirmación, a tu propio estilo en el conveniente editor de páginas en tiempo real.

Escrito por Dina

Este artículo trata sobre la antigua página de registro. ¿Está utilizando la nueva página de registro introducida en junio de 2025? Por favor lea Este artículo en cambio.

¿Sigues usando la versión anterior pero quieres cambiar a la nueva? Controlar Este artículo.

Puedes editar varias páginas, como la página de registro, la página de confirmación, la página de ventas y otras según tu propio estilo utilizando nuestro editor de páginas en tiempo real.

Tan pronto como comiences a editar una página, ingresarás al editor en tiempo real.

A la izquierda encontrarás el contenido y los elementos que podrás editar. Al pasar el mouse sobre un elemento, aparecerá una línea azul alrededor de él (esto solo sucede cuando estás en modo editor).

Algunos elementos tienen opciones adicionales; Haz clic en el ícono de ajustes para ver estas opciones, como 'Editar imagen', 'Cambiar color' u 'Ocultar elemento seleccionado'.

Los cambios se guardan automáticamente. Haz clic en 'Cerrar editor' en la parte superior derecha para cerrar el editor.

The webinarGeek page editor

Cambiar el color del texto

Para cambiar el color del texto puedes seguir los siguientes pasos:

  1. Navegue hasta la página que desea editar.

  2. Haz clic en "Estilo" en el lado izquierdo para cambiar ciertos colores del texto a la vez.

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

  4. Los cambios se guardan automáticamente. Haz clic en 'Cerrar editor' en la parte superior derecha para cerrar el editor.

También puedess darle otro color a ciertos elementos de texto. Selecciona la sección de texto que desea editar y aparecerá una opción encima de la sección para cambiar el color.

Cambiar el color del botón del encabezado

El color del botón del encabezado se puede cambiar para adaptarlo a tu marca o fondo. Haz clic en 'Estilo' y elija o ingrese tu color preferido.

Choosing a header button color

Cambiar fuentes

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

Para cambiar la fuente de toda la página, haga clic en "Estilo" en el lado izquierdo y seleccione la fuente que desea usar. Los elementos que no puedes editar individualmente ahora también se cambiarán.

También puedess darle a ciertos elementos de texto una fuente diferente. Selecciona un elemento de texto que desee 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' en la parte superior derecha para cerrar el editor.

Changing font size in the page editor

Ajustar el tamaño de fuente

Selecciona el texto que desea cambiar, verá 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 puedes seguir los siguientes pasos:

  1. Navegue hasta la página que desea editar.

  2. Pase el mouse sobre la imagen que desea editar y haga clic en el ícono de ajustes en la parte superior derecha de la imagen.

  3. Haz clic en 'Editar imagen' y seleccione otra imagen o cargue una nueva.

  4. Haz clic en 'Guardar'. Ahora se mostrará la nueva imagen.

Los cambios se guardarán automáticamente. Haz clic en 'Cerrar editor' en la parte superior derecha para cerrar el editor.

Agregar vídeo

¿Quieres compartir un vídeo en la página de registro o en la página de confirmación? Ningún problema. ¡No dudes en utilizar un testimonio, una introducción o un mini vídeo de demostración! Para ello siga los siguientes pasos:

  1. Navegue hasta la página en la que desea agregar el video.

  2. Asegúrate de que el elemento 'Imagen - Izquierda' esté visible.

  3. Pase el mouse sobre la imagen y haga clic en el ícono de ajustes.

  4. Haz clic en 'Video' y pegue la URL YouTube correspondiente.

Adding a video to the registration page

No habrá una vista previa del video, pero en la "Imagen izquierda" aparecerá un botón de reproducción que dice "Ver video". Para facilitar las cosas, ¡también puedes editar la 'Imagen izquierda'! Puedes, por ejemplo, utilizar una captura de pantalla del vídeo.

Adding a video to the registration page

Tan pronto como hagas clic en "Ver video", el video se abrirá en una ventana emergente y será posible reproducirlo.

Watching the video on the registration page

Los cambios se guardarán automáticamente. Haz clic en 'Cerrar editor' en la parte superior derecha para cerrar el editor.

Descubra más de nuestras funciones basadas en ventas aquí para recopilar y convertir clientes potenciales!

Editar textos

Ve al editor de la página que desea personalizar. Haz clic en un elemento de texto para modificarlo. Inmediatamente podrás comenzar a cambiar el texto.

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

A continuación se presentan algunas explicaciones de las diferentes opciones:

Editing texts

1. Pegar como texto sin formato. En ocasiones tu navegador no le permitirá utilizar esta opción. Utilice Ctrl+Shift+V en tu lugar.

2. Texto en negrita. Selecciona el texto que desea atrevido y haga clic en el símbolo.

3. Texto cursivo. Selecciona el texto que desea cursivo y haga clic en el símbolo.

4. Cambia el color del texto. Selecciona el texto cuyo color desea cambiar. Haz clic en el símbolo y en un color para cambiar el color del texto.

Changing text color in the page editor

5. Elimine el formato del texto. Selecciona el texto cuyo formato desea eliminar y haga clic en el icono. Se eliminará todo el formato del texto y el texto volverá a la configuración estándar.

6. Cambia el tamaño de fuente.

7. Cambia la fuente.

8. Alinee el texto a la izquierda.

9. Centra el texto.


10. Alinee el texto a la derecha.


11. Agregue una lista numerada.


12. Agregue una lista con viñetas.


13. Agregar o cambiar enlace. Selecciona el texto al que desea agregar un enlace y presione "Aceptar".

Adding hyperlinks in the page editor

14. Eliminar enlace. Haz clic en el texto del que desea eliminar el enlace y haga clic en el símbolo.

Los cambios se guardarán automáticamente. Haz clic en 'Cerrar editor' en la parte superior derecha para cerrar el editor.

Closing the real-time page editor

Tamaños de referencia de imágenes

Esta es una lista de tamaños de imagen para los diferentes tipos de imágenes estándar dentro de la plataforma WebinarGeek. Utilice las tallas sólo como referencia. Es posible desviarse de la referencia, sin embargo, lo ideal es mantener la misma relación de aspecto (especialmente para imágenes como diapositivas de presentación) o mantener al menos una de las dos dimensiones (como la altura). El tamaño máximo de archivo es de 5 Mb.

¡Ten en cuenta! Las dimensiones estándar son sólo una indicación, usted puede diferir de ellas. Las imágenes son "responsive", lo que significa que la imagen se adapta hasta cierto punto al tamaño de la ventana. Por lo tanto, puede ser que en ocasiones se corten trozos de la imagen o que una imagen se estire un poco.

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

Imagen

Tamaño en píxeles (indicación)

Encabezamiento

Alto máximo: 800 píxeles X ancho mínimo: 2480 píxeles

Imagen - Izquierda

470 x 200

Imagen - Derecha

386 x 100

¡Consejo! Para la imagen de fondo se recomienda utilizar una imagen simple sin texto. De esta forma evitas que partes importantes desaparezcan en pantallas más pequeñas.

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

Example banner

Webinar y diapositiva de inicio/finalización

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

pagina de ventas

Imagen

Tamaño en píxeles (indicación)

Imagen "grande"

208 x 208

Imagen "pequeña"

87 x 87

Cuadro de información o imagen de llamada a la acción

200 x 200

Interacciones

Imagen

Tamaño en píxeles (indicación)

Cuadro de información o imagen de llamada a la acción

200 x 200

Correos electrónicos

Imagen

Tamaño en píxeles (indicación)

Logo

P.ej. 62 px de alto (además, el logotipo predeterminado WebinarGeek tiene un ancho de 179 px; exceder los 200 px de ancho hará que se reduzca)

Imágenes en texto

280x140p

¡Ten en cuenta! Las dimensiones estándar son sólo una indicación, usted puede diferir de ellas. Las imágenes son "responsive", lo que significa que la imagen se adapta hasta cierto punto al tamaño de la ventana. Por lo tanto, puede ser que en ocasiones se corten trozos de la imagen o que una imagen se estire un poco.

Palabras clave: cabecera, diseño, dimensiones.

¿Ha quedado contestada tu pregunta?