Base de conhecimento

Este guia explica como consultar as informações sobre os visitantes que acessaram os sites do seu Hospedagem Web (estatísticas de acesso).

✘ INDISPONÍVEL‍ com
Site Creator autônomo (independente de uma hospedagem Web; consulte este outro guia sobre a oferta Pro)
hospedagens Starter

Introdução

• O resultado é apresentado em um formato simples com gráficos, permitindo uma interpretação fácil.
• As estatísticas anuais, mensais, diárias e horárias são exibidas por site, endereço HTTP, site de referência, país, etc.
• Consulte este outro guia se você estiver procurando especificamente os logs de acesso.

Aceder às estatísticas de visitas

Para consultar as estatísticas de acesso do público:

1. Clique aqui para acessar o gerenciamento do seu site no Manager Infomaniak (precisa de ajuda?).
2. Clique diretamente no nome atribuído ao site em questão:
   
3. Clique em Estatísticas no menu lateral esquerdo:
   
4. A parte superior permite que você escolha:
   1. o tipo de estatísticas,
   2. o período,
   3. ou descarregue os dados para uma ferramenta de terceiros:
      

Explicação dos termos

Não há distinção entre humanos e robôs. Você também pode usar ferramentas como Matomo, Open Web Analytics ou Google Analytics.

Significado de "Comercial (com)" e "Não resolvido"

"Comercial" representa frequentemente uma parte importante do tráfego geográfico. Inclui os utilizadores conectados através de provedores de acesso à Internet (ISP) que utilizam um domínio .com. Como esta extensão é utilizada por muitos ISP e empresas em todo o mundo, não permite determinar um país específico.

Os endereços IP "não resolvidos" são aqueles cuja localização geográfica não foi determinada, geralmente devido a configurações de privacidade, ao uso de VPN ou a restrições de rede.

Este guia permite que você descubra rapidamente as funções essenciais do assistente de redação Euria disponível no Site Creator da Infomaniak.

Introdução

• O assistente de redação ajudará você a escrever um texto sobre o tema de sua escolha, inclusive se ele precisar ser baseado em elementos existentes, graças à inteligência artificial.
• Não se trata de um agente conversacional ou chatbot; ele não responderá necessariamente a perguntas genéricas nem necessariamente manterá um diálogo com você.
• Use-o, por exemplo, para redigir:
  • um novo título que deve conter elementos específicos
  • um novo parágrafo sobre um tema particular
  • uma reformulação de um trecho de texto
  • uma sintaxe gramatical correta
  • uma tradução para um idioma estrangeiro
  • um artigo de blog
  • etc.
• Leia este outro guia sobre o modelo usado pelo assistente de redação e as responsabilidades de cada um.

Como usar o assistente?

Pré-requisitos

• Acessar o Site Creator:
  • Clique aqui para acessar o gerenciamento do seu produto no Manager Infomaniak (precisa de ajuda?).
  • Clique diretamente no nome atribuído ao Site Creator em questão.
  • Clique no botão Editar meu site para iniciar o editor:
    

Em seguida, para iniciar o assistente de redação:

1. Clique em um bloco de conteúdo, texto, etc.
2. Clique no ícone Euria na barra de edição para abrir o assistente:
   
3. Para voltar à tela principal após selecionar um tipo de adição, clique no ícone no canto superior direito:
   

Se o bloco já contiver conteúdo e você optar por reescrever um parágrafo, poderá usar os botões do assistente para selecionar o tom do seu texto (sério / amigável) e adicionar ou reduzir as frases propostas…

• Por exemplo:
  

Thank you for entrusting Infomaniak with hosting your website and creating its content with Site Creator. This guide helps you quickly use the essential features of this accessible and easy-to-use site creation tool.

Introduction

• Site Creator is available…
  • … with each paid web hosting
  • … or standalone (available in 3 versions) and does not require any other specific offer in this case
• It is recommended to use the latest version of a browser such as Chrome, Firefox, Safari, and Microsoft Edge, preferably on a computer.

Operation Guides

Basic Information:

1. Manage Pages
2. Simple Page Editing
3. Manage Content Blocks
4. Manage Media (Images, Videos, Documents, etc.)
5. Manage Navigation Menu(s)
6. Manage Themes, Colors, Fonts
7. Manage Site Name and Details

Advanced Information:

1. Advanced Page Editing
2. Manage Additional Modules (Gallery, Blog, Shop, etc.)
3. Manage Languages and Translations
4. Create a Contact Form
5. Cookie Management (GDPR)
6. Site Creator Limitations

You can also delete your site created with Site Creator and start over by creating a new blank site.

Learn more about Site Creator:

• French | Recorded Webinar at Infomaniak's premises.
• German | Quickstart :: Tutorial
• Italian | Tutorial

Contextual help

To view or review the contextual help when starting Site Creator, click here in your Manager:

In case of a problem, consult the knowledge base before contacting Infomaniak support.

Click here to share a review or suggestion about an Infomaniak product.

Este guia apresenta o módulo Base de Conhecimento para o Site Creator da Infomaniak, semelhante ao módulo Perguntas e Respostas, que permite formatar rapidamente artigos do tipo FAQ ou similares, presentes na sua página.

Pré-requisitos

• Aceder ao Site Creator:
  • Clique aqui para aceder à gestão do seu produto no Manager Infomaniak (precisa de ajuda?).
  • Clique diretamente no nome atribuído ao Site Creator em questão.
  • Clique no botão Editar o meu site para iniciar o editor:
    

Configuração e utilização

Para inserir o módulo no local desejado no Site Creator:

1. Clique no botão Conteúdo no menu lateral esquerdo.
2. Clique em Aplicações na parte inferior da lista.
3. Clique em Base de Conhecimento:
   
4. Depois de adicionar o módulo, passe o cursor sobre ele para editá-lo:
   
5. O botão azul permite adicionar uma nova pergunta:
   

Depois de preencher o formulário (título, texto com formatação, palavra-chave para facilitar a pesquisa, resumo e, se aplicável, um link para um vídeo do YouTube), salve na parte inferior da página.

• É possível organizar seus textos criando um formulário com apenas um título de "categoria" ("Geral", por exemplo) e, em seguida, arrastando seus formulários para a direita para subcategorizá-los (pai - filho):
  
  ‍

Navegar na base de conhecimento

A navegação em seus formulários será apresentada da seguinte forma. Ao clicar na "categoria" criada, as perguntas/respostas serão exibidas:

URL dos formulários criados

Ao clicar em uma pergunta, uma página da Web separada será aberta, com a pergunta como título e a resposta abaixo. A URL desta página de resposta será composta pelo endereço da página onde você inseriu o módulo, seguido de "/kb/X-a-pergunta", onde X é o número correspondente à ordem de criação de seus formulários:

Personalizar a exibição

Ao passar o mouse novamente sobre o seu módulo no modo de edição, você pode alterar a exibição e tornar sua árvore transparente:

Adicionar palavras-chave

Palavras-chave (separadas por um espaço) podem ser adicionadas:

Isso permite filtrar a exibição das respostas, inserindo a tag na barra de pesquisa (do módulo inserido):

Exibir o módulo em vários locais

O aplicativo Base de Conhecimento pode ser adicionado em diferentes locais do seu site, mas será sempre o mesmo módulo. Não é possível diferenciar a aparência ou o conteúdo de acordo com as páginas em que o módulo é inserido.

Este guia apresenta o módulo Perguntas e Respostas para o Site Creator da Infomaniak, semelhante ao módulo Base de Conhecimento, que permite formatar rapidamente artigos do tipo FAQ presentes na sua página.

Pré-requisitos

• Aceder ao Site Creator:
  • Clique aqui para aceder à gestão do seu produto no Manager Infomaniak (precisa de ajuda?).
  • Clique diretamente no nome atribuído ao Site Creator em questão.
  • Clique no botão Editar o meu site para iniciar o editor:
    

Configuração e utilização

Para inserir o módulo no local desejado no Site Creator:

1. Clique no botão Conteúdo no menu lateral esquerdo.
2. Clique em Aplicações na parte inferior da lista.
3. Clique em Base de Conhecimento:
   
4. Depois de adicionar o módulo, passe o cursor sobre ele para editá-lo:
   
5. O botão cinzento permite adicionar uma nova pergunta/resposta:
   

Guarde as suas alterações na parte inferior da página.

Essas perguntas podem ser transformadas em títulos (como pequenos blocos de título) se você desejar formatar suas fichas dentro de "categorias", por exemplo. Para isso, passe o mouse sobre o cartão e clique no lápis e, em seguida, na engrenagem para alternar para o sistema de exibição desejado:

Reorganize a ordem de suas perguntas/respostas, se necessário, arrastando os cartões para cima ou para baixo:

Navegar pelas perguntas/respostas

A navegação em suas fichas será apresentada como abaixo. Um clique na pergunta (ou ‍) exibirá a resposta:

Personalizar a exibição

Ao passar o mouse novamente sobre seu módulo no modo de edição, você pode alterar a exibição e tornar sua estrutura transparente.

Você também pode aplicar código HTML ao redigir suas respostas, para criar um link, por exemplo:

Exibir o módulo em vários locais

O aplicativo pode ser adicionado a diferentes locais do seu site, mas será sempre o mesmo e único módulo. Não é possível diferenciar a exibição ou o conteúdo de acordo com as páginas em que o módulo é inserido.

Este guia diz respeito às mensagens enviadas a partir do Site Creator (por exemplo, formulário de contacto ou módulo de comércio eletrónico).

Introdução

• Por padrão, os e-mails são enviados através do protocolo PHP mail() não autenticado.
• Recomenda-se usar o método SMTP autenticado em vez disso.

Alterar o método de envio

Pré-requisitos

• Ter um endereço de e-mail válido (mesmo que seja gratuito).
• Ter criado uma senha para o dispositivo (adicionar um dispositivo com um nome, por exemplo, “Site Creator” ou “SC2026”, tanto faz) para este endereço de e-mail:
  
• Aceder ao Site Creator:
  • Clique aqui para aceder à gestão do seu produto no Manager Infomaniak (precisa de ajuda?).
  • Clique diretamente no nome atribuído ao Site Creator em questão.
  • Clique no botão Editar o meu site para iniciar o editor:
    

Para modificar o método de envio de e-mails a partir do Site Creator:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em Configurações gerais:
   
3. Escolha o método SMTP e preencha os campos com o nome do servidor SMTP mail.infomaniak.com e as informações relativas ao seu endereço de e-mail e à sua senha (consulte os pré-requisitos).
4. Depois de preencher todos os campos, clique no botão Verificar.
5. Se tudo estiver correto, o botão Guardar será exibido e você poderá clicar nele para guardar as suas configurações de e-mail:
   

Configurações a serem utilizadas

• Servidor SMTP de saída = mail.infomaniak.com
• Porta SMTP = 587
• Nome de utilizador/username = o endereço de e-mail completo
• Palavra-passe/password = a palavra-passe atribuída ao endereço de e-mail (ver requisitos)

Este guia ajuda a resolver erros de configuração caso tenha dificuldades em associar o seu nome de domínio ao Site Creator.

Problemas frequentes e soluções

Identifique o estado atual do seu domínio para aplicar a solução correspondente:

This guide explains how to add and configure an online store module to your website created with Infomaniak Site Creator, so you can start selling online and offer your products for sale.

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator in question.
  • Click on the Edit my site button to start the editor:
    

Add the online store to Site Creator

Dedicated themes

If you plan to create a website entirely dedicated to your products in the form of an online store, you can choose to apply a theme from the E-Commerce category right from the start:

Shop module for Site Creator

If the Shop module is not yet integrated into your pages, simply add it to the location of your choice:

1. Click on the Content button in the left sidebar.
2. Click on Applications at the bottom of the list, then on Shop:
   
3. The store and 3 example products are inserted:
   

Configure the store

Refer to this other guide for information on the various configuration options for the Site Creator store.

A Infomaniak oferece diferentes planos Site Creator, gratuitos ou pagos, que atendem a diversas necessidades. É essencial compreender bem as condições associadas a cada tipo de plano antes de fazer a sua escolha.

Compreender os diferentes planos Site Creator

O Site Creator está disponível…

• … seja gratuitamente com cada serviço de hospedagem web pago existente (adicione um, se necessário):
  
  • Neste caso, apenas 1 Site Creator pode ser configurado por serviço de hospedagem web Infomaniak.
  • Para gerenciar vários sites criados com o Site Creator na mesma Organização, é necessário ter vários serviços de hospedagem web.
• … ou de forma independente (standalone disponível em 3 versões) e, neste caso, não requer nenhuma outra oferta específica:
  
  1. Site Creator Grátis
  2. Site Creator Lite
  3. Site Creator Pro

1. Site Creator Grátis

Esta oferta é apresentada como uma solução de teste e descoberta e é totalmente gratuita. Destina-se a utilizadores que desejam familiarizar-se com a ferramenta ou publicar uma página web extremamente simples:

• Permite apenas uma única página web e oferece um espaço de disco reduzido (5 GB).
• Esta oferta não permite a conexão a um nome de domínio personalizado (será do tipo *.infomaniak.site) e inclui a exibição obrigatória da menção publicitária da Infomaniak.
• Os módulos de crescimento importantes, como a gestão completa de um blog, o uso da Inteligência Artificial para a geração de texto ou a função "Mapa do site", não estão incluídos.

2. Site Creator Lite

O plano Lite é a oferta de nível básico paga da Infomaniak. É ideal para a criação de um site institucional ou de um blog pessoal simples, pois elimina as principais limitações da versão gratuita e desbloqueia os módulos necessários para um site completo:

• Permite a criação de um site mais completo, com um limite de 6 páginas web e um espaço de disco mais amplo (15 GB).
• Inclui a oferta de um nome de domínio durante um ano e, ponto essencial, a remoção de qualquer menção publicitária da Infomaniak no site.
• Ao contrário da oferta Free, o plano Lite oferece acesso a funcionalidades importantes para a navegação e organização, nomeadamente o módulo de Criação e gestão de Blog, bem como o módulo Mapa do site.

3. Site Creator Pro

A oferta Pro é a fórmula premium do Site Creator. É destinada exclusivamente aos projetos mais ambiciosos, como o lançamento de uma loja online completa, graças à remoção de todas as restrições de conteúdo e à integração de ferramentas de comércio e análise avançadas:

• Remove todas as limitações de conteúdo, oferecendo páginas web ilimitadas e um amplo espaço de disco de 50 GB.
• É a única oferta que integra a gestão completa do e-commerce (pedidos, stock, descontos) e permite a integração das principais plataformas de pagamento (Stripe, PayPal, Mollie) para uma atividade comercial online.
• O plano Pro é o único que oferece acesso a ferramentas de análise e monitorização de desempenho externas cruciais, como Google Analytics, Hotjar e ferramentas como o Google reCaptcha.

Compromisso relacionado às ofertas pagas

Ao contrário de outros produtos Infomaniak, algumas ofertas do Site Creator incluem um nome de domínio gratuito. Essas ofertas exigem um compromisso firme por um período mínimo de 12 meses, sem possibilidade de reembolso, nem que seja parcial, mesmo que:

• você decide interromper o uso do Site Creator antes do final do primeiro ano,
• você cancela seus produtos,
• você encerra sua conta de usuário ou sua Organização.

Alterações nas ofertas e manutenção do seu site

É possível fazer a transição de um plano gratuito para um plano pago mais completo:

1. Clique aqui para acessar o gerenciamento do seu site no Manager Infomaniak (precisa de ajuda?).
2. Clique no menu de ações ⋮ à direita do site em questão na tabela exibida.
3. Clique em Editar oferta:
   

Também é possível fazer o upgrade para um plano superior (por exemplo, de Lite para Pro).

Se desejar manter o seu site ativo, deverá renovar obrigatoriamente a mesma oferta paga. Não é possível migrar para uma versão gratuita do Site Creator, mesmo que:

• não utilize nenhum dos módulos pagos,
• o seu site contém apenas uma página.

O que fazer se quiser voltar para o plano gratuito?

Nesse caso, você deve:

• cancelar seu site atual após copiar manualmente todas as informações que deseja manter,
• ativar uma nova oferta Site Creator gratuita,
• reconstruir o seu site, colando o conteúdo recuperado do site antigo.

This guide explains how to embed video/audio files imported on an Infomaniak VOD/AOD service on web pages.

Preamble

• This VOD/AOD integration code is unique and corresponds to the parameters you are currently specifying on the page.
• It allows you to embed the same video with different display configurations according to your needs.
• Later, you will be able to modify the parameters of this integration by adjusting them from the integration history page on the Infomaniak Manager.
• You can also share a media in different ways.

Generate and copy the integration code

The integration code is on your VOD interface; here is an example with a default Player:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the product concerned:
   
3. Click on Media in the left sidebar menu.
4. Click on Media management in the left sidebar menu.
5. Click on the media concerned in the table that appears:
   
6. Click on the blue Embed button.
7. Click on Create an integration:
   
8. Customize the media integration (Player to use, timestamp, loop playback, automatic start, …).
9. Choose the thumbnail to display when the media is stopped.
10. Click on the button to Generate the integration code:
    
11. Copy the code to embed it in the location of your choice:
    

The media will be inserted with the default Player but you have the option to choose from your created Players the one to be proposed during the integration.

Modify a previous integration

To customize the integration of your media that has already been done, and with the aim of keeping the corresponding code without having to insert it again:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the product concerned.
3. Click on Media in the left sidebar menu.
4. Click on Media management in the left sidebar menu.
5. Click on the media concerned in the table that appears.
6. Click on the blue button Integrate.
7. Click on Modify an integration:
   
8. Click on the action menu ⋮ to the right of the object concerned in the table that appears.
9. Click on the desired element to obtain / modify the integration codes:
   

Paste the integration code…

On the Web page of your choice, paste the HTML code where desired:

… on Infomaniak Site Creator

• For Site Creator, you need to generate a “Fixed” integration code (and not “Responsive / Reactive”):
  
• Then paste this code on Site Creator within a “Custom HTML Code” block:
  
  
  

This guide presents the Calendar and Calendly modules for Infomaniak's Site Creator.

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator in question.
  • Click on the Edit my site button to start the editor:
    

Calendar Module

From Site Creator:

1. Click on the Applications button in the left-hand menu.
2. Click on Calendar:
   

Add events related to your activity that you want to display on your site in a dynamic way:

Once you have added a few events, you can view them on the calendar in the same place:

Then, insert the Calendar module in the desired location on your site:

Your visitors will be able to see the scheduled events, including when you modify them in your calendar:

Calendly Module

✘ UNAVAILABLE‍ with
Site Creator Free / Lite

This integration is possible if you have an account on the external Calendly service.

From Site Creator:

1. Click on the Content button in the left-hand menu.
2. Click on Apps in the left-hand menu.
3. Click on Calendly to insert the module:
   
4. Click to configure the application with the information related to your Calendly account:
   

Then, insert the Calendly module in the desired location on your site to display your Calendly information:

This guide explains how to manage the first page of an Infomaniak Site Creator, i.e., the homepage that is displayed when you type in your website's address (e.g., www.domain.xyz).

Introduction

• The homepage is mandatory, but you can easily define a new one from your existing pages at any time.
• Refer to this other guide to manage additional pages.

Modify the website's homepage

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator in question.
  • Click on the Edit my site button to start the editor:
    

Once in Site Creator:

1. Click on the Settings button in the left-hand menu – the list of your pages appears:
   
2. Click, then drag and drop the current homepage (represented by a house icon) to the bottom of the list:
   
3. Click on the icon of this page to change its page type to a standard page.
4. Save the changes:
   
5. Go back to the settings and click on the Settings icon ‍ on the page you want to set as the new homepage:
   
6. Click on the toggle switch to set this page as the homepage of your site.
7. Save the changes:
   
8. Go back to the settings and click on the icon of this page to change its page type to homepage and position it first:
   
9. Save the changes and test the effect of the change by visiting your site, which will no longer have the same default homepage:
   
   • Before, the homepage was the default one:

This guide concerns Site Creator. The tool is free with a Web Hosting plan or available under different plans when ordered separately.

Introduction

• When Site Creator is installed as a site on one of your Web Hosting plans, you delete the site (and its content) created with Site Creator, just like any other site you own on a Web Hosting plan.
• A cancellation confirmation is sent to any other administrators of the Organization.
• Backups will be permanently deleted upon cancellation of any Site Creator, making any restoration impossible.

Procedure for Deleting Site Creator

To delete the site created with Infomaniak Site Creator:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click on the action menu ⋮ to the right of the site in question in the table that appears.
3. Click on Cancel:
   

You can start a new, blank Site Creator after deleting the tool.

This guide explains how to obtain and connect to Infomaniak's Site Creator with an existing web hosting plan.

Introduction

• Site Creator is available…
  1. … either free of charge with every paid web hosting plan.
  2. … or as a standalone product (available in 3 versions) and does not require any other specific offer in this case.
• Please refer to this other guide to compare the different plans available.
• You do not need to download anything to use Site Creator; everything is done online through an interface accessible from any browser.

1. Adding Site Creator to your existing web hosting plan

To add Site Creator to a site on your existing web hosting plan:

1. Click here to access the management of your hosting plan in the Infomaniak Manager (need help?).
2. Click directly on the name of the hosting plan in question.
3. To add a site, refer to this other guide from step 3 and choose Site Creator in step 4:
   

2. Ordering Site Creator without a specific hosting plan

To obtain Site Creator independently, go to the Site Creator Free, Lite, and Pro offer descriptions and follow the instructions by clicking on the button for the offer that interests you.

Accessing Site Creator

To start using Site Creator to design your website:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the Site Creator in question.
3. Click on the Edit my site button to start the editor:
   

When Site Creator is installed on your site and you are browsing it, if you have not logged out of the Infomaniak Manager, the editing menu will be visible (only to you) so you can use the editor at any time.

You can hide it and return to it whenever you want:

This guide concerns Site Creator, Infomaniak's website creation tool, which offers a library for your media (images, videos, documents, etc.).

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator in question.
  • Click on the Edit my site button to start the editor:
    

Accessing files

The library is accessible from the bottom of the left-hand side menu, under Files:

These media will be available to you when you edit your pages and want to insert content.

Organize your files, folders, and subfolders

Please note that you cannot:

• move files/folders
• rename files/folders
• delete a folder if it is not completely empty

Create a new folder

Use the action menu ⋮ at the bottom right of the window:

Upload a new file to the library

Click on Upload a file to browse your hard drive and upload the desired files:

Common image formats are supported (webp, jpg, jpeg, png, gif, svg, etc.), with the webp format being recommended (it offers the best quality/compression ratio for ultra-fast web display).

The same applies to videos (mp4, mov, etc.), and you can also upload files (zip, pdf, etc.) to make them available to visitors via the File Download module.

Compress an image

Large images are automatically resized by default when imported: images larger than 1200 px are automatically reduced to 1200 px, but you can manage this in the general settings:

You can also compress the image itself using the Compress an image option from the library, to improve the display speed of your site:

To avoid this, obtain a TinyPNG API key from their website and enter it under Applications > TinyPNG in SiteCreator:

Open the Image Editor

Hover over an image in the library and click the ⋮ action menu to access the image editor:

When you save your changes, the image will be saved as a copy in your library:

Optimize SEO and Accessibility

Once your images have been imported from the library to your web pages, remember to fill in their Alt Text (Alt tag) in the image block settings. This text description is essential: it allows search engines (like Google) to understand the content of your visuals, while also making your site accessible to visually impaired people who use screen readers.

And since it is not possible to rename files once they are online, make it a habit to name them correctly on your computer before uploading them. Avoid generic names (e.g., IMG_1234.jpg) and use descriptive names with hyphens (e.g., swiss-home-repair.jpg) to improve your search engine ranking.

Search for and Use Royalty-Free Images

In the left sidebar of the library, you will find a menu item that leads to a stock image library (image bank) containing royalty-free images that you can insert into your library to enhance your website:

Protect your content: disable right-click

Click on Settings in the left sidebar, then on General Settings. At the bottom, you will find an option that, when enabled, disables the right-click function for visitors on your site:

Troubleshooting media upload issues

Try uploading WEBP, JPG, or PNG files that are as lightweight as possible (ideally under 500 KB). It is not necessary to upload images with a width greater than 1000-2000 pixels to the server.

Also, make sure that your image files are saved with the RGB color profile, which is the standard for display on screens. Avoid the CMYK profile, which is very heavy and exclusively reserved for paper printing, as it can cause display errors or block the import.

If you are trying to upload files directly from your camera or smartphone, try resizing them before uploading. For example, from your iPhone, the image may be in HEIF/HEIC format, which is not natively supported by web browsers – try converting it to JPG first.

Este guia diz respeito ao Site Creator da Infomaniak, que permite criar um site completo composto por várias páginas.

Introdução

• A página inicial é obrigatória (com ou sem cabeçalho e rodapé).
• Adicione páginas adicionais, em branco, protegidas por senha ou contendo diretamente um conteúdo específico (por exemplo, um formulário de contato).
• Adicione páginas legais (para inserir seus termos e condições de uso, por exemplo).
• Todas elas farão parte do(s) menu(s) de navegação do site.
• Para (re)criar um site completo, com páginas e subpáginas (exemplos de sites pré-definidos), você pode instalar um modelo de site.

Adicionar uma página ao site

Pré-requisitos

• Aceder ao Site Creator:
  • Clique aqui para aceder à gestão do seu produto no Manager Infomaniak (precisa de ajuda?).
  • Clique diretamente no nome atribuído ao Site Creator em questão.
  • Clique no botão Editar o meu site para iniciar o editor:
    

Depois de acessar o Site Creator:

1. Clique no botão Configurações no menu lateral esquerdo – a lista das suas páginas será exibida.
2. Clique no botão Adicionar página abaixo da árvore existente:
   
3. Escolha um nome para a página e selecione Mostrar mais opções para escolher o tipo de página e outras configurações, e clique em Adicionar para criar a página:
   

Copiar / Duplicar uma página

Para isso:

1. Clique no botão Configurações no menu lateral esquerdo – a lista das suas páginas será exibida.
2. Passe o cursor sobre a página desejada na árvore existente.
3. Clique no ícone de duplicação que aparece ao passar o mouse:
   

Outra possibilidade:

1. Acesse a página do site que você deseja clonar.
2. Clique no botão Configurações no menu lateral esquerdo.
3. Clique no botão Adicionar página abaixo da árvore existente. Escolha um nome para a página e clique em Mostrar mais opções para escolher o tipo de página.
4. Em Mostrar mais opções, ative a opção Clonar / duplicar para reutilizar o conteúdo da página atual.
5. Clique para Adicionar a página.
6. A nova página é exibida no menu com o mesmo conteúdo da página em que você estava no passo 1:
   

Renomear uma página

Para isso:

1. Clique no botão Configurações no menu lateral esquerdo – a lista das suas páginas será exibida.
2. Passe o cursor sobre a página desejada na árvore existente e clique no ícone de engrenagem para acessar as opções da página, cujo nome de exibição é:
   

Outra possibilidade: em Configurações, na árvore existente, você pode renomear suas páginas diretamente e, em seguida, clicar em Salvar alterações na parte inferior da página:

Alterar a ordem das páginas

Isto pode ser útil, especialmente para defina uma das suas páginas existentes como página inicial em vez da página inicial atual. Para isso:

1. Clique no botão Configurações no menu lateral esquerdo – a lista das suas páginas será exibida.
2. Na estrutura existente, pode arrastar diretamente as suas páginas para alterar a sua ordem (isso influencia principalmente a exibição das páginas dentro de um menu) e, em seguida, Guardar as alterações na parte inferior da página:
   

Excluir uma página

Para isso:

1. Clique no botão Configurações no menu lateral esquerdo – a lista das suas páginas será exibida.
2. Passe o cursor sobre a página desejada na árvore existente.
3. Passe o cursor sobre o ícone de engrenagem e clique no ícone da lixeira que aparece ao passar o cursor:
   
4. Confirme a exclusão e a página desaparecerá sem possibilidade de anulação.

Outra possibilidade: aceda à página que pretende eliminar. Em Configurações, clique no botão vermelho Lixeira, na parte inferior da página, para eliminar a página atual:

Criar uma página privada / protegida por palavra-passe

Para isso:

1. Clique no botão Configurações no menu lateral esquerdo – a lista das suas páginas será exibida.
2. Passe o cursor sobre a página desejada na árvore existente.
3. Clique no ícone de engrenagem para acessar as opções da página.
4. Ative a opção de proteção por senha para definir uma senha que será solicitada ao acessar a página.
5. Salve as alterações na parte inferior da página:
   

Para testar, visite a página a partir de um navegador em modo de navegação privada (para não estar conectado ao Site Creator) ou pré-visualize a página a partir do editor:

Adicionar uma página "oculta"

Para adicionar uma página que não aparecerá no menu principal (mas que permanecerá acessível através do seu endereço direto e através de um motor de pesquisa, caso este indexe a sua página, bem como no mapa do site, se desejar):

1. Clique no botão Configurações no menu lateral esquerdo – a lista das suas páginas será exibida.
2. Passe o cursor sobre a página desejada na árvore existente.
3. Clique no ícone de engrenagem para acessar as opções da página.
4. Escolha o último tipo de exibição para ocultar a página na navegação e determine se deseja incluí-la no mapa do site.
5. Salve as alterações na parte inferior da página:
   

Outra possibilidade: passe o cursor sobre a página desejada na árvore existente e clique no ícone da página à esquerda do nome da sua página, até que o ícone com um círculo e uma barra apareça:

Salve as alterações na parte inferior da página.

Se necessário, pode criar um link para esta página oculta a partir de outra página, pois a página oculta aparecerá na lista de páginas do site quando adicionar um link interno:

This guide details how Infomaniak's Site Creator and the website created with it behave with different screen formats and resolutions.

Prerequisites

• Accessing Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator in question.
  • Click on the Edit my site button to start the editor:
    

Viewing the site on different devices

Websites created with Site Creator are automatically adapted to browsers regardless of their device (computer, mobile device, tablet, large and small screen, etc.). However, they may react differently depending on certain settings that you can adjust.

To preview the website version based on the viewing device:

1. Click on the ••• button at the very bottom of the left-hand side menu to expand the publishing and preview options:
   
2. Click on Preview:
   
3. At the top of the page, click on the action menu ⋮ to the right of Preview to change the type of viewing device.
4. Click on the different device icons to simulate the different display formats (mobile, vertical, horizontal, etc.):
   

Display your site in a reduced width

You can reduce the width of your site within a "container" or "box". This special display will only be visible on large screens, such as desktop computers:

1. Click on the Design button in the left-hand menu.
2. Click on More settings.
3. Activate the toggle switch for the Container display:
   
4. Save the changes at the bottom of the page.

Hide a content block based on the device type

In the options of a content block, by deactivating the default visibility, you can then define below that it should only be displayed on certain types of devices (e.g., mobile devices):

This guide concerns content blocks, which are one of the most important elements of Infomaniak's Site Creator.

Introduction

• Content blocks allow you to easily create content on your pages.
• There are all kinds of blocks available, including separators, price lists, site maps, and simple text or image blocks, etc.
• They are generally preconfigured to make it easier for you to get started.

Adding a content block

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator in question.
  • Click on the Edit my site button to start the editor:
    

Once in Site Creator:

1. Click on the Content button in the left-hand menu: the list of blocks will appear.
2. Choose the desired category on the left, then the desired content on the right.

By clicking on the desired content, you will add it to the page you were editing.

Another option: go directly to the page and hover over the space above or below an existing block:

Delete a content block

Hover over the block to be deleted on your page and click on the trash can that appears when you hover over it:

Confirm the deletion and it will disappear.

You can undo this type of operation.

Duplicate a block

Hover over the block to be duplicated on your page and click on the gear icon that appears when you hover over it.

Then, choose the desired location for its duplication:

Edit a content block

Each editable element of the content block will be highlighted when you move your mouse over it. Simply click on one of these elements to start editing.

In addition, you can edit the HTML code (recommended for advanced users only) if you need more control over any content block; this allows you, for example, to insert an HTML code for subscribing to the Infomaniak Newsletter.

You can also delete certain elements from your content blocks: when editing text, there is the "arrow to the right" button that displays more options and the Delete button:

To edit an image, click on it and a new window will appear. In the lower part, there is the Save button on the right and the red Delete button on the left:

Create a content block template

In the left sidebar, under the content that can be added to your page, you will find a button to Design a content block:

All the elements that make up the blocks are arranged on the left. You can drag them to your template block to design your ideal block. This will be inserted into your page by clicking on Apply changes at the bottom of the page:

Modify the block margins

Hover over the content block to be modified and click on the gear icon:

Scroll through the settings to Default block spacing and click on it to define your own settings:

The settings cogwheel also allows you to change the background color or image of the block:

Move a block up or down

The content of your page is divided into "blocks". You can add more blocks and rearrange them.

Hover over the content block you want to move, then click on the dots area in the upper left corner; hold down to move the block:

Create space between two blocks

To create horizontal space between content blocks, add a separator manually:

You can then define its color and size by clicking directly on the separator:

You can also "decorate" the top and bottom of a block in a more automatic way by activating the Decoration option when editing a block:

This guide helps you understand how to create and edit pages in Infomaniak's Site Creator.

Prerequisites

• Accessing Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator in question.
  • Click on the Edit my site button to start the editor:
    

Simple page editing

Page editing is done live, and your changes are saved as you go while you edit the content of your blocks. You can undo your changes if necessary.

Create a link

Create a link from an image or text by selecting the object directly. On the toolbar that appears, click on the action menu •••.

Then click on the link icon to open the section that will allow you to specify the type of link and the associated options:

Turn a link into a button

In your link settings, you can choose its style (rounded button, solid, etc.), the associated icon, etc.:

Edit a link

Edit a link by clicking on it and then clicking on the chain icon:

Create a link to a file

To allow your visitors to download a file from a link on an object, click Show more options in your link settings.

Then choose the "File" type, which will allow you to upload the corresponding file to the server, so that you can offer it for download to your visitors:

Create a link to an email

Choose the "Email address" type in your link settings. Clicking on the link will open the visitor's default email application and start composing an email with the pre-written email address:

To avoid having the email address hard-coded on your page, insert a contact form.

Create a link to a specific section

To direct the visitor to a specific section of your site or another site, use the anchor system.

Create a link from an image

When you click on an image to edit it, simply activate the "This is a link" button below the image to specify the URL that will be displayed when a visitor clicks on it:

You can also apply a link to an image by using a YouTube video as the URL: this will automatically create a PLAY-type icon that, when clicked, will open the video in a lightbox window.

Create a list, insert an emoticon... and save

The various text formatting options are located above the text selection:

1. Additional options (bulleted lists, alignment, emojis, etc.) are accessible via the ••• action menu.
2. Apply and validate the changes with the ✓ symbol.
3. Caution: the trash can deletes the text you are editing:
   
    

This guide is intended for users of the Site Creator tool who wish to go further in editing their pages.

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product on the Infomaniak Manager (need help?).
  • Click directly on the name assigned to the Site Creator in question.
  • Click on the Edit my site button to start the editor:
    

Open the HTML editor

Once in Site Creator, you can modify the HTML code (recommended for advanced users only) if you need more control over any content block:

1. Hover over the block to edit on your page and click on the gear icon that appears on hover:
   
2. Click on the HTML element in the left sidebar to edit the HTML code of the block:
   
3. Remember to save your changes:
   

Add an HTML block

To start from scratch with a blank HTML block, you can insert the Custom HTML Code module onto your page from the Apps list:

The text can then be edited using the HTML CODE button, which opens the HTML editor:

‍
You can also add code outside of the blocks.