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 debe almacenarse 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

• Accede a 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.
  3. Haga clic en Personalizar mi sitio:
     

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. Active 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 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 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

• Accede a 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.
  3. Haga clic en Personalizar mi sitio:
     

Agregar una imagen

Los medios se gestionan en la biblioteca de archivos :

1. Añada un nuevo bloque de contenido que contenga imágenes que luego podrá reemplazar o completar.
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 detalla el comportamiento de Site Creator Infomaniak y del sitio creado con él, frente a los diferentes formatos y resoluciones de pantalla.

Requisitos previos

• Accede a 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 Personalizar mi sitio:
     

Visualizar el sitio en diferentes dispositivos

Los sitios creados con Site Creator se adaptan automáticamente a los navegadores, independientemente del soporte (ordenador, dispositivo móvil, tableta, pantalla grande y pequeña, etc.). Pero pueden reaccionar de manera diferente según ciertos parámetros que puede ajustar. Para previsualizar la versión del sitio según el soporte de lectura, haga clic en el botón … azul situado en la parte inferior del menú lateral izquierdo para expandir las opciones de publicación y previsualización:

Haga clic en Vista previa y luego, en la parte superior de la página, haga clic en el menú de acción a la derecha de Vista previa para cambiar el tipo de dispositivo de lectura.

Mostrar su sitio en un ancho reducido

Puede reducir el ancho de su sitio. Pero esta visualización dentro de un "container" o "caja" solo será visible en pantallas grandes como las de una computadora de escritorio:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Más parámetros:
   ‍
3. Guarde los cambios al final de la página.

Ocultar un bloque de contenido según el tipo de dispositivo

En las opciones de un bloque de contenido, puede definir que este último solo se muestre en ciertos tipos de dispositivos (por ejemplo, móviles):

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

• Accede a 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 Personalizar mi sitio:
     

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 & Métadatos 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.

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

• Acceda a 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 Personalizar mi sitio:
     

Edición sencilla de páginas

La edición de una página se realiza en directo y tus modificaciones se guardan automáticamente 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.

Luego, haga clic 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

Edite 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 "Esto 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 en Site Creator

Requisitos previos

• Accede a 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 Personalizar mi sitio:
     

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 detalla los límites de Site Creator Infomaniak.

Límites de Site Creator

Contenido

• No hay límite en el número de páginas o artículos de tienda que se pueden agregar con Site Creator.
• El volumen total a su disposición depende del tamaño del alojamiento en el que se encuentra el sitio creado con Site Creator; un Alojamiento Web habitual cuenta con 250 Go de espacio en disco.
• Consulte también esta otra guía.

Gestión FTP

• No puedes acceder a los archivos de tu sitio desde el servidor, ni por FTP ni por ningún otro medio que el gestor proporcionado desde el Manager Infomaniak.

Exportación del sitio web

• No es posible importar o exportar el sitio web (a otro proveedor de alojamiento o a otro alojamiento, por ejemplo).
• Los temas o módulos no son exportables.

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

Preámbulo

• Este código de integración VOD / AOD es único y corresponde a los parámetros que estás especificando en la página.
• Le permite integrar un mismo vídeo con diferentes configuraciones de visualización según sus necesidades.
• Posteriormente, podrás modificar los parámetros de esta integración ajustandolos desde la página histórica de las integraciones en el Manager Infomaniak.

Generar y copiar el código de integración

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

1. Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesitas ayuda?).
2. Haga clic directamente sobre el nombreasignado al producto afectado.
3. Haga clic en Medios de comunicación en el menú lateral izquierdo.
4. Haga clic en Gestión de los medios de comunicación en el menú lateral izquierdo.
5. Haga clic en el medio en cuestión en la tabla que aparece.
6. Haga clic en el botón azul Compartir.
7. Haga clic en Crear una integración.
8. Personaliza la integración del medio.
9. Haga clic en el botón para Generar el código de integración.
10. Copie el código para integrarlo en la ubicación de su elección:

El medio se insertará en este caso con el Player predeterminado, pero usted tiene la posibilidad de elegir entre tus Players creados el que se proponga en el momento de la integración.

Editar integración anterior

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

1. Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesitas ayuda?).
2. Haga clic directamente sobre el nombreasignado al producto afectado.
3. Haga clic en Medios de comunicación en el menú lateral izquierdo.
4. Haga clic en Gestión de los medios de comunicación en el menú lateral izquierdo.
5. Haga clic en el medio en cuestión en la tabla que aparece.
6. Haga clic en el botón azul Compartir.
7. Haga clic en Editar integración:
   
8. Haga clic en el menú de acción ⋮ a la derecha del objeto en cuestión en el cuadro que aparece.
9. Haga clic en el elemento deseado para obtener / modificar los códigos de integración / compartir:
   

Pegar el código de integración...

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

... en el sitio Creator Infomaniak

Para Sitio Creator, debe generarse un código de integración de la fix-fix (y no de la reacción de la reacción de la reacción):

A continuación, pega este código en el sitio de Creator dentro de un bloque de código de HTML personalizado.

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