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

Especificar las URL de sus diferentes perfiles sociales

Para permitir que los visitantes hagan clic en los enlaces a sus redes sociales:

1. inicie sesión en el Infomaniak Manager (manager.infomaniak.com) desde un navegador web como Brave o Edge
2. haga clic en el icono en la parte superior derecha de la interfaz (o navegue a través del menú lateral izquierdo)
3. elija Hosting (universo Web & Domain)
4. haga clic en el nombre del objeto relevante en la tabla mostrada
5. haga clic en Site Creator en el menú lateral izquierdo
6. haga clic en Personalizar mi sitio

Una vez en Site Creator:

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 diversos perfiles sociales (TikTok, Instagram, etc.), incluido 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

Agregar íconos para sus perfiles

Agregue íconos para sus redes sociales en el pie de página o 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

En la parte inferior, puede especificar dónde desea mostrar los íconos correspondientes a los perfiles que completó anteriormente.

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

Agregar un bloque de intercambio social

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

Otro tipo de bloque ofrece una línea 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

Puede descargar el código QR correspondiente a la dirección de su página de inicio. De esta manera, un usuario que escanee su código QR puede 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: imagen OpenGraph) con él:

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 hasta la imagen Open Graph y elija la imagen

Esta guía trata sobre la función de deshacer en Site Creator de Infomaniak.

Deshacer una operación

Si, por ejemplo, elimina un bloque de contenido y desea restaurarlo, puede deshacer operaciones en Site Creator:

1. Inicie sesión en el Administrador de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Edge.
2. Haga clic en el icono en la esquina superior derecha de la interfaz (o navegue a través del menú lateral izquierdo, por ejemplo).
3. Seleccione Hosting (universo Web & Domain).
4. Haga clic en el nombre del objeto relevante en la tabla que se muestra.
5. Haga clic en Site Creator en el menú lateral izquierdo.
6. Haga clic en Personalizar mi sitio.

Una vez en Site Creator:

1. Haga clic en el botón   …   ubicado 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 junto a él le permiten "navegar" entre las últimas copias de seguridad):
   
   

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

Modo Borrador

El modo borrador permite no publicar los siguientes cambios:

• Agregar un nuevo bloque de contenido a través del menú Contenido
• Modificar visual o textualmente un bloque de contenido
• Eliminar un bloque de contenido

El modo borrador no se aplica a:

• Cambios de diseño globales a través del menú Diseño (colores, fuentes...)
• Modificaciones de contenido relacionadas con aplicaciones (preguntas/respuestas, comercio electrónico...)
• Modificaciones de ajustes globales a través del menú Ajustes (Páginas, idiomas...)
• Subpáginas de la página que no esté publicando

Guardar sin publicar

Puede cambiar 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. Inicie sesión en el Manager de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Edge
2. Haga clic en el icono en la esquina superior derecha de la interfaz (o navegue a través del menú lateral izquierdo, por ejemplo)
3. Elija Hosting (universo Web & Dominio)
4. Haga clic en el nombre del objeto relevante en la tabla que aparece
5. Haga clic en Site Creator en el menú lateral izquierdo
6. Haga clic en Personalizar mi sitio

Una vez en Site Creator:

1. Haga clic en el botón   ...     en la parte inferior del menú lateral izquierdo para expandir las opciones de publicación y vista previa
2. Haga clic en En Directo para cambiar al modo No Publicado
3. Ahora, el modo amarillo que se muestra abajo indica que todos sus cambios (solo en esta página) no serán visibles en directo (a diferencia del modo En Directo) pero se guardarán como borrador incluso si sale de la página o del editor:
   

Publicar cambios 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. Se abrirá el panel de configuración para que pueda publicar sus cambios
3. O elimine el borrador actual y vuelva al estado original de la página

Ejemplo

1. Con el modo En Directo (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 pasan a este modo) sus cambios no son visibles en directo
3. Salir de la página para trabajar en otra página, cambia el modo 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. Volver a la página que está en modo de borrador, un símbolo en la parte inferior de la página todavía indica que el modo de borrador está activado
5. Haga clic en él para elegir publicar o eliminar los cambios y devolver la página al estado anterior a sus cambios en modo de borrador

Esta guía trata sobre la configuración del icono que se muestra en la barra de favoritos del navegador, el favicon, en Site Creator de Infomaniak.

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

Configurar el Favicon de Site Creator

Para configurar un nuevo favicon:

1. Inicia sesión en el Manager de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Firefox
2. Haz clic en el icono en la parte superior derecha de la interfaz (o navega a través del menú lateral izquierdo, por ejemplo)
3. Selecciona Hosting (universo Web & Domain)
4. Haz clic en el nombre del objeto en la tabla que se muestra
5. Haz clic en Site Creator en el menú lateral izquierdo
6. Haz clic en Personalizar mi sitio

Una vez en Site Creator:

1. Haz clic en el botón Configuración en el menú lateral izquierdo
2. Haz clic en Configuración general
3. Desplázate hacia abajo hasta la sección de Favicon:
   
4. Selecciona el favicon desde tu disco duro
5. Guarda los cambios en la parte inferior de la página
6. Previsualiza el resultado en tu navegador (si es necesario, en una nueva ventana de navegación privada, por ejemplo):
   

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

Preámbulo

• el asistente de redacción le ayuda a componer un texto desde cero o a partir de elementos existentes mediante inteligencia artificial
• no es un agente conversacional o chatbot; no necesariamente responderá a preguntas genéricas ni dialogará con usted
• es un asistente que le ayudará a escribir un texto sobre el tema que elija, incluso si debe basarse en elementos existentes
• ú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
  • etc.
• lea y comprenda esta FAQ sobre el modelo utilizado y las responsabilidades de cada uno

¿Cómo usar el asistente?

Para acceder a Site Creator:

1. inicie sesión en el Administrador de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Edge
2. haga clic en el ícono ‍ en la parte superior derecha de la interfaz (o navegue usando el menú lateral izquierdo, por ejemplo)
3. elija Alojamiento (en la sección Web & Dominio)
4. haga clic en el nombre del objeto relevante en la tabla que se muestra
5. haga clic en Site Creator en el menú lateral izquierdo
6. haga clic en Personalizar mi sitio

Luego, para comenzar el asistente de redacción:

1. haga clic en un bloque de contenido
2. haga clic en el ícono de varita mágica en la barra de edición para abrir el asistente:
   
3. para volver a la opción principal una vez que se haya seleccionado un tipo de adición, haga clic en el ícono 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 que se le da a su texto (serio / amistoso) y agregar o acortar las frases propuestas, por ejemplo:

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

Agregar un enlace como botón

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

1. Inicie sesión en Manager Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Firefox.
2. Haga clic en el icono ‍ en la esquina superior derecha de la interfaz (o navegue a través del menú lateral izquierdo, por ejemplo).
3. Seleccione Hosting (área de Web & Domain).
4. Haga clic directamente en el nombre del objeto relevante en la tabla que se muestra.
5. En el menú lateral izquierdo, haga clic en Site Creator.
6. Haga clic en Personalizar mi sitio.

Una vez en Site Creator:

1. Escriba el texto del botón.
2. Seleccione el texto.
3. Luego haga clic en el icono de la cadena para abrir la sección donde puede 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 ver 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 lleva al visitante de vuelta hacia arriba en su página de Site Creator mientras se desplaza:

1. Inicie sesión en Manager Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Firefox.
2. Haga clic en el icono ‍ en la esquina superior derecha de la interfaz (o navegue a través del menú lateral izquierdo, por ejemplo).
3. Seleccione Hosting (área de Web & Domain).
4. Haga clic directamente en el nombre del objeto relevante en la tabla que se muestra.
5. En el menú lateral izquierdo, haga clic en Site Creator.
6. Haga clic en Personalizar mi sitio.

Una vez en Site Creator:

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 volver arriba.
4. Guarde los cambios en la parte inferior de la página:
   

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

También puede usar una solución alternativa (haga clic aquí).
 

Esta guía permite redirigir a los visitantes que llegan a páginas inexistentes (antes páginas de un antiguo sitio web p.ex) en caso de que su sitio está siendo administrado actualmente con Sitio Creator Infomaniak.

Requisitos previos

• Conocer la dirección (URL) de la página que no existe.
• Acceda a Site Creator:
  • Haga clic aquí para acceder a la gestión de su producto en el Manager Infomaniak (¿Necesitas ayuda?).
  • Haga clic directamente sobre el nombreasignado al producto afectado.
  • Haga clic en Personalizar mi sitio:
    

Reenviar visitantes a la nueva página Web Creator

En el menú lateral izquierdo de Site Creator:

1. Haga clic en Ajustes.
2. Haga clic en SEO & Meta Tags en la parte Configuración del sitio.
3. Introduzca la dirección de la página anterior (sin el nombre de su sitio) bajo 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 su página de contacto se encuentra en domainxyz.com/about.
• Así que tienes que entrar. company/contact.html en el campo izquierdo
• y about en el campo de la derecha para que los visitantes que aún llegan a la antigua dirección (a causa de una referencia no actualizada o de un clic en un favorito p.ex) se transfieran automáticamente a la nueva página.

Un método alternativa consiste en añadir una nueva página Sitio Creator a nombre de su antigua dirección de página, a continuación, especificar una redirección a la URL de su elección, y hacerlo invisible gracias al botón de cambio (toggle switch) situado debajo del campo de redirección:

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

Requisitos previos

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

Copiar el código necesario para la integración del formulario

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

1. Haz clic aquí para acceder a la gestión de tu producto en el Manager de Infomaniak (¿necesitas ayuda?).
2. Haz clic directamente en el nombre de dominio asignado al producto correspondiente.
3. Haz clic en Formularios en el menú lateral izquierdo.
4. Haz clic en el menú de acción ⋮ a la derecha del objeto correspondiente en la tabla que se muestra.
5. Haz clic en Código de integración:
   
6. Elige entre las pestañas JAVASCRIPT y HTML para obtener uno de los dos tipos de códigos útiles 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 distintos grupos de contactos, por ejemplo). Obviamente, una Newsletter se envía solo una vez por contacto, incluso si este está en varias listas/grupos:

… en WordPress

1. Inserta un nuevo bloque en el lugar deseado.
2. Elige un bloque de tipo HTML:
   
3. Pega el código HTML obtenido en el punto 6 anterior (cambia de la pestaña Javascript a la pestaña HTML para mostrar el código correspondiente a tu formulario).
4. Haz clic en Actualizar.
5. El formulario configurado anteriormente se muestra en tu sitio.

… en Site Creator de Infomaniak

1. Pasa el cursor sobre el lugar deseado en la página para hacer aparecer un botón MÁS que permita agregar un bloque:
   
2. Haz clic en el botón MÁS para elegir un bloque de código HTML personalizado:
   
3. Pega el código HTML obtenido en el punto 6 anterior (cambia de la pestaña Javascript a la pestaña HTML para mostrar el código correspondiente a tu formulario):
   
4. Haz clic en el botón azul para Continuar y previsualizar tu formulario en tu página:
   
5. El formulario configurado anteriormente se muestra en tu sitio:
   
    

… en una oferta Starter - página web básica

1. Abre Web FTP en el alojamiento Starter:
   
2. Edita la página de inicio index.html y pega el código HTML obtenido en el punto 6 anterior (cambia de la pestaña Javascript a la pestaña HTML para mostrar el código correspondiente a tu formulario), antes de guardar:
   
3. El formulario configurado anteriormente se muestra en tu sitio:
   

Esta guía está dirigida a usuarios de la herramienta Site Creator que desean permitir a los visitantes realizar búsquedas de texto en el contenido del sitio.

Agregar una barra de búsqueda a Site Creator

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

1. Inicie sesión en el Administrador de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Edge
2. Haga clic en el icono en la esquina superior derecha de la interfaz (o navegue usando el menú lateral izquierdo, por ejemplo)
3. Seleccione Hosting (universo Web & Dominio)
4. Haga clic en el nombre del elemento relevante en la tabla mostrada
5. Haga clic en Site Creator en el menú lateral izquierdo
6. Haga clic en Personalizar mi sitio

Una vez 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. 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 búsqueda en su página de inicio
   
   

Se agregará un icono de lupa al encabezado de su sitio y aparecerá la barra de búsqueda al hacer clic:

Esta guía trata sobre Site Creator y la posibilidad de crear enlaces ancla.

¿Qué es un ancla?

En diseño web, un ancla 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 otra página. Cuando un usuario hace clic en un enlace de anclaje, se dirige al lugar especificado (generalmente una marca invisible en el código fuente) de la página.

Los anclajes son útiles para permitir a los usuarios navegar rápidamente hacia secciones específicas de una página web o incluso de otra página. Mejoran la experiencia del usuario proporcionando un medio eficiente para encontrar y acceder a información precisa.

Ejemplo: Un ancla está (invisible) al final de esta FAQ. Se llama "fin", por lo tanto, el siguiente enlace simplemente contiene el destino #fin y sin más indicaciones, un navegador web buscará este término en el código de la página actual y dirigirá al usuario hacia él: haz clic aquí para llegar allí!

¿Cómo crear este tipo de enlace?

Normalmente, para crear un ancla en HTML, sigue estos pasos:

1. Identifica el lugar en tu página donde deseas crear un ancla (sección de texto, imagen u otro elemento).
2. Utiliza la etiqueta <a> con el atributo href para especificar el destino del ancla
   1. Si el destino está en la misma página, simplemente usa el ID del elemento (ver punto 3 abajo)
      <a href="#seccion1">Ir a la sección 1</a>
   2. Si el destino está en otra página, especifica la URL completa de la página, seguida del ID del elemento de destino (ver punto 3 abajo)
      <a href="pagina2.html#seccion1">Ir a la sección 1 de la página 2</a>
3. En la sección de tu página donde deseas que los usuarios sean dirigidos, agrega un elemento con el ID correspondiente
   <div id="seccion1"> <!-- Contenido de la sección 1 --></div>
    

Cuando los usuarios hacen clic en el enlace "Ir a la sección 1", la página se desplazará automáticamente hasta la sección con el ID "seccion1". Si el destino está en otra página, serán dirigidos a esa página y el ancla funcionará de la misma manera.

¿Cómo se hace con Site Creator?

Con Site Creator, el punto 3 arriba no es "libre": cada bloque ya tiene su propio ID (o hashtag) que deberás especificar (o modificar previamente - ver punto 3 abajo) para enlazar con él.

Encontrar la referencia del bloque de destino

Para acceder a Site Creator:

1. Inicia sesión en Manager Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Firefox.
2. Haz clic en el icono ‍ en la esquina superior derecha de la interfaz (o navega a través del menú lateral izquierdo, por ejemplo aquí).
3. Selecciona Hosting (en el universo Web & Domain).
4. Haz clic directamente en el nombre del objeto relevante en la tabla que se muestra.
5. Haz clic en Site Creator en el menú lateral izquierdo.
6. Haz clic en Personalizar mi sitio.

Una vez dentro de Site Creator:

1. Pasa el ratón sobre el bloque de contenido que deseas editar y haz clic en el engranaje:
   
2. Desplázate por los ajustes hasta el final para obtener el ID del bloque en cuestión:
   
3. Haz doble clic en el campo con el ID para especificar tu propio título en lugar del ID aleatorio:
   

Crear un enlace hacia la referencia del bloque

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

1. Selecciona un texto.
2. Luego haz clic en el icono de la cadena:
   
3. Selecciona el tipo "Sección" para crear un enlace a una parte de la misma página y elige la referencia del bloque obtenido arriba:
   
   
   Otras opciones:
   1. Agrega el enlace con el símbolo de almohadilla (enlace a la misma página):
      
   2. Agrega el nombre de la página seguido del ID:
      

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