Base de conocimientos

Esta guía está destinada a los usuarios de Site Creator de Infomaniak que desean optimizar el posicionamiento de su sitio web.

Introducción

• Infomaniak es uno de los proveedores de alojamiento más eficientes del mercado francófono, lo que contribuye al buen posicionamiento de sus sitios web.
• Sin embargo, Infomaniak no intervendrá en el contenido o el desarrollo de los sitios web alojados (consulte esta otra guía sobre el posicionamiento).

Añadir Site Creator a Google

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:
    

Para enviar su sitio web al motor de búsqueda de Google:

1. Haga clic en el botón Aplicaciones en el menú lateral izquierdo.
2. Haga clic en la aplicación Añadir a Google:
   

Esta aplicación permite realizar 2 operaciones:

1. Abra la interfaz de Google Search Console para gestionar los análisis de su sitio web:
   
2. Puede insertar el código de verificación proporcionado por Google Search Console si elige el método sencillo (véase más abajo):
   

Verificación de la propiedad (solicitada por Google)

Cuando desee añadir su sitio a la herramienta de Google y haga clic en el botón del paso 1 anterior, se le ofrecerán dos opciones:

1. el método para supervisar un dominio completo, que requiere una verificación que deberá realizar a nivel de su nombre de dominio (en la interfaz de Infomaniak si su nombre de dominio/zona DNS está gestionado por Infomaniak),
2. el método más sencillo, que permite indicar la URL exacta de su sitio web y para el cual la verificación se realizará directamente desde Site Creator:
   

1. Método con verificación de la propiedad del nombre de dominio

1. Introduzca la URL completa de su Site Creator y haga clic en Continuar:
   
2. Compruebe que el tipo TXT esté seleccionado y haga clic en el botón COPIAR:
   
3. Haga clic aquí para acceder a la gestión de su nombre de dominio si este se gestiona en Infomaniak (en caso contrario, deberá realizar estas operaciones en el proveedor correspondiente).
4. Haga clic directamente en el nombre asignado al producto correspondiente.
5. Haga clic en Zona DNS en el menú lateral izquierdo.
6. Haga clic en el botón para agregar un registro:
   
7. Seleccione el tipo TXT en la lista.
8. Haga clic en el botón Siguiente:
   
9. Deje este campo vacío o introduzca el término que precede a su nombre de dominio si ha creado un sitio xxx.dominio.xyz (en este ejemplo, deberá introducir visit en el campo Origen, ya que Site Creator se ha creado en https://visit.ejemplo-dominio.ch).
10. Pegue la información obtenida en el punto 2 anterior.
11. Haga clic en el botón para Guardar:
    
12. Vuelva a la herramienta de Google y haga clic en Verificar (espere unos minutos si la verificación no se realiza):
    
13. ¡Listo! Se ha establecido el vínculo entre su Site Creator y la consola de análisis; haga clic en el botón para configurar la propiedad:
    

2. Método sencillo

1. Introduzca la URL completa de su Site Creator y haga clic en Continuar:
   
2. Haga clic en la flecha ‍ para expandir la sección ETIQUETA HTML, que le permitirá obtener la información que debe pegar en Site Creator para demostrar su pertenencia.
3. Haga clic en el botón COPIAR:
   
4. Pegue la información en el área designada para ello en Site Creator.
5. Guarde los cambios:
   
6. Vuelva a la herramienta de Google y haga clic en Verificar (espere unos minutos si la verificación no se realiza de inmediato):
   
7. ¡Listo! Se ha establecido el vínculo entre su Site Creator y la consola de análisis; haga clic en el botón para configurar la propiedad:
   

Definir las etiquetas Meta

Una vez que esté en Site Creator:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Configuración general.
3. Haga clic en SEO y metadatos.
4. Introduzca el título, la descripción y las palabras clave de todo el sitio:
   
   

Aquí también puede gestionar el archivo robots.txt si es necesario.

Para definir esto, pero para una página específica:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Configuración general.
3. Haga clic en Configuración de subpáginas.
4. Haga clic en SEO y metadatos.

Si no realiza ninguna modificación en esta página, Site Creator gestionará dinámicamente sus etiquetas.

También puede gestionar las URL de sus páginas independientemente del título SEO de su página (una página con el nombre "Contacto" en términos de SEO, mientras que su URL será, por ejemplo, "/empresa").

¿Qué "Meta Keywords"?

Para introducir varias palabras clave, sepárelas con una coma o un signo similar:

Sitemap.xml

No lo confunda con el módulo Plan del sitio, el archivo sitemap.xml enumera todas las páginas de su sitio para ayudar a los motores de búsqueda a descubrirlas e indexarlas de manera eficiente. Puede examinarlo para comprender la estructura del sitio; reemplace domain.xyz con su nombre de dominio para acceder a él (de forma pública) desde un navegador:

https://domain.xyz/sitemap.xml

Envíe su URL a Google Search Console (consulte el primer capítulo anterior de esta guía) y otras herramientas para webmasters para mejorar la indexación.

Insertar códigos de seguimiento

Su sitio web incluye un módulo de Estadísticas sencillo, pero puede utilizar Google Analytics u otros métodos de seguimiento (como Facebook Pixel, Google Tag...) que requieren la inserción de un código en su sitio:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Configuración general.
3. Haga clic en SEO y estadísticas.
4. Desplácese hacia abajo en la página e inserte sus códigos de seguimiento.

Esta guía detalla las posibles interacciones 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 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:
    

Para permitir que los visitantes hagan 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 en la parte inferior de la página:
   ‍

Añadir los iconos de sus perfiles

Añada iconos de sus redes sociales en el pie de página o en la cabecera de su sitio web:

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

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

Guarde los cambios en la parte inferior de la página.

Añadir un bloque de compartir en redes sociales

Entre los bloques que puede añadir a una página, hay un bloque que ofrece una fila de botones que permiten al visitante suscribirse fácilmente a sus diferentes redes sociales:

Un segundo tipo de bloque ofrece una fila de botones que permiten 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 icono del código QR en la parte superior:
   

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

Cambiar la imagen OG para compartir en redes sociales

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

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

Esta guía explica cómo cambiar el idioma de la interfaz de Site Creator de Infomaniak y cómo gestionar las traducciones de sus páginas.

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:
    

Cambiar el idioma de la interfaz

Para cambiar el idioma de Site Creator:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Configuración general.
3. Cambie el idioma de Site Creator:
   

Un menú desplegable permite cambiar el idioma de la interfaz del editor de Site Creator (esto también traducirá algunos elementos accesibles para el visitante, como el botón Buscar de la barra de búsqueda, etc.); las opciones son alemán, francés, español, italiano e inglés.

No olvide guardar sus cambios en la parte inferior de la página.

Ofrezca su sitio en varios idiomas

Traducciones automáticas e instantáneas de todas sus páginas

Para ofrecer la traducción de su sitio de forma automática:

1. Haga clic en el botón Aplicaciones en el menú lateral izquierdo.
2. Haga clic en el módulo Traducciones:
   

Puede añadir o eliminar los idiomas en los que se ofrecerá su sitio web al visitante:

Con el ratón, mueva los idiomas al orden deseado, lo que afectará al menú desplegable de selección de idioma (consulte la información a continuación).

Este menú se puede activar en la parte inferior de la página de configuración del módulo de traducción:

Por lo tanto, una vez que haya determinado y ordenado los idiomas en la parte superior (no olvide guardar sus cambios en la parte inferior de la página), active el menú para ofrecer al visitante la opción de elegir el idioma a través de un menú desplegable en la parte superior de la página:

Página traducida manualmente

Es posible ofrecer una página (única, por idioma) preparada manualmente con antelación, a la que se redirigirá al visitante cuando elija un idioma diferente al idioma principal a través del menú desplegable de selección de idiomas (consulte la información anterior).

Para ello, debe editar el idioma deseado haciendo clic en el icono lápiz ✎ y, a continuación, haciendo clic en el segundo botón de opción junto al campo que permite especificar la URL de su página traducida:

Por lo tanto, es posible redactar de antemano una página por idioma. Para finalizar, lo ideal es ocultar este tipo de página del menú principal:

Esta guía está destinada a los usuarios de la herramienta Site Creator de Infomaniak que desean ofrecer a los visitantes la posibilidad de realizar una búsqueda de texto en el contenido del sitio.

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 barra de búsqueda a Site Creator

Para permitir que los visitantes busquen contenido en su sitio diseñado con Site Creator, debe activar la barra de búsqueda:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Configuración general.‍
3. Active la opción de búsqueda.
4. Guarde los cambios en la parte inferior de la página.
5. Vea la nueva ubicación de la búsqueda en su página de inicio:
   ‍
   • Se agregará un icono de lupa en la cabecera de su sitio y la barra de búsqueda aparecerá al hacer clic en él:
     ‍

Esta guía explica cómo personalizar el código fuente, modificar el CSS, o modificar la sección 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 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:
    

Añadir código personalizado

Una vez dentro de 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. Introduzca código HTML, JavaScript (con sus etiquetas script) o CSS personalizado (con sus etiquetas style). Consulte más abajo para ver algunos ejemplos.
5. Guarde los cambios en la parte inferior de la página.

Metadatos en HEAD y BODY

Para añadir código JavaScript o cualquier otro código en la sección HEAD o BODY del código fuente de su sitio:

1. Haga clic en Ajustes en el menú lateral izquierdo.
2. Haga clic en SEO y metadatos en la sección Configuración del sitio web:
   
3. Desplácese hasta Código personalizado.
4. Elija agregar en las pestañas HEAD o BODY.
5. Guarde los cambios en la parte inferior de la página:
   

Ejemplos de personalización CSS

Estos ejemplos le permitirán comenzar con la personalización avanzada de las páginas del sitio web. Sin embargo, existe el riesgo de que, dependiendo de las modificaciones realizadas, no pueda acceder al editor, lo que le obligará a empezar de nuevo.

Personalizar el fondo de pantalla del sitio web

Para establecer la imagen que desee (que debe cargarse en la biblioteca de archivos) como fondo de la página y personalizar su visualización:

1. Vaya al punto 3 que se muestra en la primera imagen en la parte superior de esta guía.
2. Inserte el código <style> para indicar que desea modificar el código CSS,
3. luego body { para indicar que desea modificar el cuerpo de la página y el "{" para abrir el espacio donde puede 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 arriba o hacia abajo 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 que se pueden hacer clic (enlaces):

1. Vaya al punto 3 que se muestra en la primera imagen en la parte superior de esta guía.
2. Inserte el código (si aún no está presente) <style> para indicar que desea modificar el código CSS,
3. luego .container div a { para indicar que desea modificar los bloques de la página y, en particular, los enlaces ("a") y el "{" para abrir el espacio que permite insertar los comandos,
4. luego letter-spacing:1em; reduciendo 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 se refiere a las “Aplicaciones” (o “módulos”, “extensiones”) disponibles en Site Creator de Infomaniak según la versión que tenga, para crear un sitio web, un blog o una tienda en línea 100% personalizable, sin necesidad de conocimientos técnicos.

Diferentes aplicaciones

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

1. Vídeo
2. Reproductor de audio
3. Presentación de imágenes / diapositivas
4. Descarga de archivos
5. Ubicación en un mapa
6. Encuesta
7. Base de conocimientos
8. Preguntas y respuestas
9. Calendario
10. Calendly
11. Menú de subpáginas
12. Mapa del sitio
13. Añadir a Google
14. Código HTML personalizado
15. Formulario de contacto
16. Blog
17. Tienda
18. Lector de flujo 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 Manager 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 dentro de 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 mostrará a la derecha.
3. Haga clic en una de estas aplicaciones para insertarla en la página:
   
4. Una vez insertado, pase el cursor sobre el módulo (o el bloque en sí, según el módulo) para acceder a su configuración:
   

Módulo múltiple o módulo desaparecido

Si elimina uno de sus módulos (como el que se utiliza para crear una encuesta) que ya ha configurado y desea deshacer la acción, pulse inmediatamente en Deshacer:

o

También puede volver a insertar el módulo, que debería aparecer con la configuración anterior.

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:
‍

Ejemplo: insertar un contador

Para agregar un contador que permita mostrar una cuenta regresiva:

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:
   
4. Una vez insertado, pase el cursor sobre el módulo para acceder a su configuración:
   

Esta guía explica cómo añadir y personalizar un botón en su página de Site Creator de Infomaniak, incluyendo 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 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:
    

Añadir un enlace en forma de botón

Para añadir un botón (que dirige a la URL que elija al hacer clic):

1. Escriba el texto del botón.
2. Seleccione el texto.
3. Pulse en los puntos ••• a la derecha de la barra de herramientas para acceder a las opciones adicionales.
4. A continuación, haga clic en el icono del enlace para abrir la sección donde podrá especificar el tipo de enlace y las opciones asociadas:
   
5. Configure la página de destino y la apariencia del botón.
6. Guarde los cambios en la parte inferior de la pestaña:
   
7. Visualice el botón en su página.
8. Haga clic en el botón para volver al editor si es necesario:
   

Añadir un botón "Volver al principio"

Para añadir y personalizar un botón que lleve al visitante de nuevo a la parte superior de su página de 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 ajustes.
3. Active la opción para mostrar el botón de retorno al principio.
4. Ajuste el espaciado desde el borde derecho.
5. Guarde los cambios en la parte inferior de la página:
   

Actualice la página para ver el cambio:

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

Esta guía le ayudará a personalizar 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 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:
    

Cambiar los colores del sitio

Para gestionar los temas, colores y fuentes en Site Creator:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Colores del sitio:
   

Puede elegir entre las paletas de colores disponibles o crear su propio conjunto de colores personalizado.

A continuación, hay parámetros más específicos, donde puede especificar a qué elementos se debe aplicar un color:

Gestionar el fondo (imagen / color) de los bloques

En la página de edición de su sitio, pase el cursor sobre un bloque y haga clic en el icono de engranaje para acceder a la configuración:

Cargar una plantilla de sitio web

Puede modificar el diseño completo de su sitio web cambiando el tema y decidiendo qué elementos se sobrescribirán o no en el sitio actual al realizar el cambio:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Selección de tema:
   

Aquí puede elegir entre las plantillas de sitios web disponibles:

Cuando haya encontrado su nueva plantilla, haga clic en Instalar y luego podrá elegir qué partes de la nueva plantilla desea importar (por defecto, solo los colores, las fuentes o el estilo del menú) para evitar que se sobrescriba el contenido de su sitio web.

Si su sitio web es nuevo, puede elegir más opciones al importar.

Cambiar las fuentes del sitio web

Para ello:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Fuentes:
   

Puede cambiar fácilmente las fuentes principales del sitio web; la primera fuente se utiliza para los encabezados y la segunda fuente para el contenido.

A continuación, hay parámetros más específicos, donde puede especificar a qué elementos se debe aplicar una fuente.

No es posible importar ni añadir una fuente personalizada, pero puede cambiar el proveedor (la lista de fuentes será la misma) por motivos de privacidad, por ejemplo:

1. Haga clic en Configuración en el menú lateral izquierdo.
2. Haga clic en Configuración general
3. Elija el proveedor de las fuentes:
   

Solución de problemas de texto ausente o invisible

Si cree que su bloque de texto ha desaparecido o es invisible

, seleccione todo el contenido del sitio web (ctrl + a o cmd + a en Mac); si ve que su contenido está ahí, probablemente significa que la configuración del bloque está ajustada para un fondo oscuro:

En este caso, vaya a la configuración del bloque y asegúrese de que la opción "Fondo oscuro" no esté marcada. Esto debería solucionar el problema:

Esta guía explica cómo gestionar la parte del logotipo, el encabezado y el pie de página 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 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:
    

Añadir un logotipo al sitio web

Una vez dentro de Site Creator:

1. Haga clic en el botón Configuración en la barra lateral izquierda.
2. Haga clic en Logotipo/título.‍‍
3. Cargue una imagen y elija si el nombre del sitio también debe mostrarse a un lado.
4. Guarde los cambios:
   

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ú.
3. Haga clic en Título/logotipo.
4. Luego, ajuste los espacios y los colores.
5. Guarde los cambios:
   

Mostrar el logotipo en el centro

En el mismo lugar que se indica arriba (también puede acceder a él pasando el cursor sobre la cabecera y su logotipo), active la opción para mostrar el logotipo en una línea separada, lo que centrará el logotipo del sitio:

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

Para crear una página sin logotipo que no tenga ni cabecera (por lo tanto, ningún menú visible) ni pie de página, debe definirla como Página de inicio (es decir, "página de destino"; tenga 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 cursor sobre una página en el árbol existente y haga clic en el icono de engranaje que aparece al pasar el cursor.
4. ‍Active la opción en la parte inferior "Página de inicio" para ocultar las cabeceras y los pies de página:
   

Esta guía explica cómo modificar algunos 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 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:
    

Cambiar el nombre del sitio web

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

Datos de contacto de la empresa

Haga clic en el botón Configuración en la barra lateral izquierda y, a continuación, en Datos de contacto, en Configuración del sitio web:
‍

Esta guía trata sobre cómo configurar el icono que se muestra en la barra de favoritos de un navegador web, el favicon, en Site Creator de Infomaniak.

Introducción

• 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 de Site Creator

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:
    

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 y haga clic para elegir una imagen:
   
4. Importe o seleccione el favicon desde su disco duro:
   
5. Guarde los cambios en la parte inferior de la página:
   
6. Previsualice el resultado en su navegador (si es necesario, en una nueva ventana en modo de navegación privada):
   

Esta guía explica cómo añadir y configurar un formulario de contacto en su sitio web creado con Site Creator de Infomaniak.

Crear un formulario de contacto personalizado

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:
    

Puede crear uno o varios formularios para que sus visitantes puedan escribir un mensaje, registrarse en una actividad, en resumen, completar todo tipo de formularios en línea con o sin archivos adjuntos:

1. Haga clic en el botón Contenido en el menú lateral izquierdo.
2. Haga clic en Aplicaciones en la parte inferior de la lista.
3. Haga clic en Creador de formularios:
   
4. Cree su formulario utilizando los elementos de la izquierda.
5. Guarde en la parte inferior de la página:
   

Una vez que haya creado el primer formulario, puede insertarlo haciendo clic en ‍ en la ubicación que desee y seleccionándolo:

El formulario creado se insertará en su página:

Configuración del formulario de contacto

Puede personalizar el mensaje de agradecimiento, la página de redirección opcional después del envío, la dirección de correo electrónico utilizada, agregar un captcha (recomendado), etc.

Para ello, pase el cursor sobre el módulo para acceder a su configuración:

Si es necesario, haga clic en el formulario que desea editar y, a continuación, en Propiedades del formulario:

También puede eliminar el formulario creado para que ya no se ofrezca:

Esta guía explica cómo crear galerías con sus fotos en Site Creator de Infomaniak.

Crear una galería de fotos

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:
    

Una vez dentro de Site Creator:

1. Haga clic en el botón Configuración en el menú lateral izquierdo; aparecerá la lista de sus páginas.
2. Haga clic en el botón Añadir una página debajo del árbol existente:
   
3. Active Mostrar más opciones para elegir el tipo de página GALERÍA DE FOTOS:
   
4. Valide; la nueva página con el módulo de galería de fotos se mostrará en la pantalla:
   

Configurar la galería de fotos

Para ello:

1. Pase el cursor sobre el módulo para acceder a la configuración de la galería.
2. Haga clic en Editar:
   

Álbumes de fotos

Puede crear galerías de fotos adicionales para sus diferentes álbumes:

 

Modificar el orden de las fotos

Una vez que se crea su galería, cada nueva foto que cargue desde su ordenador se añade al final de la lista de fotos; puede modificar fácilmente este orden arrastrando las fotos con el ratón al editar una galería:

 

Además, puede añadir una descripción a cualquiera de sus fotos; debajo de cada imagen, notará el campo "Descripción de la imagen", comience a escribir su descripción allí y pulse el botón verde para guardar los cambios:

Añadir un widget de desplazamiento de imágenes

Para configurar uno o varios widgets de "Slider" dinámico, en los que una o varias fotos se desplazarán lateralmente (sin ninguna relación con las galerías de fotos descritas anteriormente):

1. Haga clic en el botón Aplicaciones en el menú lateral izquierdo.
2. Haga clic en Slider:
   
3. Configure el widget según sus preferencias.
4. Inserte el widget configurado en la ubicación deseada haciendo clic en Contenido y luego en Aplicaciones, y elija Slider:
   
5. Seleccione el Slider creado para insertarlo en la página:
   

Esta guía explica cómo añadir y configurar un módulo de blog en su sitio web creado con Site Creator de Infomaniak.

Introducción

• No existe una función que permita la gestión de múltiples usuarios en la sección Blog (ni en Site Creator).
• Varios usuarios de la misma Organización que tengan acceso a Site Creator (a través de su autorización de acceso al alojamiento web) podrán publicar en el blog, pero la identidad del autor seguirá siendo la misma para todos.
• Es posible recibir ayuda de la inteligencia artificial Euria, como ocurre en otras páginas de Site Creator.
  • Consulte esta otra guía sobre el modelo utilizado por el asistente de redacción y las responsabilidades de cada uno.

Cómo crear un blog en Site Creator

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:
    

Una vez que esté en Site Creator, en la página donde desea insertar sus futuros artículos del blog:

1. Haga clic en el botón + que se encuentra debajo de un bloque ya insertado:
   
2. Haga clic en Aplicaciones (en la pestaña Contenido que se abrió al hacer clic para agregar el bloque visual).
3. Haga clic en el módulo Blog:
   
   • Si es la primera vez que inserta este módulo, verá el siguiente bloque visual con un ejemplo del primer artículo publicado (pase al punto 4 a continuación):
     
   • Si ya ha probado el módulo Blog anteriormente y lo ha eliminado de sus páginas, verá lo siguiente:
     
     1. Pulse la opción superior para insertar el bloque principal.
     2. Pulse la segunda opción para mostrar un bloque con los 3 últimos artículos publicadossolo si ya ha insertado un bloque principal en otro lugar del sitio.
4. Una vez que se haya insertado el módulo Blog, pase el cursor sobre el bloque y haga clic en el botón de menú con tres líneas horizontales ☰ Blog y, a continuación, en ‍ Nuevo artículo para insertar un artículo en blanco:
   

Publicar contenido aprovechando la inteligencia artificial

Para redactar contenido y, si es necesario, mejorar sus textos:

1. Elija una imagen para el banner, introduzca un título, un subtítulo opcional y el cuerpo del artículo con diferentes formatos:
   
2. Pulse el signo + junto al texto del artículo o la tecla de tabulación de su teclado:
   
3. Seleccione el contenido y haga clic en él para que aparezca una barra de herramientas de formato de texto.
4. Desde esta barra de herramientas, acceda a las posibilidades que ofrece la IA (traducción, reformulación, corrección, etc.):
   
5. Publique haciendo clic en el botón Publicar (o guarde el borrador para más tarde).

Editar el blog

Para activar los comentarios, las notificaciones por correo electrónico, la disposición en forma de lista y la ordenación de los mismos, etc.:

1. Haga clic en Aplicaciones en el menú lateral izquierdo.
2. Haga clic en Blog.
3. Haga clic en Configuración y ajuste sus preferencias, sin olvidar guardar los cambios en la parte inferior de la página:
   

Editar las entradas del blog

No importa dónde se encuentre mientras edita su sitio, simplemente vaya al menú Aplicaciones en la esquina inferior izquierda y haga clic en Blog:

Para editar el contenido de su artículo, haga clic en Explorar artículos en el menú lateral izquierdo, pase el cursor sobre el icono de lápiz ✎ y haga clic:

Para configurar (ver más abajo) uno de los elementos, pase el cursor sobre él y haga clic en el icono de engranaje:

Etiquetar, archivar o marcar como obsoleto un elemento

Un artículo del blog puede desaparecer de su lista de artículos, ya sea asignándole una fecha de caducidad o archivándolo inmediatamente. También es posible añadir una etiqueta que será accesible mediante un enlace para el visitante y facilitará así la navegación entre las publicaciones:

No olvide guardar los cambios en la parte inferior de la página.

Fecha de los artículos

Por defecto, los nuevos artículos del blog se añadirán con la fecha de «hoy», pero es posible modificarla:

1. Pase el cursor sobre el enlace de la fecha y haga clic (directamente en el artículo):
   
2. Elija una nueva fecha.

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

Prólogo

• De forma predeterminada, cuando su sitio web es nuevo, no se deben almacenar cookies en los dispositivos de sus visitantes, y no hay ninguna función de seguimiento para publicidad o marketing.
• Como administrador del sitio web, algunos datos se almacenan en sus propias cookies (como la información que indica que usted es un administrador del sitio web).
• Si agrega aplicaciones/módulos integrados en su sitio web, se pueden utilizar cookies; por ejemplo, con el Formulario de encuesta: si agrega un módulo de encuesta a su sitio web, este 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 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:
    

Puede 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 su sitio:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Datos de contacto, en la sección Configuración del sitio web.
3. Active la opción de información sobre las cookies para configurar el mensaje breve y la URL para la información adicional.
4. Defina el tipo de visualización, ya sea expandida o no (consulte más abajo).
5. Guarde los cambios en la parte inferior de la página:
   ‍

Configuración adicional

El mensaje de consentimiento se puede configurar de forma predeterminada o de forma expandida, al hacer clic en Visualización. El resultado es el siguiente:

• predeterminada:
  
• expandida:
  

Esta guía explica cómo evitar publicar directamente los cambios en una página de Site Creator de Infomaniak.

Introducción

• El modo borrador permite no publicar los siguientes cambios:
  • adición de un nuevo bloque de contenido a través del menú Contenido
  • modificaciones visuales o de texto 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 contenidos relacionados con las aplicaciones (preguntas/respuestas, comercio electrónico, etc.)
  • modificaciones de la configuración global, a través del menú Configuración (páginas, idiomas, etc.)
  • subpáginas de la página que está despublicando

1. Guardar sin publicar

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:
    

Puede poner una página en modo borrador para realizar cambios de texto u otros cambios en el contenido de una página que no serán visibles de inmediato, 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 expandir 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 que se muestra en la parte inferior indica que todos sus cambios (solo en esta página) no se verán en tiempo real (a diferencia del modo En Directo / Live) porque no se publicarán automáticamente:
   
   • Los cambios se guardarán en un borrador, incluso si sale de la página o del editor…
   • En modo borrador, puede trabajar en la página, agregar texto, guardarlo, salir, volver para continuar editando, y este trabajo no se publicará hasta que lo decida explícitamente (lea más abajo):
     
   • Según los cambios realizados (por ejemplo, agregar un bloque de contenido), recuerde editar el texto para validar sus cambios y guardarlos.
   • Para verificar y confirmar que sus cambios actuales no se publican a medida que los realiza, simplemente vaya a la dirección de su sitio web desde otra página del navegador, por ejemplo, en modo incógnito.

2. Publicar los cambios o eliminar el borrador

Puede salir del modo Borrador para volver a las publicaciones instantáneas:

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 cambios,
   2. o eliminar el borrador actual 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), un cambio es visible directamente 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 que se han puesto en este modo), sus cambios no son visibles en directo.
3. Abandone la página para trabajar en otra página; el modo vuelve al modo predeterminado, es decir, el modo En directo, ya que la página no es la misma y el modo solo se aplica a las páginas seleccionadas.
4. Vuelva a la página que se puso en borrador; un símbolo en la parte inferior de la página indica que el modo borrador sigue activado.
5. Haga clic en él para elegir publicar o eliminar los cambios y devolver la página a como estaba antes de sus cambios en el modo borrador.

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 al boletín informativo 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:
    

Añadir una imagen

Los medios se gestionan en la biblioteca de archivos:

• Añada un nuevo bloque de contenido:
  
• Los medios pueden sustituirse o complementarse:
  

Pero también:

1. Haga clic en el botón Contenido en el menú lateral izquierdo.
2. Haga clic en Objetos en la lista para insertar una imagen individual.
3. Haga clic en el bloque IMAGEN de la derecha:
   
4. Una vez que haya agregado la imagen, también puede convertirla en un enlace en el que se pueda hacer clic o modificar su tamaño en el editor de imágenes:
   

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

Cambiar una imagen

Para reemplazar una imagen insertada, que conservará las características de la anterior:

1. Haga clic en una imagen para editarla.
2. Haga clic en el botón con el icono de Marco de fotos 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 de la derecha para insertar un video a 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 sonido:

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 y elegir los archivos:
   

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

Añadir un archivo para descargar

Para ofrecer fácilmente un archivo para su descarga:

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.

Este tutorial presenta la creación de menús de navegación para su sitio web creado con Site Creator de Infomaniak, así como su composición, estilos y parámetros.

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: 
    

Los diferentes menús de navegación

Las diferentes páginas que componen su sitio pueden ser accesibles dentro de uno o varios menús de navegación:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Por defecto, aparece la lista de sus páginas, clasificadas en 2 categorías principales: MENÚ PRINCIPAL y LEGAL: 
   

Pero puede agregar varios.

Estos menús, con las páginas que contienen, se utilizan posteriormente en diferentes lugares de su sitio, según el tema elegido:

• A menudo, encontrará el menú principal ubicado en la parte superior de la página: 
  
• y los demás menús se propondrán automáticamente en el pie de página:
  

Gestionar los menús

Añadir un nuevo menú

Para ello:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Pase el cursor sobre un título de menú en el árbol existente.
3. Haga clic en el icono "+" que aparece al pasar el cursor: 
   

Podrá gestionar la presencia del menú en el mapa del sitio o eliminarlo (junto con todas sus páginas):

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Pase el cursor sobre un título de menú en el árbol existente y haga clic en el icono de la rueda dentada que aparece al pasar el cursor: 
   
3. Elija la configuración deseada y valídela en la parte inferior de la página: 
   

Consulte esta otra guía para no mostrar ningún menú.

Crear un subelemento en un menú

Para ello:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
   • Aparece la lista de sus páginas.
2. Con el ratón, desplace una página ligeramente hacia la derecha, debajo de otra página: 
   
   • Se convertirá en una subpágina y su menú en el sitio web podrá mostrar la estructura de árbol creada: 
     
   • Consulte también el siguiente consejo…

Título del menú no enlazable

Si es necesario, elija que el primer elemento de un menú con elementos de submenú no sea enlazable (como se configuró anteriormente):

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en Configuración general para modificar esta opción en Opciones del submenú: 
   

Elemento de menú que contiene un enlace a otro sitio web

Para ello:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
   • Aparecerá la lista de sus páginas.
2. Haga clic en el botón Añadir página debajo del árbol existente: 
   
3. Introduzca un nombre de página y haga clic en Mostrar más opciones.
4. Elija la redirección de URL para especificar el destino al hacer clic:
   

Menú superior adicional

Para mostrar una "barra de menú" en la parte superior de su página:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Más ajustes.
3. Active la Barra de menú del encabezado:
   
4. Una vez activada, puede personalizarla a través del enlace Ajustes en el mismo lugar:
   

Estilos de menú

Para gestionar los diferentes estilos de menú:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Editor de menú:
   
3. Luego, en Configuración:
   
4. Podrá decidir, entre otras cosas, la ubicación de sus menús (en la izquierda de la página o en la parte superior, fijo o móvil, tipo "menú hamburguesa ☰" a la derecha o normal, etc.):
   

Cambiar el color del menú "hamburguesa" (☰)

Si este botón de menú con tres líneas horizontales ☰ aparece, por ejemplo, blanco sobre blanco en un dispositivo móvil:

1. Haga clic en el botón Diseño en el menú lateral izquierdo.
2. Haga clic en Editor de menú.
3. Haga clic en Título del menú / logotipo.
4. Ajuste el color del texto:
   

Adoptar un nuevo tema de menú

Cambie completamente de estilo predefinido gracias a los temas que se encuentran en la parte superior del submenú:

• Haga clic en Plantillas de menú (siempre en Diseño, luego en Editor de menú):
  

Menú fijo

La mayoría de los menús propuestos se moverán con el contenido de la página.

• El menú desaparece al desplazarse hacia abajo en la página:
  
  
   
• Puede definir un menú que siempre debe estar fijo en el borde superior (con diferentes opciones visuales):
  
  

Para activar o desactivar el menú fijo:

1. Haga clic en Diseño.
2. Haga clic en Editor de menú.
3. Haga clic en Configuración principal.
4. Elija En la cabecera en el cuadro Tipo de menú.
5. El botón de alternancia (toggle switch) Fijo en la parte superior aparece más abajo y puede activarlo.
6. Haga clic en Guardar:
   

Algunas plantillas de menú (como la #3 y la #16) aplican directamente la configuración óptima para un menú fijo.

Insertar sus menús en el cuerpo de la página

Un módulo Menú de subpáginas permite insertar sus menús y submenús en cualquier lugar de su página:

• Añada el elemento desde las Aplicaciones:
  

El módulo mapa del sitio muestra todos los menús y todas sus páginas en un solo bloque.

Definir la URL de la página

Por defecto, si el nombre de su página es Contacto, la URL para acceder a ella será www.dominio.xyz/contacto.

Si posteriormente cambia el nombre de la página a Hola, la URL será www.dominio.xyz/hola.

Para definir la URL personalizada de la página en la que se encuentra:

1. Haga clic en el botón Configuración en el menú lateral izquierdo.
2. Haga clic en SEO y metadatos (en Configuración de esta subpágina).
3. El primer campo en la parte superior permite definir la dirección de la página. Cualquier espacio se transformará en un guion, y se deben evitar los caracteres especiales, acentos, símbolos, etc.:
   

Si se registran cambios de URL durante la creación del sitio y un menú ya contiene un enlace a la página en cuestión, este se adaptará de forma dinámica.

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

Introducción

• No es posible realizar copias de seguridad ni restauraciones desde el Manager de Infomaniak.
• Por ejemplo, si 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 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:
    

Una vez dentro de Site Creator:

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