WebSite X5Help Center

 
Henry D.
Henry D.
User

Ventana flotante  es

Autor: Henry D.
Visitado 894, Followers 1, Compartido 0  

Saludos

Quisiera realizar una ventana flotante en todas las paginas como el ejemplo de la foto, pero no sé como se puede realizar.

Tienen alguna idea que me puedan proporcionar?

PD: si aun no existe la idea, sería excelente que pudieran tener un canal de youtube donde se pueda mostrar como se hacen las cosas. especialmente para los que somos novatos.

Publicado en
4 RESPUESTAS - 1 ÚTIL
Jorge M.
Jorge M.
Moderator

Hola Henry D.

En WebSite X5 lo encuentras como mensaje publicitario, lo encuentras en Paso 1, Avanzadas, mira la imagen siguiente:

Si entras ahí te dará todas las opciones:

Donde puedes entre otras cosas escoger el Tipo de mensaje que se quiere añadir, seleccionando uno de los siguientes elementos:

  • Mensaje de Aviso: una imagen o una animación de Aviso cuyo objetivo es atraer la atención del Visitante. Aparece en una esquina de la Página: al pasar el puntero del ratón por encima se muestra la imagen que contiene el Mensaje publicitario o la noticia.
  • Mostrar anuncios en un cuadro: el mensaje publicitario se inserta en un recuadro, visualizado en una posición especificada de la ventana del explorador, en sobreimpresión respecto a los contenidos de la página.
  • Mostrar anuncios en una barra horizontal: el Mensaje Publicitario se presenta mediante una barra horizontal mostrada en lo alto de la ventana del explorador, antes del contenido real de la página; o sobre el fondo de la ventana del explorador, en sobreimpresión respecto a los contenidos de la página.
  • Anuncio de tipo portada: el Mensaje publicitario se propone mediante una imagen que se muestra a pantalla completa. La imagen se adapta al tamaño de la ventana del navegador, ocupándola completamente: pulsando en un punto cualquiera de la imagen se ejecuta el enlace asociado, pulsando sobre el botón que invita a desplazar la página (que aparece automáticamente) o desplazando la página la imagen de portada desaparece para mostrar los contenidos de la Página.

En el caso del Mensaje de Aviso es necesario trabajar tanto en el Aviso como en el Mensaje en sí

En el caso de:Mostrar anuncios en un cuadro,Mostrar anuncios en una barra horizontal y Anuncio de tipo portada basta con definir solo el Mensaje.

Las opciones para definir el Estilo del Aviso del Mensaje de Aviso son:

  • Archivo imagen: especifica la imagen o la animación que se debe usar para capturar la atención del Visitante. Pulsando el botón con un triángulo se accede a una librería de imágenes y animaciones predefinidas. Como alternativa se puede pulsar el botón  Seleccionar archivo para buscar el archivo gráfico (en formato .JPG, .PNG, .GIF, o .WAX5) en las carpetas locales.
  • Posición: establece dónde se mostrará la imagen de Aviso: Arriba a la Izquierda, Arriba a la derecha, Abajo a la izquierda o Abajo a la derecha.
  • Efecto: aplica un efecto de mostrado en la imagen de Aviso.
  • Repetir Efecto (seg): define tras cuántos segundos se debe repetir el efecto aplicado a la imagen de Aviso.

En cambio, las opciones para definir el Estilo del Mensaje del Mensaje de Aviso son:

  • Archivo imagen: permite especificar al archivo gráfico (en formato .JPG, .GIF, .PNG) o el archivo de la Animación (en formato .WAX5) que contiene el Mensaje Publicitario que se desea proponer. La imagen se puede buscar ya sea en la Librería online que se abre mediante el botón  o en las carpetas locales usando el botón  Seleccionar archivo.
  • Efecto: aplica un efecto de mostrado en la imagen del Mensaje.
  • Enlace: configura el enlace (normalmente a una Página de destino o Landing Page) que se activará al pulsar sobre el Mensaje Publicitario. Pulsando sobre el botón  se abre la ventana Enlace mediante la que es posible elegir el tipo de acción además de las opciones relacionadas.
  • Sonido al entrar: importa el archivo de sonido (en formato .MP3) que se reproducirá durante la visualización del Mensaje publicitario.

Si quieres saber más, solo usa cada opción y revisa en vista previa.

Para consultar tienes a tu dispocición:

La guía online, la puedes llamar desde el programa en el simbolo de Ayuda en el menú superior

Donde tienes las opciones que seguro te ayudarán a diseñar más rápido, como son:

Si aún así tienes dudas, aquí tanto usuarios, moderadores y el Staff de Incomedia del Helcenter siempre están prestos a responder dudas.

El manual PDF lo encuentras en Mis Downloads justo al final de esta página en el pié.

Excelente sugerencia lo del canal, en algunas respuestas he añadido un video complemento en Youtube, pero no lo he puesto de libre acceso, solo para el que ve la respuesta, estaré recopilando esas respuestas y las incluiré en una guía.

Revisa, prueba y comenta cualquier duda, avisanos como te va.
Saludos
Jorge M.

----------------------------------------------------------------------------------------------------------

Recuerda que elaborar un post no genera ingresos, por esto Cada vez que marcas respuesta correcta o útil ¡Cuenta como reconocimiento! , así que:

  • Si una respuesta es correcta o te ayuda a resolver dale la opción de Correcto.
  • Si una respuesta sirve, sea o no sea tu pregunta, dale útil.
  • Si no te sirve ninguna respuesta, para ayudar a comprender mejor la pregunta trata de agregar links o capturas de Vista Previa, Rejilla de Maquetación, Navegador
  • Para las capturas: usa la opción Añadir una imagen desde su PC.

 

Leer más
Publicado en de Jorge M.
Henry D.
Henry D.
User
Autor

Gracias Jorge

Talvez el único detalle es que en el ejemplo que envie, es una cuadro al centro/derecha que esta fijo, y qué al momento de pasar el raton por el número de telefono envia a un enlace.

La solución que me das, unicamente me deja colocar una imagen, y realmente busco que haga un enlace a Whatsapp por ejemplo

Igual te agradezco, pero tendrás alguna otra opcion?

Leer más
Publicado en de Henry D.
Xerardo D.
Xerardo D.
User

Hola, eso lo tendrás que hacer con código HTML, si buscas un poco hay en internet el símbolo del whatsapp para hacer el enlace, quizás encuentres toda la imágen que quieres

Leer más
Publicado en de Xerardo D.
Jorge M.
Jorge M.
Moderator
Henry D.
Talvez el único detalle es que en el ejemplo que envie, es una cuadro al centro/derecha que esta fijo, y qué al momento de pasar el raton por el número de telefono envia a un enlace.

Hola Henry D.

Lo que quieres es el Mobile Contact en toda pantalla igual que la pregunta que hiciste y l convertí en IDEA.

Bueno esperemos que los desarrolladores la vean y acepten, mientras como dice bien dice Xerardo, necesitarás de código.

Saludos

Jorge M.

Leer más
Publicado en de Jorge M.