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

Prólogo

• Por defecto, cuando tu sitio web es nuevo, no se debe almacenar ninguna cookie en los dispositivos de tus visitantes, no hay funcionalidad de seguimiento para anuncios o marketing.
• Como administrador del sitio web, se almacenan ciertos datos en tus propias cookies (como la información que indica que eres administrador del sitio web).
• Si añades aplicaciones/módulos integrados en tu sitio web, pueden utilizarse cookies; ejemplo con el Formulario de encuesta: si añades 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:
  • Haz clic aquí para acceder a la gestión de tu producto en el Gestor de Infomaniak (¿Necesitas ayuda?).
  • Haz clic directamente en el nombre asignado al Site Creator correspondiente.
  • Haz clic en el botón Editar mi sitio para iniciar el editor:
    

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

1. Haz clic en el botón Configuración en el menú lateral izquierdo.
2. Haz 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 obtener más información.
4. Ajusta el tipo de visualización ampliada o no (lee más abajo).
5. Guarda los cambios en la parte inferior de la página:
   ‍

Configuraciones 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 detalla el comportamiento de Site Creator de Infomaniak y del sitio creado con él, frente a los diferentes formatos y resoluciones de pantalla.

Requisitos previos

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

Visualizar el sitio en diferentes dispositivos

Los sitios creados con Site Creator se adaptan automáticamente a los navegadores independientemente de su soporte (computadora, 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:

1. Haga clic en el botón ••• situado en la parte inferior del menú lateral izquierdo, para desarrollar las opciones de publicación y previsualización:
   
2. Haga clic en Vista previa:
   
3. 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.
4. Haga clic en las diferentes iconos de dispositivo para simular los diferentes formatos de lectura (móvil, vertical, horizontal…):
   

Mostrar su sitio en un ancho reducido

Puede reducir el ancho de su sitio, dentro de un "container" o “caja”. Esta visualización especial solo será visible en pantallas grandes tipo 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. Active el botón de alternancia (toggle switch) de la visualización Container:
   
4. Guarde los cambios en la parte inferior de la página.

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

En las opciones de un bloque de contenido, al desactivar la visibilidad por defecto, podrá definir a continuación que solo se muestre en ciertos tipos de dispositivos (móviles, por ejemplo):

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

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Gestor de Infomaniak (¿Necesita ayuda?).
  • Haga 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 logotipo de sitio web

Una vez en Site Creator:

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

Configuración del logotipo

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

Mostrar el logotipo en el centro

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

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

Para crear una página sin logo que no tendrá ni encabezado (es decir, ningún menú visible) ni pie de página, debes definirla como Página de inicio (es decir, "Landing page"; ten en cuenta que 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 el árbol existente y haga clic en el icono de engranaje que aparece al pasar el ratón.
4. \u200dActive la opción "Página de inicio" en la parte inferior para ocultar encabezados y pie de página:
   

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

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

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager de Infomaniak (¿necesita ayuda?).
  • Haga 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. Agregue 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 en la derecha.

Una vez agregada la imagen, también puede hacer de ella un enlace clicable o modificar su tamaño:

También puede agregar imágenes como módulo Galería 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 ícono 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 sonido:

1. Haga clic en el botón Contenido en el menú lateral izquierdo.
2. Haga clic en Aplicaciones abajo.
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 ofrecer fácilmente un archivo para descargar:

1. Haga clic en el botón Contenido en el menú lateral izquierdo.
2. Haga clic en Aplicaciones abajo.
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á ser descargado por sus visitantes.

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

Prólogo

• La página de mantenimiento solo se mostrará en los dispositivos de los visitantes:
  
• Su dispositivo seguirá mostrando su sitio sin la página de mantenimiento, solo para su conexión a Internet.
• Conectado, siempre podrá 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 Administrador de Infomaniak (¿necesita ayuda?).
2. Haga clic directamente en el nombre asignado al producto correspondiente.
3. Haga clic en Administrar ‍ en la parte superior de la página.
4. Haga clic en Activar el mantenimiento.
   • Repita 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 conectar un sitio creado con Site Creator de Infomaniak a un nombre de dominio.

Requisitos previos

• La oferta Site Creator Free permite acceder al sitio a través de un nombre de dominio en el formato 123xyz.infomaniak.site…
  • Para conectar un nombre de dominio personalizado, primero debe pasar a una oferta superior:
    
• Las ofertas Site Creator Lite y Pro incluyen un nombre de dominio gratuito durante 1 año entre las extensiones .ch, .com, .fr, .org, .co.uk, .be, .de, .eu, .it, .es
• Si desea utilizar un dominio existente, este debe estar en la misma Organización.

Conectar Site Creator a un nombre de dominio

Para conectar Site Creator (Lite o Pro) a un nombre de dominio:

1. Haga clic aquí para acceder a la gestión de su producto en el Manager de Infomaniak (¿Necesita ayuda?).
2. Haga clic directamente en el nombre asignado al producto correspondiente.
3. Haga clic en Conectar mi sitio a un dominio para iniciar el asistente de configuración:
   
4. El asistente le permite crear un nuevo nombre de dominio o usar uno ya existente:
   
   • Si crea un nuevo nombre de dominio en esta ocasión, deberá volver a este asistente de configuración una vez finalizada la orden.
   • Si elige adjuntar un dominio entre los existentes en su Organización, el asistente le proporciona la lista de dominios y se puede crear un subdominio en esta ocasión:
     
5. Haga clic en el botón Siguiente.
6. Verifique la dirección seleccionada y luego haga clic en el botón para Confirmar:
   

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 de Infomaniak (¿Necesita ayuda?).
2. Haga clic directamente en el nombre asignado al producto correspondiente.

En la parte superior 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, haga clic en la flecha ‍ si es necesario:

Dominio temporal, dirección provisional, URL de previsualización…

Varios nombres de dominio pueden estar vinculados a Site Creator, eliminados o intercambiados e invertidos si es necesario.

Haga clic en el menú de acción ⋮ a la derecha del dominio correspondiente:

 

Sin embargo, la URL de vista previa, de tipo 123xyz.infomaniak.site y distinta en la lista de dominios de Site Creator, nunca podrá ser eliminada para el correcto funcionamiento 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 de 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?).
  • Haga 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. Ingrese código HTML, JavaScript (con sus etiquetas script) o CSS personalizado (con sus etiquetas style) - lea 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 parte HEAD o BODY del código fuente de su sitio:

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. Elija agregar debajo de las pestañas HEAD o debajo de BODY.
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 comenzar de nuevo desde cero.

Personalizar el fondo de pantalla del sitio web

Para colocar la imagen de su elección (para cargar en la biblioteca de archivos) como fondo de página y personalizar su visualización:

1. Vaya al punto 3 visible en la primera imagen al principio 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 & nombre exactos de la imagen cargada en la biblioteca sin olvidar el punto y coma para poder insertar el comando siguiente.
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 clicables (enlaces):

1. Vaya al punto 3 visible en la primera imagen al principio 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 desea 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 finalizar.
5. } para cerrar el espacio de inserción abierto anteriormente.
6. </style> para indicar que el código termina aquí.

Consulte estos otros ejemplos de código CSS para insertar en su sitio.

Esta guía le ayuda a comprender el funcionamiento de la creación y edición de páginas en Site Creator de 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?).
  • Haga 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 simple de páginas

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

Crear un enlace

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

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

Transformar un enlace en botón

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

 

Editar un enlace

Edite un enlace haciendo clic sobre él:

Crear un enlace hacia un archivo

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

Crear un enlace hacia un correo electrónico

Elija el tipo "Dirección de correo electrónico" en la configuración de su enlace. Un clic en el enlace abrirá la aplicación de mensajería predeterminada en el 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 en su página, inserte un formulario de contacto.

Crear un enlace a una sección específica

Para dirigir al visitante a una porción específica de su sitio o de otro, utilice el sistema de anclajes.

Crear un enlace a partir de una imagen

Cuando hace clic en una imagen para editarla, simplemente active el botón "Esto es un enlace" debajo de la imagen para poder especificar la dirección 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 ícono 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 posibilidades de formato de su texto se encuentran encima de la selección de su texto y las opciones adicionales (listas con viñetas, alineación, emojis, etc.) son accesibles con la flecha:

Esta guía trata sobre la configuración, en Site Creator de Infomaniak, del icono que se muestra 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?).
  • Haga 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. Elija el favicon en su disco duro.
5. Guarde los cambios al final de la página.
6. Vea el resultado en su navegador (si es necesario en una nueva ventana en modo de navegación privada, 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.
• Le permite integrar el mismo video con diferentes configuraciones de visualización según sus necesidades.
• Posteriormente, podrá modificar los parámetros de esta integración ajustándolos desde la página de historial de integraciones en el Manager Infomaniak.
• Puede, al mismo tiempo, compartir un medio de diferentes maneras.

Generar y copiar el código de integración

El código de integración se encuentra en su interfaz VOD; aquí tiene un ejemplo con un Reproductor 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 correspondiente:
   
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 Crear una integración:
   
8. Personalice la integración del medio (Reproductor a utilizar, marca de tiempo, reproducción en bucle, inicio automático, etc.).
9. Elige la miniatura a mostrar cuando el medio está detenido.
10. Haga clic en el botón para Generar el código de integración:
    
11. Copie el código para integrarlo en el lugar de su elección:
    

El medio se insertará en este caso con el Reproductor por defecto, pero tiene la posibilidad de elegir entre sus Reproductores creados el que debe proponerse 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 volver a insertarlo:

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 concernido.
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 concernido 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 concernido en la tabla que se muestra.
9. Haga clic en el elemento deseado para obtener/modificar los códigos de integración:
   

Pegue el código de integración…

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

… en Site Creator Infomaniak

• Para Site Creator, debe generar un código de integración “Fijo” (y no “Responsive / Reactivo”):
  
• Luego pegue este código en Site Creator dentro de un bloque “Código HTML personalizado”:
  
  
  

Esta guía explica cómo no publicar directamente las modificaciones en una página de Site Creator de Infomaniak.

Prólogo

• El modo borrador permite no publicar las siguientes modificaciones:
  • adición de un nuevo bloque de contenido a través del menú Contenido
  • modificación visual o textual de un bloque de contenido
  • eliminación de un bloque de contenido
• El modo borrador no se aplica a:
  • cambios globales de diseño, a través del menú Diseño (colores, fuentes, etc.)
  • modificaciones de contenido relacionadas con las aplicaciones (preguntas/respuestas, comercio electrónico, etc.)
  • modificaciones de los parámetros globales, a través del menú Configuración (Páginas, idiomas, etc.)
  • subpáginas de la página que está despublicando

Guardar sin publicar

Requisitos previos

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

Puede pasar una página al modo borrador para realizar cambios de texto u otros en el contenido de una página que no serán visibles en directo, hasta que decida volver a poner el sitio en modo de publicación directa:

1. Haga clic en el botón ... situado en la parte inferior del menú lateral izquierdo, para desarrollar las opciones de publicación y previsualización.
2. Haga clic en En directo para cambiar al modo No publicado
3. Ahora, el modo amarillo mostrado en la parte inferior indica que todas sus modificaciones (solo en esta página) no se verán en directo (a diferencia del modo En directo / Live), pero se guardarán en un borrador incluso si sale de la página o del editor:
   

Publicar las modificaciones o eliminar el borrador

1. Cuando el modo No publicado está activo, haga clic en el botón amarillo del modo No publicado para mostrar un panel de configuración.
2. El panel de configuración se abre para que pueda:
   1. publicar sus modificaciones,
   2. o eliminar el borrador en curso y volver al estado inicial de la página.

Ejemplo

1. Con el modo En directo / Live (visible en la parte inferior de la pantalla), una modificación es directamente visible para los visitantes de la página.
2. Con el modo No publicado / borrador (identificable por un símbolo amarillo en la parte inferior de las páginas pasadas a este modo), sus modificaciones no son visibles en directo.
3. Salga de la página para trabajar en otra página, el modo vuelve al modo predeterminado, es decir, el modo En directo porque la página no es la misma y el modo solo se aplica a las páginas seleccionadas.
4. Vuelva a la página guardada como borrador, un símbolo en la parte inferior de la página indica siempre el modo borrador activado.
5. Haga clic en él para elegir publicar o eliminar las modificaciones y restaurar la página tal como estaba antes de sus modificaciones en modo borrador.

Esta guía explica cómo modificar ciertos detalles de un sitio creado con Site Creator de 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?).
  • Haga clic directamente en el nombre asignado al Site Creator correspondiente.
  • Haga clic en el botón Editar mi sitio para iniciar el editor:
    

Cambiar el nombre del sitio web

Haga clic en el botón Configuración en la barra lateral izquierda, luego en Título del sitio:

Datos de la empresa

Haga clic en el botón Configuración en la barra lateral izquierda, luego en Datos de contacto bajo Configuración del sitio web.
‍

Esta guía se refiere a las "Aplicaciones" (o "módulos", "extensiones") disponibles en Site Creator Infomaniak según la versión que tenga, para crear un sitio web, un blog o una tienda en línea 100% personalizable, sin ningún conocimiento técnico.

Diferentes Aplicaciones

Además de los bloques de contenido que ofrecen diferentes diseños preformateados, también puede insertar bloques en forma de módulos, cada uno con una función específica:

1. Video
2. Reproductor de audio
3. Diapositivas de imágenes / presentación
4. Descarga de archivo
5. Ubicación en el mapa
6. Encuesta
7. Base de conocimientos
8. Preguntas y respuestas
9. Calendario
10. Calendly
11. Menú de subpáginas
12. Mapa del sitio (sitemap)
13. Agregar a Google
14. Código HTML personalizado
15. Formulario de contacto
16. Blog
17. Tienda
18. Lector de feed RSS
19. Menú de restaurante

Insertar un módulo en una página

Para insertar un módulo:

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

Una vez en Site Creator:

1. Haga clic en el botón Contenido en el menú lateral izquierdo.
2. Haga clic en Aplicaciones en la parte inferior y el contenido disponible se muestra a la derecha.
3. Haga clic en una de estas aplicaciones para insertarla en la página:
   
4. Una vez insertado, pase el ratón por encima del módulo para acceder a sus ajustes:
   

Módulo múltiple o módulo desaparecido

Si elimina uno de sus módulos (como el de la encuesta) ya configurado y desea deshacer la acción, haga clic en Deshacer inmediatamente.

También puede volver a insertar el módulo, que debería reaparecer con sus ajustes anteriores.

No puede insertar varios módulos del mismo tipo para personalizarlos de forma independiente.

Otras integraciones y widgets

Haga clic en el botón APLICACIONES en la barra lateral izquierda de Site Creator:
‍

Insertar una cuenta atrás

Para agregar un contador que permita mostrar una cuenta atrás:

1. En el menú lateral izquierdo, haga clic en el botón Contenido.‍
2. Haga clic en Objetos en la lista y el contenido disponible se mostrará a la derecha:
   
3. Haga clic en uno de estos objetos para insertarlo en la página y personalizarlo:
   ‍

Esta guía se refiere a la función de deshacer en Site Creator de Infomaniak.

Prólogo

• No es posible realizar ninguna copia de seguridad / restauración desde el Manager Infomaniak.
• Si, por ejemplo, elimina un bloque de contenido y desea restaurarlo, puede deshacer hasta las 20 últimas operaciones en Site Creator.

Deshacer una operación

Requisitos previos

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

Una vez en Site Creator:

1. Haga clic en el botón … situado en la parte inferior del menú lateral izquierdo de Site Creator, para desarrollar las opciones de deshacer:
   
   
    
2. Haga clic en Deshacer y confirme la restauración (las flechas al lado permiten "navegar" entre las últimas copias de seguridad):
   
   

Esta guía detalla las interacciones posibles entre Site Creator de Infomaniak y las redes sociales.

Especificar las URL de sus diferentes perfiles sociales

Requisitos previos

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

Para permitir a los visitantes hacer clic en los enlaces de sus redes sociales:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Redes sociales.
3. Indique las direcciones de sus diferentes perfiles sociales (Tiktok, Instagram, etc.) incluyendo un número de teléfono y una dirección de correo electrónico si lo desea.‍
4. Guarde los cambios al final de la página:
   

Agregar los iconos de sus perfiles

Agregar iconos de sus redes sociales en el pie de página o en el encabezado de su sitio web:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Redes sociales.

Al final puede especificar dónde desea que aparezcan los iconos correspondientes a los perfiles que haya completado anteriormente:

Guarde los cambios al final de la página.

Agregar un bloque de compartir en redes sociales

Entre los bloques que puede agregar dentro de una página, un primer bloque propone una línea de botones que permite al visitante suscribirse fácilmente a sus diferentes redes sociales:

Un segundo tipo de bloque propone una línea de botones que permite al visitante compartir la página en las principales redes sociales:

Obtener el código QR del sitio

Para obtener el código QR de su sitio:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en el ícono de código QR en la parte superior:
   

Podrá descargar el código QR correspondiente a la dirección de su página de inicio. Así, un usuario que escanee su código QR podrá acceder fácilmente a su sitio.

Cambiar la imagen OG de compartir en redes sociales

Cuando comparte un enlace a su sitio web en las redes sociales, se asocia automáticamente una miniatura (Og:imagen para imagen OpenGraph):

1. Haga clic en el botón Configuración en el menú lateral izquierdo
2. Haga clic en SEO y metadatos bajo Configuración general.
3. Desplácese hasta Open Graph y elija la imagen:
   

Esta guía le permite descubrir rápidamente las funciones esenciales del asistente de redacción Euria disponible en Site Creator de Infomaniak.

Prólogo

• El asistente de redacción le ayudará a escribir un texto sobre el tema de su elección, incluso si debe basarse en elementos existentes, gracias a la inteligencia artificial.
• No es un agente conversacional o chatbot; no responderá necesariamente a preguntas genéricas ni dialogará con usted.
• Úselo, por ejemplo, para redactar:
  • un nuevo título que debe contener elementos específicos
  • un nuevo párrafo sobre un tema particular
  • una reformulación de un extracto de texto
  • una sintaxis gramatical correcta
  • una traducción a un idioma extranjero
  • un artículo de blog
  • etc.
• Tome conocimiento de esta otra guía sobre el modelo utilizado por el asistente de redacción y las responsabilidades de cada uno.

¿Cómo usar el asistente?

Requisitos previos

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

Luego, para iniciar el asistente de redacción:

1. Haga clic en un bloque de contenido, texto, etc.
2. Haga clic en el icono Euria en la barra de edición para abrir el asistente:
   
3. Para volver atrás a la opción principal una vez seleccionado un tipo de adición, haga clic en el icono en la parte superior derecha:
   

Si el bloque ya contiene contenido y elige reformular un párrafo, podrá, gracias a los botones del asistente, seleccionar el tono dado a su texto (serio / amigable) y agregar o acortar las fórmulas propuestas…

• Por ejemplo:
  

Esta guía explica cómo agregar y personalizar un botón en su página Site Creator de Infomaniak, incluido un botón fijo que permite volver a la parte superior de la página.

Requisitos previos

• Acceder a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesita ayuda?).
  • Haga 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 enlace en forma de botón

Para agregar un botón (que dirige a la dirección URL de su elección al hacer clic en él):

1. Redacte el texto del botón.
2. Seleccione el texto.
3. Haga clic en el ícono de la cadena para abrir la sección que le permitirá especificar el tipo de enlace y las opciones asociadas:
   
4. Configure la página de destino y la apariencia del botón:
   
5. Guarde los cambios para visualizar el botón en su página.
6. Haga clic en el botón para volver al editor si es necesario.

Agregar un botón “Volver arriba”

Para agregar y personalizar un botón que devuelve al visitante a la parte superior de su página Site Creator tan pronto como la página se desplace:

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

Actualice la página si es necesario para ver el cambio:

Consulte esta otra guía sobre una solución alternativa.

Esta guía trata sobre la gestión de formularios que permiten la inscripción a la Newsletter que gestionas en Infomaniak.

Requisitos previos

• Tener acceso al producto Newsletter.
• Haber creado al menos un formulario de inscripción.

Copiar el código necesario para integrar el formulario

Para acceder a los formularios de tu Newsletter y obtener el código de integración:

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 de dominio asignado al producto correspondiente.
3. Haga clic en Formularios en el menú lateral izquierdo.
4. Haga clic en el menú de acción ⋮ a la derecha del objeto correspondiente en la tabla que se muestra.
5. Haga clic en Código de integración:
   
6. Elige entre la pestaña JAVASCRIPT y HTML para obtener uno de los dos tipos de código útil para insertar tu formulario en tus páginas y haz clic en el botón azul para copiar el código en el portapapeles:
   

Insertar el formulario en un sitio web…

Puedes insertar el mismo formulario en diferentes lugares. También puedes crear varios formularios (para poblar diferentes grupos de contactos, por ejemplo). Obviamente, una Newsletter se envía solo una vez por contacto, incluso si este está presente en diferentes listas/grupos:

… con WordPress

1. Inserta un nuevo bloque HTML en el lugar deseado:
   
2. Pega el código HTML o JAVASCRIPT obtenido en el punto 6 anterior y guarda:
   
3. El formulario configurado anteriormente se muestra en tu sitio:
   

… con Site Creator Infomaniak

1. Pase el ratón sobre la ubicación deseada en la página para mostrar un botón MÁS que permite agregar un bloque:
   
2. Haga clic en el botón MÁS para elegir un bloque de código HTML personalizado:
   
3. Pegue el código HTML o JAVASCRIPT obtenido en el punto 6 anterior y haga clic en el botón para Continuar:
   
4. El formulario se previsualiza en su página de edición y se muestra para sus visitantes:
   

Esta guía se refiere a Site Creator y la posibilidad de crear enlaces a anclajes.

Prólogo

• Un ancla en diseño web es un hipervínculo que apunta a una posición específica en una página web, ya sea en la misma página o en una página diferente. Cuando un usuario hace clic en un enlace de anclaje, es redirigido al lugar especificado (en principio, una indicación invisible colocada en el código fuente) de la página.
• Las anclas son útiles para permitir a los usuarios navegar rápidamente a secciones específicas de una página web o incluso de otra página. Mejoran la experiencia del usuario proporcionando un medio eficaz para encontrar y acceder a información precisa.

Ejemplo de ancla

Una ancla está situada (de manera invisible) al final de esta FAQ. Se llama "fin", por lo tanto, el siguiente enlace contiene simplemente el objetivo #fin y sin otra indicación, un navegador web buscará este término en el código de la página donde nos encontramos y dirigirá al usuario hacia él: haga clic aquí para alcanzarlo !

Crear este tipo de enlace en Site Creator

Habitualmente, para crear un ancla en HTML, así es como proceder:

1. Identifique el lugar en su página donde desea crear un ancla (sección de texto, imagen u otro elemento).
2. Utilice la etiqueta <a> con el atributo href para especificar el objetivo del ancla:
   1. si el objetivo está en la misma página, utilice simplemente el ID del elemento (ver punto 3 a continuación)
      <a href="#chapter1">Ir al capítulo 1</a>
   2. si el objetivo está en otra página, especifique la URL completa de la página, seguida del ID del elemento objetivo (ver punto 3 a continuación)
      <a href="page2.html#chapter1">Ir al capítulo 1 en la página 2</a>
3. En la sección de su página donde desea que los usuarios sean redirigidos, agregue un elemento con el ID correspondiente:
   <div id="chapter1"> &nbsp; </div>
    

Cuando los usuarios hacen clic en el enlace "Ir al capítulo 1", la página se desplazará automáticamente hasta la sección con el ID "chapter1". Si el objetivo está en otra página, serán redirigidos a esa página y el ancla funcionará de la misma manera.

Con Site Creator, el punto 3 anterior no es "libre": cada bloque ya tiene su ID (o hashtag) que deberá indicar (o modificar previamente - ver punto 3 a continuación) para hacer que un enlace apunte a él.

Encontrar la referencia del bloque de destino

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 Site Creator correspondiente.
3. Haga clic en el botón Editar mi sitio para iniciar el editor:
   

Una vez en Site Creator:

1. Pase el ratón sobre el bloque de contenido a modificar y haga clic en la rueda dentada:
   
2. Desplácese hasta el final de los parámetros para obtener el ID del bloque en cuestión:
   
3. Un doble clic en el campo que indica el ID permite especificar su propio título en lugar del ID aleatorio:
   

Crear un enlace a la referencia del bloque

Para agregar un enlace en el texto en Site Creator, con el destino del bloque ubicado más abajo en la misma página:

1. Seleccione un texto.
2. Luego, haga clic en el ícono de la cadena:
   
3. Elija el tipo "Sección" para crear un enlace a una parte de la misma página eligiendo la referencia del bloque obtenida anteriormente:
   
   
   Otras posibilidades:
   1. Colocar el enlace con el signo de almohadilla (enlace a la misma página):
      
   2. Colocar el nombre de la página seguido del ID:
      

FIN DE LA PÁGINA (y ancla colocada en este elemento) - haga clic aquí para volver al ancla ubicada al principio de la página…

Esta guía permite redirigir a los visitantes que llegan a páginas inexistentes (páginas antiguas de un sitio web anterior, por ejemplo) en el caso de que su sitio web esté actualmente gestionado con Site Creator Infomaniak.

Requisitos previos

• Conocer la dirección web (URL) de la página que ya no existe.
• 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:
    

Redirigir a los visitantes a la nueva página de Site Creator

En el menú lateral izquierdo de Site Creator:

1. Haga clic en Configuración.
2. Haga clic en SEO & Meta Tags en la sección Configuración del sitio.
3. Introduzca la dirección de la antigua página (sin el nombre de su sitio) en Redirección.
4. Introduzca la dirección de la nueva página (o / para redirigir al visitante a la raíz de su sitio, es decir, la página de inicio):
   
5. Guarde con el botón azul al final de la página.

Por ejemplo:

• Su sitio web anterior contenía una página de contacto en la dirección domainxyz.com/company/contact.html.
• Ahora tu página de contacto está en domainxyz.com/about.
• Debes ingresar company/contact.html en el campo de la izquierda
• y about en el campo de la derecha para que los visitantes que aún lleguen a la antigua dirección (debido a un referenciamiento desactualizado o a un clic en un favorito, por ejemplo) sean redirigidos automáticamente a la nueva página.

Un método alternativo consiste en añadir una nueva página Site Creator con el nombre de su antigua dirección de página, luego especificar una redirección hacia la URL de su elección, y hacerla invisible gracias al botón de alternancia (toggle switch) situado debajo del campo de redirección: