Esta guía para Site Creator Infomaniak trata el tema de las cookies de navegador.

Prólogo

• Por defecto, cuando tu sitio web es nuevo, no se debe almacenar ningún cookie en los dispositivos de tus visitantes, no hay ninguna funcionalidad de seguimiento para publicidades o marketing.
• Como administrador de sitio web, ciertos datos se almacenan en sus propias cookies (como la información que indica que es un administrador de sitio web).
• Si agregas aplicaciones/módulos integrados en tu sitio web, se pueden utilizar cookies; por ejemplo, con el Formulario de encuesta: si agregas un módulo de encuesta a tu sitio web, utilizará cookies cuando el visitante del sitio web vote (para recordar que ya ha votado).

Notificación para el visitante

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesita ayuda?).
  • Hacer clic directamente en el nombre asignado al Site Creator correspondiente.
  • Haga clic en el botón Editar mi sitio para iniciar el editor:
    

Puede activar un mensaje de consentimiento para las cookies que se mostrará en una pequeña ventana emergente en la parte inferior de la pantalla para todos los nuevos visitantes de su sitio:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Datos de contacto bajo Configuración del sitio web.
3. Activa la opción de información sobre cookies para configurar el breve mensaje y la URL para la información adicional.
4. Ajuste el tipo de visualización ampliada o no (leer más abajo).
5. Guarde los cambios al final de la página:
   ‍

Ajustes adicionales

El mensaje de consentimiento puede ajustarse por defecto o de manera ampliada, cuando haces clic en Visualización. El resultado obtenido es el siguiente:

• por defecto:
  
• ampliada:
  

Esta guía explica cómo gestionar la sección de logo, encabezado y pie de página (footer) en Site Creator Infomaniak.

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesita ayuda?).
  • Hacer clic directamente en el nombre asignado al Site Creator correspondiente.
  • Haga clic en el botón Editar mi sitio para iniciar el editor:
    

Agregar un logo de sitio web

Una vez en Site Creator:

1. Haga clic en el botón Configuración luego Logo en la barra lateral izquierda.‍‍
2. Cargue una imagen y elija si el nombre del sitio también debe mostrarse al lado.
   ‍

Ajustes del logo

1. Haga clic en el botón Diseño en la barra lateral izquierda.
2. Haga clic en Diseñador de menú‍ luego en Título/logo para ajustar los espacios y los colores.

Mostrar el logo en el centro

En el mismo lugar que arriba, active la opción para mostrar el logo en una línea separada, lo que centrará el logo del sitio:

Ocultar el logo (+ encabezado y pie de página)

Para crear una página sin logo que no tenga ni encabezado (es decir, ningún menú mostrado) ni pie de página, hay que definirla como Página de inicio (es decir, "Landing page"; atención, esto no cambia el orden de las páginas) mediante un botón que se encuentra aquí:

1. Haga clic en el botón Configuración en la barra lateral izquierda.
2. Haga clic en Lista de páginas.
3. Pase el ratón sobre una página en la estructura existente y haga clic en el icono de engranaje que aparece al pasar el ratón.
4. ‍Active la opción "Página de inicio" en la parte inferior para ocultar los encabezados y el pie de página:
   

Esta guía detalla el uso de los medios en Site Creator Infomaniak.

Tenga en cuenta que también es posible insertar otros elementos como, por ejemplo, un formulario de suscripción a la Newsletter Infomaniak.

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesita ayuda?).
  • Hacer clic directamente en el nombre asignado al Site Creator correspondiente.
  • Haga clic en el botón Editar mi sitio para iniciar el editor:
    

Agregar una imagen

Los medios se gestionan en la biblioteca de archivos :

1. Añade un nuevo bloque de contenido que contenga imágenes que podrás reemplazar o completar más tarde.
2. Haga clic en el botón Contenido en el menú lateral izquierdo.
3. Haga clic en Objetos en la lista para insertar una imagen única.
4. Haga clic en el bloque IMAGEN a la derecha.

Una vez que la imagen se haya añadido, también puede convertirla en un enlace clicable o modificar su tamaño:

También puede agregar imágenes como un módulo Galeria de fotos.

Cambiar de imagen

Para reemplazar una imagen insertada:

1. Haga clic en una imagen para editarla.
2. Haga clic en el botón tipo Marco de foto en la miniatura de la imagen para poder seleccionar una nueva imagen que reemplazará a la anterior:
   

Agregar un video

Para agregar un video:

1. Haga clic en el botón Contenido en el menú lateral izquierdo.
2. Haga clic en Objetos en la lista.
3. Haga clic en el bloque VIDEO a la derecha para insertar un video en pantalla completa.

También puede aplicar un enlace a una imagen utilizando un video de YouTube como URL: esto creará automáticamente un icono de tipo PLAY que al hacer clic abrirá el video en una ventana tipo lightbox.

Agregar un archivo de audio

Para agregar un archivo de audio:

1. Haga clic en el botón Contenido en el menú lateral izquierdo.
2. Haga clic en Aplicaciones en la parte inferior.
3. El contenido disponible se muestra a la derecha.
4. Haga clic en el reproductor de audio para insertarlo en la página.

Puede personalizarlo de manera avanzada a través de la edición HTML.

Agregar un archivo para descargar

Para facilitar la descarga de un archivo:

1. Haga clic en el botón Contenido en el menú lateral izquierdo.
2. Haga clic en Aplicaciones en la parte inferior.
3. El contenido disponible se muestra a la derecha.
4. Haga clic en el widget Descarga de archivo para insertarlo en la página.
5. Seleccione en la biblioteca el archivo que podrán descargar sus visitantes.

Esta guía explica cómo poner temporalmente fuera de línea un sitio creado con Site Creator Infomaniak.

Prólogo

• La página de mantenimiento solo se mostrará en los dispositivos de los visitantes:
  
• Tu dispositivo seguirá mostrando tu sitio sin la página de mantenimiento, solo para tu conexión a Internet.
• Al estar conectado, siempre podrás editar el sitio con Site Creator.

Poner Site Creator en mantenimiento

Para desactivar temporalmente Site Creator:

1. Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿necesita ayuda?).
2. Haga clic directamente en el nombre asignado al producto correspondiente.
3. Haga clic en Gestionar ‍ en la parte superior de la página.
4. Haga clic en Activar el mantenimiento.
   • Vuelva a realizar la operación para desactivarla:
     
   • También puede desactivar el mantenimiento desde el bloque de vista previa de su sitio:
     

Esta guía explica cómo personalizar el código fuente, modificar el CSS, modificar la parte HEAD o BODY de un sitio web creado con Site Creator Infomaniak.

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesita ayuda?).
  • Hacer clic directamente en el nombre asignado al Site Creator correspondiente.
  • Haga clic en el botón Editar mi sitio para iniciar el editor:
    

Agregar código personalizado

Una vez en Site Creator:

1. Haga clic en Diseño en el menú lateral izquierdo.
2. Haga clic en Más parámetros.
3. Haga clic en Código personalizado en la parte inferior:
   
4. Escriba código HTML, JavaScript (con sus etiquetas script o CSS personalizado (con sus etiquetas estilo) - leer más abajo para algunos ejemplos.
5. Guarde los cambios al final de la página.

Metadatos en HEAD & BODY

Para agregar código JavaScript o cualquier otro código en la sección CABEZA o CUERPO del código fuente de tu sitio web:

1. Haga clic en Configuración en el menú lateral izquierdo.
2. Haga clic en SEO & Metadatos en la sección Configuración del sitio web.
3. Desplácese hasta Código personalizado.
4. Selecciona agregar bajo las pestañas CABEZA o debajo de CUERPO.
5. Guarde los cambios al final de la página:
   

Ejemplos de personalización CSS

Estos ejemplos permiten comenzar la personalización avanzada de las páginas del sitio web. Sin embargo, existe el riesgo de que, según los cambios realizados, ya no pueda acceder al editor, lo que le obligará a empezar de cero.

Personalizar el fondo de pantalla del sitio web

Para poner la imagen de tu elección (que se debe cargar en la biblioteca de archivos) como fondo de la página y personalizar su visualización:

1. Diríjase al punto 3 visible en la primera imagen en la parte superior de esta guía.
2. Inserta el código <style> para indicar que deseas modificar el código CSS,
3. luego body { para indicar que deseas modificar el cuerpo de la página y el "{" para abrir el espacio que permite insertar los comandos,
4. luego background-image: url("../data/files/fond01.jpg"); con la ruta y el nombre exactos de la imagen cargada en la biblioteca sin olvidar el punto y coma para poder insertar el siguiente comando.
5. background-repeat: repeat; para repetir la imagen insertada.
6. background-attachment: fixed; para que la imagen de fondo permanezca fija incluso si el visitante desplaza la página hacia abajo o hacia arriba para leer su contenido.
7. } para cerrar el espacio de inserción abierto anteriormente.
8. </style> para indicar que el código termina aquí.

Espaciar las letras de todos los enlaces del sitio

Para separar (mucho) las letras entre sí en las palabras cliqueables (enlaces):

1. Diríjase al punto 3 visible en la primera imagen en la parte superior de esta guía.
2. Inserta el código (si no está presente) <style> para indicar que deseas modificar el código CSS,
3. luego .container div a { para indicar que deseas modificar los bloques de la página y, más específicamente, los enlaces ("a") y el "{" para abrir el espacio que permite insertar los comandos,
4. luego letter-spacing:1em; disminuyendo el valor (0.9em por ejemplo) sin olvidar el punto y coma para poder insertar el siguiente comando o terminar.
5. } para cerrar el espacio de inserción abierto anteriormente.
6. </style> para indicar que el código termina aquí.

Tome conocimiento de estos otros ejemplos de código CSS para insertar en su sitio web.

Esta guía explica cómo conectar un sitio creado con Site Creator Infomaniak a un nombre de dominio presente en tu Manager.

Conectar Site Creator a un nombre de dominio

Para conectar Site Creator a un nombre de dominio existente en su cuenta Infomaniak:

1. Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesita ayuda?).
2. Haga clic directamente en el nombre asignado al producto en cuestión.
3. Haga clic en Conectar mi sitio a un dominio para iniciar el asistente de configuración a continuación: 
   

Gestionar el/los nombre(s) de dominio de Site Creator

Para gestionar el o los nombres de dominio utilizados con Site Creator:

1. Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesita ayuda?).
2. Haga clic directamente en el nombre asignado al producto en cuestión.

Al principio de la página se muestran los posibles mensajes sobre problemas relacionados con Site Creator y los dominios.

Más abajo, puede gestionar sus dominios si los hay:

Dirección provisional, URL de previsualización

Varios nombres de dominio pueden ser conectados a Site Creator, eliminados o intercambiados e invertidos si es necesario:

Por otro lado, la URL de previsualización, de tipo abcd.infomaniak.site y distinta en la lista de dominios Site Creator, nunca podrá ser eliminada para el correcto funcionamiento de su sitio:

Esta guía le ayuda a comprender el funcionamiento de la creación y edición de páginas en Site Creator Infomaniak.

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesita ayuda?).
  • Hacer clic directamente en el nombre asignado al Site Creator correspondiente.
  • Haga clic en el botón Editar mi sitio para iniciar el editor:
    

Edición sencilla de páginas

La edición de una página se realiza en directo y tus modificaciones se guardan a medida que editas el contenido de tus bloques. Puedes deshacer tus modificaciones si es necesario.

Crear un enlace

Cree un enlace a partir de una imagen o texto, directamente seleccionando el objeto.

Haga clic luego en el icono de la cadena para abrir la sección que le permitirá especificar el tipo de enlace y las opciones asociadas:

Convertir un enlace en botón

En la configuración de tu enlace, podrás elegir su estilo (botón redondeado, lleno, etc.), el icono asociado, etc.:

 

Editar un enlace

Edita un enlace haciendo clic en él:

Crear un enlace a un archivo

Para permitir que sus visitantes descarguen un archivo desde un enlace en un objeto, elija el tipo "Archivo" en la configuración de su enlace:

Crear un enlace a un correo electrónico

Selecciona el tipo "Dirección de correo electrónico" en la configuración de tu enlace. Un clic en el enlace abrirá la aplicación de correo electrónico predeterminada del visitante y comenzará a redactar un correo electrónico con la dirección de correo electrónico preescrita.

Para evitar que la dirección de correo electrónico esté escrita directamente en tu página, inserta un formulario de contacto.

Crear un enlace a una sección específica

Para dirigir al visitante a una sección específica de tu sitio o de otro, utiliza el sistema de anclas.

Crear un enlace a partir de una imagen

Cuando haces clic en una imagen para editarla, simplemente activa el botón "Este es un enlace" debajo de la imagen para poder especificar la URL que se mostrará cuando un visitante haga clic en ella:

También puede aplicar un enlace a una imagen utilizando un video de YouTube como URL: esto creará automáticamente un icono de tipo PLAY que al hacer clic abrirá el video en una ventana de tipo lightbox.

Crear una lista, insertar una emoticón...

Las diferentes opciones de formato de tu texto se encuentran encima de la selección de tu texto y las opciones adicionales (listas con viñetas, alineación, emojis, etc.) son accesibles con la flecha:

Esta guía trata sobre la implementación, en Site Creator Infomaniak, del icono mostrado en la barra de favoritos de un navegador web, el favicon.

Prólogo

• Los formatos recomendados por Microsoft para sus navegadores son 16 x 16, 32 x 32 y 48 x 48.
• Apple, por su parte, recomienda que la dimensión del favicon sea de 180 x 180.

Definir el favicon Site Creator

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesita ayuda?).
  • Hacer clic directamente en el nombre  asignado al Site Creator correspondiente.
  • Haga clic en el botón Editar mi sitio para iniciar el editor:
    

Para definir un nuevo favicon:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Configuración general.
3. Desplácese hacia abajo hasta la sección Favicon:
   
4. Selecciona la favicon en tu disco duro.
5. Guarde los cambios al final de la página.
6. Vea una vista previa del resultado en su navegador (si es necesario en una nueva ventana en modo incógnito, por ejemplo):
   

Esta guía explica cómo integrar en páginas web archivos de video/audio importados en un servicio VOD/AOD de Infomaniak.

Prólogo

• Este código de integración VOD / AOD es único y corresponde a los parámetros que está especificando en la página.
• Te permite integrar el mismo video con diferentes configuraciones de visualización según tus necesidades.
• Posteriormente, podrás modificar los parámetros de esta integración ajustándolos desde la página de historial de integraciones en el Manager Infomaniak.
• Puede compartir un medio de diferentes maneras.

Generar y copiar el código de integración

El código de integración se encuentra en tu interfaz VOD; aquí tienes un ejemplo con un Player por defecto:

1. Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿necesita ayuda?).
2. Haga clic directamente en el nombre asignado al producto en cuestión.
3. Haga clic en Medios en el menú lateral izquierdo.
4. Haga clic en Gestión de medios en el menú lateral izquierdo.
5. Haga clic en el medio que le interesa en la tabla que se muestra.
6. Haga clic en el botón azul Integrar.
7. Haga clic en Crear una integración:
   
8. Personaliza la integración del medio (marca de tiempo, reproducción en bucle, inicio automático, …).
9. Haga clic en el botón para Generar el código de integración:
   
10. Copie el código para integrarlo en el lugar de tu elección:
    

El medio se insertará con el Reproductor por defecto, pero tiene la posibilidad de elegir entre sus Reproductores creados el que debe proponer durante la integración.

Modificar una integración anterior

Para personalizar nuevamente la integración ya realizada de su medio, y con el fin de conservar el código correspondiente sin tener que insertarlo nuevamente:

1. Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿necesita ayuda?).
2. Haga clic directamente en el nombre asignado al producto en cuestión.
3. Haga clic en Medios en el menú lateral izquierdo.
4. Haga clic en Gestión de medios en el menú lateral izquierdo.
5. Haga clic en el medio correspondiente en la tabla que se muestra.
6. Haga clic en el botón azul Integrar.
7. Haga clic en Modificar una integración:
   
8. Haga clic en el menú de acción ⋮ a la derecha del objeto correspondiente en la tabla que se muestra.
9. Haga clic en el elemento deseado para obtener/modificar los códigos de integración:
   

Pegar el código de integración…

En la página web de su elección, pegue el código en el lugar deseado.

… en Site Creator Infomaniak

• Para Site Creator, hay que generar un código de integración “Fijo” (y no “Reactivo”):
  
• Pega luego este código en Site Creator dentro de un bloque “Código HTML personalizado”.

• Aquí tienes un ejemplo de copiar y pegar desde la página de integración de un medio: