Base de conocimientos
1000 FAQ, 500 tutoriales y vídeos explicativos. ¡Aquí sólo hay soluciones!
Esta guía explica cómo conectar un sitio creado con Site Creator de Infomaniak a un nombre de dominio presente en su Manager.
Conectar Site Creator a un nombre de dominio
Para conectar Site Creator a un nombre de dominio existente en su cuenta de Infomaniak:
- Inicie sesión en el Manager de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Edge.
- Haga clic en el icono en la esquina superior derecha de la interfaz (o navegue a través del menú lateral izquierdo, por ejemplo).
- Elija Hosting (universo de Web y Dominio).
- Haga clic en el nombre del objeto relevante en la tabla mostrada.
- Haga clic en Site Creator en el menú lateral izquierdo.
- Haga clic en Conectar mi sitio a un dominio para iniciar el asistente de configuración a continuación:
Administrar el(los) dominio(s) de Site Creator
Para gestionar el o los nombres de dominio utilizados con Site Creator:
- Inicie sesión en el Manager de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Edge.
- Haga clic en el icono en la esquina superior derecha de la interfaz (o navegue a través del menú lateral izquierdo, por ejemplo).
- Elija Hosting (universo de Web y Dominio).
- Haga clic en el nombre del objeto relevante en la tabla mostrada.
- Haga clic en Site Creator en el menú lateral izquierdo.
En la parte superior de la página se muestran cualquier mensaje sobre problemas con Site Creator y dominios.
A continuación, puede gestionar sus dominios si los hay:
Dirección temporal, URL de vista previa
Varios nombres de dominio pueden estar vinculados a Site Creator, eliminados o intercambiados y cambiados si es necesario:
Sin embargo, la URL de vista previa, del tipo abcd.infomaniak.site y distinta en la lista de dominios de Site Creator, nunca se puede eliminar para el buen funcionamiento de su sitio:
Esta guía detalla el comportamiento de Site Creator de Infomaniak y del sitio creado con él frente a diferentes formatos y resoluciones de pantalla.
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.). Sin embargo, pueden reaccionar de manera diferente según algunos parámetros que puede ajustar accediendo a Site Creator:
- Inicie sesión en el Infomaniak Manager (manager.infomaniak.com) desde un navegador web como Brave o Firefox
- Haga clic en el icono en la esquina superior derecha de la interfaz (o navegue a través del menú lateral izquierdo, por ejemplo)
- Seleccione Hosting (universo Web & Domain)
- Haga clic directamente en el nombre del objeto relevante en la tabla que se muestra
- Haga clic en Site Creator en el menú lateral izquierdo
- Haga clic en Personalizar mi sitio
Una vez en Site Creator, para previsualizar la versión del sitio según el dispositivo de lectura, haga clic en el botón … azul en la parte inferior del menú lateral izquierdo, para expandir las opciones de publicación y previsualización.
Haga clic en Vista previa y luego en la parte superior de la página, haga clic en el menú de acción a la derecha de Vista previa para cambiar el tipo de dispositivo de lectura.
Mostrar su sitio con ancho reducido
Puede reducir el ancho de su sitio. Sin embargo, esta visualización dentro de un "contenedor" o "caja" solo será visible en pantallas grandes tipo computadora de escritorio:
- En el menú lateral izquierdo, haga clic en el botón Diseño
- Haga clic en Más ajustes
- 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, puede configurarlo para que se muestre solo en ciertos tipos de dispositivos (por ejemplo, móviles):
Esta guía detalla el uso de los medios en Site Creator de Infomaniak.
Agregar una imagen
Los medios se gestionan en la biblioteca de archivos:
- Inicie sesión en el Infomaniak Manager (manager.infomaniak.com) desde un navegador web como Brave o Edge.
- Haga clic en el icono en la parte superior derecha de la interfaz (o navegue a través del menú lateral izquierdo, por ejemplo).
- Seleccione Hosting (universo Web & Domaine).
- Haga clic en el nombre del objeto relevante en la tabla que se muestra.
- Haga clic en Site Creator en el menú lateral izquierdo.
- Haga clic en Personalizar mi sitio.
Una vez en Site Creator:
- Agregue un nuevo bloque de contenido que contenga imágenes que luego puede reemplazar o complementar.
- Haga clic en el botón Contenido en el menú lateral izquierdo.
- Haga clic en Objetos en la lista para insertar una sola imagen.
- Haga clic en el bloque de IMAGEN a la derecha.
Una vez que se agrega la imagen, también puede hacerla clicable o modificar su tamaño:
También puede agregar imágenes como un módulo de Galería de fotos.
Cambiar una imagen
Para reemplazar una imagen insertada:
- Haga clic en una imagen para editarla.
- Haga clic en el botón tipo Marco de foto en la miniatura de la imagen para seleccionar una nueva imagen que reemplazará la anterior:
Agregar un video
Para agregar un video:
- Haga clic en el botón Contenido en el menú lateral izquierdo.
- Haga clic en Objetos en la lista.
- Haga clic en el bloque de VIDEO a la derecha para insertar un video de ancho completo.
También puede aplicar un enlace a una imagen utilizando un video de YouTube como URL: esto creará automáticamente un ícono de REPRODUCCIÓN que, al hacer clic, abrirá el video en una "lightbox".
Agregar un archivo de audio
Para agregar un archivo de audio:
- En el menú lateral izquierdo, haga clic en el botón Contenido.
- Haga clic en Aplicaciones en la parte inferior.
- El contenido disponible se mostrará a la derecha.
- 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:
- Haga clic en el botón Contenido en el menú lateral izquierdo.
- Haga clic en Aplicaciones en la parte inferior.
- El contenido disponible se mostrará a la derecha.
- Haga clic en el widget Descarga de archivo para insertarlo en la página.
- Seleccione el archivo de la biblioteca que sus visitantes pueden descargar.
Esta guía explica cómo personalizar y configurar el módulo de tienda en línea de Site Creator.
Configurar una tienda en Site Creator
Para gestionar las preferencias generales del sistema de comercio electrónico (moneda, impuestos, etc.) una vez que se ha añadido el módulo:
- Inicie sesión en el Manager de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Firefox
- Haga clic en el icono en la esquina superior derecha de la interfaz (o navegue a través del menú lateral izquierdo, por ejemplo)
- Elija Hosting (universo Web & Domain)
- Haga clic directamente en el nombre del objeto relevante en la tabla que se muestra
- Haga clic en Site Creator en el menú lateral izquierdo
- Haga clic en Personalizar mi sitio
- Pase el ratón sobre el módulo de la tienda añadido en su página
- Haga clic en Configuración
Una vez en Configuración, aparecerán varios submenús a la izquierda para configurar otros ajustes:
⚠️ Todos los montos ingresados están en formato estadounidense (US) con un punto para los decimales, es decir, XX.XX
Métodos de pago
- Paypal
- Tarjeta de crédito (Stripe, Mollie - leer abajo)
- Pago personalizado
- Contra reembolso
Para utilizar los servicios de Stripe y Mollie, debe tener un número de SIRET en Francia o un IDE en Suiza. Además, es necesario tener una empresa válida registrada en el registro comercial de su país para utilizar los servicios de Stripe y Mollie.
Métodos de envío
- países autorizados
- gastos de envío según peso
- tiempos de envío
Mensajes
Hay cuatro mensajes predefinidos que no se pueden eliminar. Cubren toda la comunicación por correo electrónico en torno a un pedido, tanto para el cliente como para el administrador de la tienda.
Es posible personalizar los mensajes existentes y agregar nuevos (y luego eliminar estos mensajes adicionales si es necesario):
- elija cuándo se enviará el correo electrónico (o simplemente desactive el mensaje para conservarlo sin usar)
- correo electrónico para nuevos pedidos (para notificarlo)
- correo electrónico para pedidos procesados (personalizable)
- nota de entrega en formato PDF (personalizable)
- factura también generada y disponible en formato PDF en su cuenta de Stripe/Paypal/Mollie
- Se pueden insertar variables en cada uno de los campos para personalizar al máximo los textos con los elementos del pedido y la información proporcionada por el comprador:
Página de inicio de la tienda
- visualización de categorías de productos si las hay
- presentación de productos aleatorios
- etc.
Gestión de productos
Para gestionar productos, agregar o eliminar:
- Pase el ratón sobre el módulo en la esquina superior izquierda
- Haga clic en Productos
Encuentre los primeros 3 productos de ejemplo:
Organice sus productos moviéndolos con el ratón.
Haga clic en un producto para ajustar sus detalles y la categoría en la que debe estar (lea más abajo). Puede:- crear atributos (por ejemplo, color) para ofrecer el mismo producto en varias versiones/precios
- definir si el producto debe ser digital (virtual), por ejemplo, un archivo PDF, ZIP o MP3, y por lo tanto descargable después de la compra
Al final de la edición de su ficha de producto, busque otros productos de su lista para vincularlos y ofrecérselos al visitante.
En la parte inferior de la ventana de edición de un producto, elija ocultar si es necesario el producto a sus visitantes.
Para finalizar y volver a la lista de productos, guarde los cambios con el botón situado en la parte inferior.
Eliminar o duplicar un producto
En la ficha de edición de un producto, haga clic en la parte inferior en el menú de acciones junto al botón de guardar para elegir si desea eliminar o duplicar el producto.
Gestión de stock / Inventario
En el mismo menú de acciones, gestione el stock directamente en la lista de productos (para editar el stock en masa).
Pero cada ficha de producto le permite editar el stock y también ingresar el SKU (unidad de gestión de stock) y su código de barras (ISBN).
Categorías de productos
Sus productos pueden organizarse dentro de Categorías y subcategorías que luego se mostrarán según el diseño de su sitio.
Haga clic en el submenú Categorías en el lado izquierdo del panel de administración de la tienda, debajo de Productos.
Asigne una imagen para ilustrar su categoría.
Oculte una categoría si es necesario (esto no oculta los productos que contiene).
Código promocional
Un código promocional otorga un descuento (en % o moneda) en un pedido.
Haga clic en el submenú Código promocional en el lado izquierdo del panel de administración de la tienda, debajo de Productos.
Puede especificar:
- su fecha de vencimiento
- su posible monto mínimo
- su nombre ("Oferta especial de Navidad", por ejemplo)
- su forma ("FELIZNAVIDAD")
Exportar su lista de productos
Exporte su lista de productos (formato CSV) con el menú de acciones en la parte superior derecha de su lista de productos.
Gestión de pedidos
Para gestionar los pedidos realizados y en curso:
- Pase el ratón sobre el módulo en la esquina superior izquierda
- Haga clic en Configuración
- Haga clic en el submenú Pedidos en el lado izquierdo del panel de administración de la tienda
Exportar su lista de pedidos
Exporte su lista de pedidos (formato CSV) con el botón de descarga a la derecha de la barra de búsqueda de pedidos.
Gestión de clientes
Para gestionar clientes (un cliente proporciona información personal al realizar un pedido):
- Pase el ratón sobre el módulo en la esquina superior izquierda
- Haga clic en Configuración
- Haga clic en el submenú Clientes en el lado izquierdo del panel de administración de la tienda
Exportar su lista de clientes
Exporte su lista de clientes (formato CSV) con el botón de descarga a la derecha de la barra de búsqueda de clientes.
Esta guía te ayuda a personalizar un sitio web creado con Site Creator de Infomaniak.
Cambiar los colores del sitio
Para gestionar temas, colores y fuentes en Site Creator:
- Inicia sesión en el Manager de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Edge.
- Haz clic en el icono en la esquina superior derecha de la interfaz (o navega a través del menú lateral izquierdo, por ejemplo).
- Selecciona Hosting (universo Web & Dominio).
- Haz clic en el nombre del objeto relevante en la tabla mostrada.
- Haz clic en Site Creator en el menú lateral izquierdo.
- Haz clic en Personalizar mi sitio.
Una vez en Site Creator:
- Haz clic en el botón Diseño en el menú lateral izquierdo.
- Haz clic en Colores del sitio.
Puedes elegir entre paletas de colores disponibles o crear tu propio conjunto de colores personalizado.
Debajo, hay ajustes más específicos donde puedes especificar en qué elementos se debe aplicar un color.
Administrar los fondos de los bloques (Imagen / Color)
En la página de edición de tu sitio, pasa el ratón sobre un bloque y haz clic en el icono de engranaje para acceder a los ajustes:
Cargar una plantilla de sitio web
Puedes cambiar todo el diseño de tu sitio web cambiando su tema y decidiendo qué debe sobrescribirse o no en el sitio actual al realizar el cambio:
- Haz clic en el botón Diseño en el menú lateral izquierdo.
- Haz clic en Elección de tema.
Aquí puedes elegir entre los temas de sitio web disponibles.
Una vez que hayas encontrado tu nuevo tema, haz clic en Instalar y luego podrás elegir partes de la nueva plantilla que deseas importar (por defecto, solo colores, fuentes o estilo de menú) para evitar sobrescribir el contenido de tu sitio web.
Si tu sitio web es nuevo, puedes elegir más opciones durante la importación.
Cambiar las fuentes del sitio web
Para hacer esto:
- Haz clic en el botón Diseño en el menú lateral izquierdo.
- Haz clic en Fuentes.
Puedes cambiar fácilmente las fuentes principales del sitio web, siendo la primera fuente utilizada para los encabezados y la segunda fuente para el contenido.
Debajo, hay ajustes más específicos donde puedes especificar en qué elementos se debe aplicar una fuente.
¿Por qué no veo el texto que escribo?
Si sientes que tu bloque de texto ha desaparecido o es invisible, selecciona todo el contenido del sitio web (ctrl + a o cmd + a en Mac); si ves que tu contenido está allí, probablemente signifique que los ajustes del bloque están configurados para un fondo oscuro:
En ese caso, ve a los ajustes del bloque y asegúrate de que la opción "Fondo oscuro" no esté marcada. Esto debería resolver el problema:
Esta guía para Site Creator de Infomaniak aborda el tema de las cookies del navegador.
Por defecto, cuando su sitio web es nuevo, no se deben almacenar cookies en los dispositivos de sus visitantes y no hay funcionalidad de seguimiento para publicidad o marketing.
Como administrador del sitio web, algunos datos se almacenan en sus propias cookies (como información que indica que usted es un administrador del sitio web).
Si agrega aplicaciones/módulos integrados a 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, utilizará cookies cuando el visitante del sitio web vote (para recordar que ya ha votado).
Notificación para Visitantes
Puede habilitar un mensaje de consentimiento de cookies que aparecerá en una pequeña ventana emergente en la parte inferior de la pantalla para todos los nuevos visitantes de su sitio:
- En la barra lateral izquierda, haga clic en el botón Configuración
- Haga clic en Datos de contacto bajo Configuración del sitio web
- Habilite la opción de información sobre cookies para configurar el mensaje breve y la URL para obtener información adicional
- Ajuste el tipo de visualización, expandido o no (lea a continuación)
- Guarde los cambios en la parte inferior de la página
Configuración Adicional
El mensaje de consentimiento se puede establecer como predeterminado o expandido, cuando hace clic en Mostrar. El resultado es el siguiente:
- Predeterminado:
- Expandido:
Esta guía explica cómo integrar en páginas web videos importados desde un servicio VOD de Infomaniak.
Este código es único y corresponde a los parámetros que estás especificando en este momento. Esto te permite integrar el mismo video con diferentes configuraciones de visualización según tus necesidades. Por lo tanto, deberás actualizarlo en tu sitio web o donde lo uses, cada vez que realices cambios de configuración en el Manager de Infomaniak.
Copiar el código de integración
El código de integración que permite insertar tu medio en el lugar deseado (blog, sitio web, etc.) se encuentra en tu interfaz de VOD:
- Inicia sesión en el Manager de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Edge.
- Haz clic en el icono en la esquina superior derecha de la interfaz (o navega utilizando el menú lateral izquierdo, por ejemplo).
- Selecciona VOD/AOD (universo de Streaming).
- Haz clic en el nombre del elemento relevante en la tabla mostrada.
- Haz clic en Medios en el menú lateral izquierdo.
- Haz clic en Gestión de medios en el menú lateral izquierdo.
- Haz clic en el medio relevante en la tabla mostrada.
- Haz clic en el botón azul Insertar en mi sitio.
- El código IFRAME se encuentra en el lado derecho.
Pegar el código de integración
En la página web de tu elección, por ejemplo, Site Creator, pega el código en el lugar deseado:
Visualiza el medio en la página:
WordPress y Site Creator son dos herramientas de creación de sitios completamente diferentes y, lamentablemente, no es posible utilizar componentes de una con la otra.
Esta guía le ayuda a comprender cómo crear y editar páginas en Infomaniak Site Creator.
Edición sencilla de páginas
Para acceder a Site Creator:
- Inicie sesión en el Manager de Infomaniak (manager.infomaniak.com) desde un navegador web como Brave o Firefox.
- Haga clic en el icono en la parte superior derecha de la interfaz (o navegue a través del menú lateral izquierdo, por ejemplo).
- Seleccione Hosting (en el área de Web y Dominio).
- Haga clic directamente en el nombre del objeto relevante en la tabla que se muestra.
- Haga clic en Site Creator en el menú lateral izquierdo.
- Haga clic en Personalizar mi sitio.
La edición de una página ocurre en tiempo real y sus cambios se guardan automáticamente a medida que edita el contenido de sus bloques.
Crear un enlace
Cree un enlace desde una imagen o texto seleccionando el objeto.
Luego, haga clic en el icono de la cadena para abrir la sección que le permitirá especificar el tipo de enlace y las opciones relacionadas:
Convertir un enlace en un botón
En la configuración del enlace, puede seleccionar el estilo (botón redondeado, sólido, etc.), el icono asociado y más:
Editar un enlace
Edite un enlace haciendo clic en él:
Crear un enlace a un archivo
Para permitir que sus visitantes descarguen un archivo desde un enlace en un objeto, seleccione el tipo "Archivo" en la configuración del enlace:
Crear un enlace a un correo electrónico
Seleccione el tipo "Dirección de correo electrónico" en la configuración del enlace. Al hacer clic en el enlace, se abrirá la aplicación de correo electrónico predeterminada en el visitante y comenzará a redactar un correo electrónico con la dirección predefinida.
Para evitar que la dirección de correo electrónico se muestre en la página, recomendamos el uso de un formulario de contacto.
Crear un enlace a una sección específica
Para dirigir al visitante a una sección específica de su sitio web o de otra página, debe utilizar el sistema de anclajes.
Crear un enlace desde una imagen
Cuando hace clic en una imagen para editarla, simplemente active el botón "Esto es un enlace" debajo de la imagen para especificar la URL que se mostrará cuando un visitante haga clic en ella:
Si ingresa la URL de un video de YouTube, el video se abrirá en una ventana emergente de tipo lightbox.
Crear una lista, insertar un emoji...
Las diferentes opciones de formato de texto se encuentran sobre la selección de texto y las opciones adicionales (listas con viñetas, alineación, emojis, etc.) se acceden con la flecha:
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:
- inicie sesión en el Infomaniak Manager (manager.infomaniak.com) desde un navegador web como Brave o Edge
- haga clic en el icono en la parte superior derecha de la interfaz (o navegue a través del menú lateral izquierdo)
- elija Hosting (universo Web & Domain)
- haga clic en el nombre del objeto relevante en la tabla mostrada
- haga clic en Site Creator en el menú lateral izquierdo
- haga clic en Personalizar mi sitio
Una vez en Site Creator:
- haga clic en el botón Configuración en el menú lateral izquierdo
- haga clic en Redes Sociales
- 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
- 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:
- haga clic en el botón Configuración en el menú lateral izquierdo
- 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:
- haga clic en el botón Configuración en el menú lateral izquierdo
- 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:
- haga clic en el botón Configuración en el menú lateral izquierdo
- haga clic en Configuración general
- haga clic en SEO y estadísticas
- desplácese hacia abajo hasta la imagen Open Graph y elija la imagen