Base de conhecimento

Este guia detalha as possíveis interações entre o Site Creator da Infomaniak e as redes sociais.

Especifique as URLs dos seus diferentes perfis de redes sociais

Comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, pode ser que não esteja na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Depois de acessar o Site Creator, para adicionar e permitir que os visitantes cliquem nos links das suas redes sociais:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em Redes sociais.
3. Indique os endereços dos seus diferentes perfis de redes sociais (TikTok, Instagram, etc.), incluindo um número de telefone e um endereço de e-mail, se desejar.‍
4. Salve as alterações na parte inferior da página:
   ‍

Adicionar os ícones dos seus perfis

Adicione ícones das suas redes sociais no rodapé ou no cabeçalho do seu site:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em Redes sociais.

Na parte inferior, você pode especificar onde deseja que os ícones correspondentes aos perfis que você preencheu anteriormente apareçam:

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

Adicionar um bloco de compartilhamento social

Entre os blocos que pode adicionar a uma página, um dos primeiros blocos oferece uma linha de botões que permite ao visitante subscrever-se facilmente às suas várias redes sociais:

Um segundo tipo de bloco oferece uma linha de botões que permite ao visitante partilhar a página nas principais redes sociais:

Obter o código QR do site

Para obter o código QR do seu site:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique no ícone de código QR no topo:
   

Você poderá baixar o código QR correspondente ao endereço da página inicial do seu site. Assim, um usuário que escanear seu código QR poderá acessar facilmente o seu site.

Alterar a imagem OG para compartilhamento em redes sociais

Ao compartilhar um link para o seu site nas redes sociais, uma miniatura (Og:image para a imagem OpenGraph) é frequentemente associada automaticamente:

1. Clique no botão Configurações no menu lateral esquerdo
2. Clique em SEO e metadados em Configurações gerais.
3. Role para baixo até Open Graph e escolha a imagem:
   

Este guia explica como alterar o idioma da interface do Site Creator Infomaniak e como gerenciar as traduções das suas páginas.

Alterar o idioma da interface

Comece por iniciar sessão no Painel de Controlo Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para apresentar apenas o Site Creator).
   • Se nada for exibido, poderá não estar na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Depois de acessar o Site Creator, para alterar o idioma:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em Configurações gerais.
3. Altere o idioma do Site Creator:
   

Um menu suspenso permite alterar o idioma da interface do editor Site Creator (isso também traduzirá alguns elementos acessíveis ao visitante, como o botão Pesquisar da barra de pesquisa, etc.); as opções são alemão, francês, espanhol, italiano e inglês.

Não se esqueça de salvar suas alterações na parte inferior da página.

Ofereça seu site em vários idiomas

Traduções automáticas e em tempo real de todas as suas páginas

Para oferecer a tradução automática do seu site:

1. Clique no botão Aplicações no menu lateral esquerdo.
2. Clique no módulo Traduções:
   

Pode adicionar ou remover os idiomas nos quais o seu site será apresentado ao visitante:

Com o mouse, mova os idiomas para a ordem desejada, o que afetará o menu suspenso de seleção de idioma (veja abaixo).

Este menu pode ser ativado na parte inferior da página de configuração do módulo de tradução:

Portanto, depois de determinar e classificar os idiomas na parte superior (não se esqueça de salvar suas alterações na parte inferior da página), ative o menu para oferecer ao visitante a opção de escolher o idioma por meio de um menu suspenso na parte superior da página:

Página traduzida manualmente

É possível oferecer uma página (única, por idioma) preparada manualmente, para a qual o visitante será redirecionado quando selecionar um idioma diferente do idioma principal por meio do menu suspenso de seleção de idiomas (veja acima).

Para isso, é necessário editar o idioma desejado clicando no ícone lápis ✎ e, em seguida, clicando no segundo botão de rádio ao lado do campo que permite especificar a URL da sua página traduzida:

Portanto, é possível redigir antecipadamente uma página por idioma. Para finalizar, o ideal é ocultar este tipo de página do seu menu principal:

Este guia destina-se aos utilizadores da ferramenta Site Creator da Infomaniak que desejam permitir que os visitantes efetuem uma pesquisa de texto no conteúdo do site.

Adicionar uma barra de pesquisa ao Site Creator

Comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, pode ser que não esteja na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Depois de acessar o Site Creator, para permitir que os visitantes pesquisem conteúdo em seu site, é preciso ativar a barra de pesquisa:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em Configurações gerais.‍
3. Ative a opção de pesquisa.
4. Salve as alterações na parte inferior da página.
5. Visualize a nova localização da pesquisa na sua página inicial:
   ‍
   • Um ícone de lupa será adicionado no cabeçalho do seu site e a barra de pesquisa aparecerá ao clicar nele:
     ‍

Este guia explica como personalizar o código fonte, modificar o CSS ou alterar a parte HEAD ou BODY de um site criado com o Site Creator da Infomaniak.

Adicionar código personalizado

Comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, pode ser que não esteja na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Depois de abrir o Site Creator:

1. Clique em Design no menu lateral esquerdo.
2. Clique em Mais configurações.
3. Clique em Código personalizado na parte inferior:
   
4. Insira código HTML, JavaScript (com suas tags script) ou CSS personalizado (com suas tags style) – veja abaixo alguns exemplos.
5. Salve as alterações na parte inferior da página.

Metadados em HEAD e BODY

Para adicionar código JavaScript ou qualquer outro código na parte HEAD ou BODY do código-fonte do seu site:

1. Clique em Configurações no menu lateral esquerdo.
2. Clique em SEO e Metadados na seção Configuração do site:
   
3. Desça até à secção Código personalizado.
4. Escolha adicionar o código antes ou depois das secções HEAD ou BODY.
5. Salve as alterações na parte inferior da página:
   

Exemplos de personalização CSS

Estes exemplos permitem iniciar a personalização avançada das páginas do site. No entanto, existe o risco de, dependendo das modificações efetuadas, não conseguir aceder ao editor, o que o obrigará a começar tudo de novo.

Personalizar o fundo do site

Para definir a imagem de sua preferência (que deve ser carregada na biblioteca de arquivos) como fundo da página e personalizar sua exibição:

1. Vá para o ponto 3, visível na primeira imagem no topo deste guia.
2. Insira o código <style> para indicar que deseja modificar o código CSS.
3. em seguida, body { para indicar que você deseja modificar o corpo da página e as "{" para abrir o espaço onde as instruções podem ser inseridas,
4. em seguida, background-image: url("../data/files/fond01.jpg"); com o caminho e o nome exatos da imagem carregada na biblioteca, sem esquecer o ponto e vírgula para poder inserir a instrução seguinte.
5. background-repeat: repeat; para repetir a imagem inserida.
6. background-attachment: fixed; para que a imagem de fundo permaneça fixa, mesmo que o visitante role a página para baixo ou para cima para ler o conteúdo.
7. } para fechar o espaço de inserção aberto anteriormente.
8. </style> para indicar que o código termina aqui.

Aumentar o espaçamento entre as letras de todos os links do site

Para aumentar (consideravelmente) o espaçamento entre as letras nas palavras clicáveis (links):

1. Vá para o ponto 3, visível na primeira imagem no topo deste guia.
2. Insira o código (se ainda não estiver presente) <style> para indicar que deseja modificar o código CSS.
3. em seguida, .container div a { para indicar que você deseja modificar os blocos da página e, mais especificamente, os links ("a") e o "{" para abrir o espaço onde você pode inserir os comandos,
4. em seguida, letter-spacing:1em;, diminuindo o valor (0.9em, por exemplo), sem esquecer o ponto e vírgula para poder inserir o comando seguinte ou finalizar.
5. } para fechar o espaço de inserção aberto anteriormente.
6. </style> para indicar que o código termina aqui.

Consulte estes outros exemplos de código CSS para inserir no seu site.

Este guia aborda as “Aplicações” (ou “módulos”, “extensões”) disponíveis no Site Creator Infomaniak dependendo da versão que você possui, para criar um site institucional, um blog ou uma loja online 100% personalizável, sem nenhum conhecimento técnico.

Diferentes Aplicações

Além dos blocos de conteúdo que oferecem diferentes layouts pré-definidos, você também pode inserir blocos na forma de módulos, cada um com uma função específica:

1. Vídeo
2. Leitor de áudio
3. Carrossel de imagens / apresentação de slides
4. Download de arquivo
5. Localização no mapa
6. Pesquisa
7. Base de conhecimento
8. Perguntas e respostas
9. Calendário
10. Calendly
11. Menu de subpáginas
12. Mapa do site
13. Adicionar ao Google
14. Código HTML personalizado
15. Formulário de contato
16. Blog
17. Loja
18. Leitor de feeds RSS
19. Cardápio do restaurante
20. Google Analytics

Inserir um módulo numa página

Comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, pode ser que não esteja na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Depois de acessar o Site Creator:

1. Clique no botão Conteúdo no menu lateral esquerdo.
2. Clique em Aplicações na parte inferior e o conteúdo disponível será exibido à direita.
3. Clique em uma dessas aplicações para inseri-la na página:
   
4. Depois de inserido, passe o cursor sobre o módulo (ou sobre o próprio bloco, dependendo do módulo) para acessar suas configurações:
   

Módulo múltiplo ou módulo desaparecido

Se eliminar um dos seus módulos (como o módulo para criar uma enquete) já configurado e quiser voltar atrás, clique em Cancelar imediatamente:

ou

Também pode reinserir o módulo, que deverá reaparecer com as configurações anteriores.

Não é possível inserir vários módulos do mesmo tipo para personalizá-los de forma independente.

Outras integrações e widgets

Clique no botão APLICAÇÕES na barra lateral esquerda do Site Creator:

Para adicionar um contador que permita exibir uma contagem regressiva:

1. No menu lateral esquerdo, clique no botão Conteúdo.‍
2. Clique em Objetos na lista e o conteúdo disponível será exibido à direita.
3. Clique em um desses objetos para inseri-lo na página:
   
4. Depois de inserido, passe o cursor sobre o módulo para acessar suas configurações:
   

Este guia explica como adicionar e personalizar um botão na sua página Site Creator Infomaniak, incluindo um botão fixo que permite retornar ao topo da página.

Adicionar um link na forma de botão

Comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, pode ser que não esteja na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Dentro do Site Creator, para adicionar um botão (que direciona para o URL de sua escolha ao ser clicado):

1. Escreva o texto do botão.
2. Selecione o texto.
3. Toque nos pontos ••• à direita da barra de ferramentas para acessar as opções adicionais.
4. Clique, em seguida, no ícone de elo para abrir a seção que permitirá especificar o tipo de link e as opções associadas:
   
5. Configure a página de destino e a aparência do botão.
6. Salve as alterações na parte inferior da guia:
   
7. Visualize o botão na sua página.
8. Clique no botão para retornar ao editor, se necessário:
   

Adicionar um botão “Voltar ao topo”

Para adicionar e personalizar um botão que leva o visitante de volta ao topo da sua página do Site Creator assim que a página for rolada:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Mais configurações.
3. Ative a opção para exibir o botão de voltar na parte superior.
4. Ajuste o espaçamento a partir da margem direita.
5. Salve as alterações na parte inferior da página:
   

Atualize a página, se necessário, para ver a alteração:

Consulte este outro guia sobre uma solução alternativa.

Este guia ajuda você a personalizar um site criado com o Site Creator da Infomaniak.

Alterar as cores do site

Comece por iniciar sessão no Painel de controlo Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para acessar o gerenciamento de hospedagens e sites (filtrado para exibir apenas o Site Creator).
   • Se nada for exibido, você pode não estar na Organização à qual seu site está vinculado (❓: ajuda).
2. Clique no nome do Site Creator desejado:
   
3. Clique no botão para editar o seu site:
   

Depois de entrar no Site Creator, para gerir os temas, cores e fontes:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Cores do site:
   

Pode escolher entre as paletas de cores disponíveis ou criar o seu próprio conjunto de cores personalizado.

Abaixo, existem configurações mais específicas, onde pode especificar a quais elementos uma cor deve ser aplicada:

Gerenciar o fundo (imagem/cor) dos blocos

Na página de edição do seu site, passe o mouse sobre um bloco e clique no ícone de engrenagem para acessar as configurações:

Carregar um modelo de site

Pode alterar o design completo do seu site alterando o tema e decidindo o que deve ser substituído ou não no site atual durante a alteração:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Escolha do tema:
   

É aqui que pode escolher entre os temas de sites disponíveis:

Quando encontrar o seu novo tema, clique em Instalar e, em seguida, poderá escolher as partes do novo modelo que pretende importar (por predefinição, apenas as cores, as fontes ou o estilo do menu) para evitar que o conteúdo do seu site seja substituído.

Se o seu site for novo, pode escolher mais opções durante a importação.

Alterar as fontes do site

Para isso:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Fontes:
   

Pode alterar facilmente as fontes principais do site, sendo a primeira fonte utilizada para os títulos e a segunda fonte para o conteúdo.

Abaixo, existem configurações mais específicas, onde você pode especificar a quais elementos uma fonte deve ser aplicada.

Não é possível importar ou adicionar uma fonte personalizada.mas pode alterar o fornecedor (a lista de fontes será a mesma) por questões de privacidade, por exemplo:

1. Clique em Configurações no menu lateral esquerdo.
2. Clique em Configurações gerais
3. Escolha o fornecedor das fontes:
   

Resolver um problema de texto ausente/invisível

Se você perceber que o seu bloco de texto desapareceu ou está invisível

selecione todo o conteúdo do site (ctrl + a ou cmd + a no Mac); se você vir que o seu conteúdo está lá, isso provavelmente significa que as configurações do bloco estão definidas para um fundo escuro:

Nesse caso, vá para as configurações do bloco e certifique-se de que a opção "Fundo escuro" não esteja marcada. Isso deve resolver o problema:

Este guia explica como gerenciar a parte do logotipo, cabeçalho e rodapé em Site Creator da Infomaniak.

Adicionar um logotipo ao site

Comece por iniciar sessão no Painel de Controlo Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, poderá não estar na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Dentro do Site Creator:

1. Clique no botão Configurações na barra lateral esquerda.
2. Clique em Logotipo/título.‍‍
3. Carregue uma imagem e escolha se o nome do site também deve ser exibido ao lado.
4. Salve as alterações:
   

Configurações do logotipo

1. Clique no botão Design na barra lateral esquerda.
2. Clique em Editor de Menu.
3. Clique em Título/logotipo.
4. Em seguida, ajuste os espaçamentos e as cores.
5. Salve as alterações:
   

Exibição do logotipo no centro

No mesmo local indicado acima (você também pode acessá-lo passando o mouse sobre o cabeçalho e seu logotipo),ative a opção para exibir o logotipo em uma linha separada, o que centralizará o logotipo do site:

Ocultar o logotipo (e o cabeçalho e o rodapé)

Para criar uma página sem logotipo, que não terá nem cabeçalho (e, portanto, nenhum menu exibido) nem rodapé, é preciso defini-la como Página inicial (ou seja, "Página de destino"; atenção, isso não altera a ordem das páginas) através de um botão que se encontra aqui:

1. Clique no botão Configurações na barra lateral esquerda.
2. Clique em Lista de páginas.
3. Passe o cursor sobre uma página na árvore existente e clique no ícone de engrenagem que aparece ao passar o cursor.
4. ‍Ative a opção na parte inferior "Página inicial" para ocultar cabeçalhos e rodapés:
   

Este guia explica como modificar alguns detalhes de um site criado com o Site Creator da Infomaniak.

Alterar o nome do site

Comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, pode ser que não esteja na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Depois de acessar o Site Creator, clique no botão Configurações na barra lateral esquerda e, em seguida, em Título do site:

Dados da empresa

Clique no botão Configurações na barra lateral esquerda e, em seguida, em Informações de contato, em Configuração do site:

Este guia aborda a configuração, no Site Creator da Infomaniak, do ícone exibido na barra de favoritos de um navegador como Brave, Chrome, Edge, Firefox, Opera, Safari…, o favicon.

Introdução

• Os formatos recomendados pela Microsoft para os seus navegadores são 16 x 16, 32 x 32 e 48 x 48.
• A Apple, por sua vez, recomenda que a dimensão do favicon seja de 180 x 180.

Definir o favicon no Site Creator

Comece por iniciar sessão no Painel de controlo Infomaniak com a sua conta (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para acessar o gerenciamento de hospedagens e sites (filtrado para exibir apenas o Site Creator).
   • Se nada for exibido, você pode não estar na Organização à qual seu site está vinculado (❓: ajuda).
2. Clique no nome do Site Creator desejado:
   
3. Clique no botão para editar o seu site:
   

Depois de estar no Site Creator, para definir um novo favicon:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em Configurações gerais:
   
3. Role para baixo até à secção Favicon e clique para escolher uma imagem:
   
4. Importe/selecione o favicon no seu disco rígido:
   
5. Salve as alterações na parte inferior da página:
   
6. Visualize o resultado no seu navegador (se necessário, numa nova janela em modo de navegação privada, por exemplo):
   

Este guia explica como adicionar e configurar um formulário de contacto no seu site criado com o Site Creator Infomaniak.

Criar um formulário de contacto personalizado

Comece por iniciar sessão no Painel de Controlo Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para apresentar apenas o Site Creator).
   • Se nada for exibido, poderá não estar na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Dentro do Site Creator, você pode criar um ou mais formulários para que seus visitantes possam escrever uma mensagem, inscrever-se em uma atividade ou, em resumo, preencher qualquer tipo de formulário online, com ou sem anexos:

1. Clique no botão Conteúdo no menu lateral esquerdo.
2. Clique em Aplicações na parte inferior da lista.
3. Clique em Criador de formulários:
   
4. Crie seu formulário usando os elementos à esquerda.
5. Salve na parte inferior da página:
   

Depois de criar o primeiro formulário, pode inseri-lo clicando em ‍ no local desejado e selecionando-o:

O formulário criado será inserido na sua página:

Configurações do formulário de contato

Você pode personalizar a mensagem de agradecimento, a página de redirecionamento (se houver) após o envio, o endereço de e-mail utilizado e adicionar um captcha (recomendado), entre outras opções.

Para isso, passe o cursor sobre o módulo para acessar suas configurações:

Se necessário, clique no formulário que deseja editar e, em seguida, em Propriedades do formulário:

Também pode eliminar o formulário criado para que este deixe de ser proposto:

Este guia explica como criar galerias com as suas fotos no Site Creator da Infomaniak.

Criar uma galeria de fotos

Comece por iniciar sessão no Painel de Controlo Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, poderá não estar na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Dentro do 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. Ative Mostrar mais opções para escolher o tipo de página GALERIA DE FOTOS:
   
4. Valide, a nova página com o módulo de galeria de fotos é exibida na tela:
   

Configurar a galeria de fotos

Para isso:

1. Passe o cursor sobre o módulo para acessar as configurações da galeria.
2. Clique em Editar:
   

Álbuns de fotos

Pode criar galerias de fotos adicionais para os seus diferentes álbuns:
‍

Alterar a ordem das fotos

Quando a sua galeria é criada, cada nova foto que carrega a partir do seu computador é adicionada ao final da lista de fotos. Pode alterar facilmente esta ordem arrastando as fotos com o rato quando edita uma galeria:

Além disso, pode adicionar uma descrição a qualquer uma das suas fotos. Embaixo de cada imagem, notará o campo "Descrição da imagem". Comece a digitar a sua descrição e pressione o botão verde para guardar as alterações:

Adicionar um widget de apresentação de imagens

Para configurar um ou mais widgets de apresentação dinâmica, nos quais uma ou mais fotos deslizarão lateralmente (sem qualquer relação com as galerias de fotos descritas acima):

1. Clique no botão Aplicações no menu lateral esquerdo.
2. Clique em Slider:
   
3. Configure o widget de acordo com as suas preferências.
4. Insira o widget configurado no local desejado, clicando em Conteúdo e, em seguida, em Apps, e escolha Slider:
   
5. Selecione o carrossel criado para inseri-lo na página:
   

Este guia explica como adicionar e configurar um módulo de blog no seu site criado com o Site Creator da Infomaniak.

Introdução

• Não existe uma funcionalidade que permita a gestão de múltiplos utilizadores na secção Blog (nem no Site Creator).
  • Vários utilizadores da mesma Organização que tenham acesso ao Site Creator (através da sua autorização de acesso ao alojamento web, por exemplo) poderão publicar no blog, mas a identidade do autor permanecerá a mesma para todos.
• Não existe a possibilidade de escrever e deixar páginas inteiras do blog em modo “rascunho”.

Começar um blog no Site Creator

Comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para acessar o gerenciamento de hospedagens e sites (filtrado para exibir apenas o Site Creator).
   • Se nada for exibido, você pode não estar na Organização à qual seu site está vinculado (❓: ajuda).
2. Clique no nome do Site Creator correspondente:
   
3. Clique no botão para editar o seu site:
   

Depois de entrar no Site Creator, na página onde deseja inserir os seus futuros artigos de blog:

1. Clique no botão + localizado abaixo de um bloco já inserido:
   
2. Clique em Aplicações (na aba Conteúdo que se abriu quando você clicou para adicionar o bloco visual).
3. Clique no módulo Blog:
   
   • Se esta for a primeira vez que insere este módulo, verá o seguinte bloco visual com um exemplo do primeiro artigo publicado (vá para o ponto 4 abaixo):
     
   • Se já testou o módulo Blog anteriormente e o removeu das suas páginas, verá o seguinte:
     
     1. Clique na primeira opção para inserir o bloco principal.
     2. Clique na segunda opção para exibir um bloco com os 3 últimos artigos publicadosapenas se já tiver um bloco principal inserido noutro local do site.
4. Depois de inserir o módulo Blog, passe o cursor sobre o bloco e clique no botão de menu com três linhas horizontais ☰ Blog e, em seguida, em ‍ Novo artigo para inserir um artigo em branco:
   

Publicar conteúdo utilizando inteligência artificial

Para redigir conteúdo e, se necessário, aprimorar seus textos, é possível obter ajuda da inteligência artificial Euria, como acontece em outras páginas do Site Creator. Consulte este outro guia sobre o modelo utilizado pelo assistente de redação e as responsabilidades de cada um:

1. Escolha uma imagem para o banner, insira um título, um subtítulo opcional e o corpo do artigo com diferentes formatações:
   
2. Pressione o sinal + no texto do artigo ou a tecla Tab do seu teclado:
   
3. Selecione o conteúdo e clique nele para exibir uma barra de ferramentas de formatação de texto.
4. Nesta barra de ferramentas, aceda às funcionalidades oferecidas pela IA (tradução, reformulação, correção, etc.):
   
5. Publique clicando no botão Publicar (ou salve o rascunho para mais tarde).

Editar o blog

Para ativar os comentários, as notificações por e-mail, a visualização em formato de lista e a ordenação dos mesmos, etc.:

1. Clique em Aplicações no menu lateral esquerdo.
2. Clique em Blog.
3. Clique em Configurações e ajuste suas preferências, não se esquecendo de salvar na parte inferior da página:
   

Editar artigos do blog

Não importa onde você esteja ao editar seu site, basta ir ao menu Aplicações no canto inferior esquerdo e clicar em Blog:

Para editar o conteúdo do seu artigo, clique em Gerenciar artigos no menu lateral esquerdo e passe o mouse sobre o ícone de lápis ✎ para clicar nele:

Para configurar (veja abaixo) um dos artigos, passe o mouse sobre o ícone de engrenagem e clique nele:

Etiquetar, arquivar ou definir uma data de validade para um artigo

Um artigo de blog pode desaparecer da sua lista de artigos, seja definindo uma data de validade para ele, seja arquivando-o imediatamente. Também é possível adicionar uma etiqueta que será clicável para o visitante e facilitará a navegação entre os artigos:

Não se esqueça de guardar as alterações na parte inferior da página.

Data dos artigos

Por padrão, os novos artigos do blog serão adicionados com a data de "hoje", mas é possível modificá-la:

1. Passe o mouse sobre o link da data e clique nele (diretamente no artigo):
   
2. Escolha uma nova data.

Este guia para o Site Creator da Infomaniak aborda o tema dos cookies do navegador e o aviso exibido aos visitantes do seu site.

Introdução

• Por padrão, quando o seu site é novo, nenhum cookie deve ser armazenado nos dispositivos dos seus visitantes e não há funcionalidades de rastreamento para anúncios ou marketing.
• Como administrador do site, alguns dados são armazenados nos seus próprios cookies (como as informações que indicam que você é um administrador do site).
• Se adicionar aplicações/módulos integrados ao seu site (❓: ajuda), podem ser utilizados cookies; por exemplo, se adicionar um módulo de sondagem, este utilizará cookies quando o visitante do site votar (para lembrar que já votou).

Mensagem de aviso para o visitante

Comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, pode ser que não esteja na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Dentro do Site Creator, você pode ativar uma mensagem de consentimento para cookies que será exibida em uma pequena janela pop-up na parte inferior da tela para todos os novos visitantes do seu site:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em Dados de contato em Configurações do site.
3. Ative a opção de informações sobre cookies para configurar a breve mensagem e o URL para informações adicionais.
4. Defina o tipo de visualização, expandida ou não (veja mais abaixo).
5. Salve as alterações na parte inferior da página:
   ‍

Configurações adicionais da notificação

A mensagem de consentimento pode ser configurada por padrão ou de forma mais detalhada, quando você clica em Exibir. O resultado obtido é o seguinte:

• padrão:
  
• expandido:
  
  e um clique em Configurações exibe o seguinte:
  

Este guia explica como evitar publicar diretamente as modificações em uma página do Site Creator da Infomaniak.

Introdução

• O modo de rascunho permite não publicar as seguintes modificações:
  • adição de um novo bloco de conteúdo através do menu Conteúdo
  • modificações visuais ou textuais de um bloco de conteúdo
  • remoção de um bloco de conteúdo
• O modo de rascunho não se aplica a:
  • alterações globais de design, através do menu Design (cores, fontes…)
  • modificações de conteúdos relacionados com aplicações (perguntas/respostas, comércio eletrónico…)
  • modificações das configurações globais, através do menu Configurações (páginas, idiomas…)
  • subpáginas da página que está a despublicar

1. Fazer backup sem publicar

Comece por iniciar sessão no Painel de Controle Infomaniak com a sua conta (utilizador com as permissões necessárias para o produto em questão):

1. Clique aqui para acessar o gerenciamento de hospedagens e sites (filtrado para exibir apenas o Site Creator).
   • Se nada for exibido, você pode não estar na Organização à qual seu site está vinculado (❓: ajuda).
2. Clique no nome do Site Creator correspondente:
   
3. Clique no botão para editar o seu site:
   

Depois de estar no Site Creator, pode colocar uma página no modo rascunho para fazer alterações no texto ou em outros conteúdos de uma página, que não serão visíveis em tempo real, até que decida voltar a colocar o site no modo de publicação:

1. Clique no botão   ...   ‍‍‍ localizado na parte inferior do menu lateral esquerdo para expandir as opções de publicação e visualização.
2. Clique em Ao Vivo para alternar para o modo Não Publicado:
   
3. Agora, o modo amarelo exibido na parte inferior indica que todas as suas modificações (apenas nesta página) não serão exibidas em tempo real (ao contrário do modo Em tempo real / Live), pois não serão publicadas automaticamente:
   
   • As modificações serão salvas em um rascunho, mesmo que você saia da página ou do editor…
   • No modo rascunho, você pode trabalhar na página, adicionar texto, salvá-lo, sair, retornar para continuar editando, e esse trabalho não será publicado até que você decida explicitamente (veja mais abaixo):
     
   • Dependendo das modificações feitas (adição de um bloco de conteúdo, por exemplo), lembre-se de editar o texto para validar suas alterações e salvá-las.
   • Para verificar e confirmar que suas modificações em andamento não estão sendo publicadas gradualmente, basta acessar o endereço do seu site a partir de outra página do navegador, no modo anônimo, por exemplo.

2. Publicar as alterações ou eliminar o rascunho

Pode sair do modo Rascunho para voltar a publicar instantaneamente:

1. Quando o modo Não publicado estiver ativo, clique no botão amarelo do modo Não publicado para exibir um painel de configurações:
   
2. O painel de configurações é aberto para que você possa:
   1. publicar suas alterações,
   2. ou excluir o rascunho atual e retornar ao estado inicial da página:
      

Exemplo

1. Com o modo Em direto (visível na parte inferior do ecrã), uma modificação é exibida imediatamente aos visitantes da página.
2. Com o modo Não publicado / rascunho (identificável por um símbolo amarelo na parte inferior das páginas que estão neste modo), suas modificações não são visíveis em tempo real.
3. Saia da página para trabalhar em outra página; o modo retorna ao modo padrão, ou seja, o modo Em tempo real, pois a página não é a mesma e o modo se aplica apenas às páginas selecionadas.
4. Volte à página que estava em modo de rascunho; um símbolo na parte inferior da página indica sempre que o modo de rascunho está ativado.
5. Clique nele para escolher entre publicar ou eliminar as alterações e restaurar a página ao estado em que se encontrava antes das suas modificações no modo de rascunho.

Este guia detalha o uso de mídia no Site Creator da Infomaniak.

Note que também é possível inserir outros elementos, como por exemplo um formulário de inscrição na newsletter Infomaniak.

Adicionar uma imagem

Comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, pode ser que não esteja na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Dentro do Site Creator, os arquivos de mídia são gerenciados na biblioteca de arquivos:

• Adicione um novo bloco de conteúdo:
  
• Os arquivos multimídia podem ser substituídos ou complementados:
  

Além disso:

1. Clique no botão Conteúdo no menu lateral esquerdo.
2. Clique em Objetos na lista para inserir uma imagem.
3. Clique no bloco IMAGEM à direita:
   
4. Depois de adicionar a imagem, você também pode transformá-la em um link clicável ou modificar seu tamanho no editor de imagem:
   

Você também pode adicionar imagens como um módulo de Galeria de fotos.

Alterar imagem

Para substituir uma imagem inserida, que manterá as características da imagem anterior:

1. Clique em uma imagem para editá-la.
2. Clique no botão do tipo Moldura de foto na miniatura da imagem para poder selecionar uma nova imagem que substituirá a anterior:
   

Adicionar um vídeo

Para adicionar um vídeo:

1. Clique no botão Conteúdo no menu lateral esquerdo.
2. Clique em Objetos na lista.
3. Clique no bloco VÍDEO à direita para inserir um vídeo em tela cheia:
   

Você também pode aplicar um link a uma imagem usando um vídeo do YouTube como URL: isso criará automaticamente um ícone do tipo PLAY que, ao ser clicado, abrirá o vídeo em uma janela do tipo lightbox.

Adicionar um arquivo de áudio

Para adicionar um arquivo de áudio:

1. Clique no botão Conteúdo no menu lateral esquerdo.
2. Clique em Aplicações na parte inferior.
3. O conteúdo disponível é exibido à direita.
4. Clique no reprodutor de áudio para inseri-lo na página e escolher os arquivos:
   

Você pode personalizá-lo de forma avançada através da edição HTML.

Adicionar um arquivo para download

Para disponibilizar facilmente um arquivo para download:

1. Clique no botão Conteúdo no menu lateral esquerdo.
2. Clique em Aplicações na parte inferior.
3. O conteúdo disponível é exibido à direita.
4. Clique no widget Download de arquivo para inseri-lo na página:
   
5. Selecione na biblioteca o arquivo que poderá ser baixado pelos seus visitantes.

Este tutorial apresenta a criação de menus de navegação para o seu site, criado com o Site Creator da Infomaniak, bem como a sua composição, estilos e parâmetros.

Os diferentes menus de navegação

Comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, pode ser que não esteja na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique no botão para editar o seu site:
   

Depois de acessar o Site Creator, as diferentes páginas que compõem seu site podem ser acessadas dentro de um ou mais menus de navegação:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Por padrão, a lista das suas páginas é exibida, organizada em 2 categorias principais: MENU PRINCIPAL e LEGAL:
   

Mas você pode adicionar várias outras.

Esses menus, com as páginas que contêm, são então reutilizados em diferentes partes do seu site, dependendo do tema escolhido:

• Você geralmente encontrará o menu principal posicionado na parte superior da página:
  
• e os outros menus serão automaticamente exibidos no rodapé:
  

Gerenciar menus

Adicionar um novo menu

Para isso:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Passe o cursor sobre um título de menu na árvore existente.
3. Clique no ícone "+" que aparece ao passar o mouse:
   

Você poderá gerenciar a exibição do menu no mapa do site ou removê-lo (juntamente com todas as suas páginas):

1. Clique no botão Configurações no menu lateral esquerdo.
2. Passe o cursor sobre um título de menu na árvore existente e clique no ícone de engrenagem que aparece ao passar o cursor:
   
3. Selecione as configurações desejadas e valide na parte inferior da página:
   

Consulte este outro guia para impedir que o menu seja exibido.

Criar um subitem num menu

Para tal:

1. Clique no botão Configurações no menu lateral esquerdo.
   • A lista das suas páginas será exibida.
2. Com o rato, mova uma página ligeiramente para a direita, posicionando-a abaixo de outra página:
   
   • Ela se tornará uma subpágina e o seu menu no site poderá exibir a estrutura hierárquica assim criada:
     
   • Consulte também a dica abaixo…

Título do menu não clicável

Se necessário, escolha a opção para não tornar o primeiro elemento de um menu com elementos de submenu clicável (conforme configurado acima):

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em Configurações gerais para modificar esta configuração em Opções do submenu:
   

Item de menu contendo um link para outro site

Para isso:

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. Insira um nome de página e clique em Mostrar mais opções.
4. Escolha o redirecionamento de URL para especificar o destino ao clicar:
   

Menu superior adicional

Para exibir uma “barra de menu” na parte superior da sua página:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Mais configurações.
3. Ative a Barra de menu do cabeçalho:
   
4. Após a ativação, você pode personalizá-la através do link Configurações, no mesmo local:
   

Estilos de menu

Para gerenciar os diferentes estilos de menu:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Editor de menu:
   
3. Em seguida, clique em Configuração:
   
4. Você poderá, por exemplo, decidir a localização dos seus menus (na esquerda da página ou no topo, fixo ou móvel, tipo "menu hambúrguer ☰" à direita ou normal, etc.):
   

Alterar a cor do menu "hambúrguer" (☰)

Se este botão de menu com três linhas horizontais ☰ aparecer, por exemplo, em branco sobre um fundo branco num dispositivo móvel:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Editor de menu.
3. Clique em Título do menu / logotipo.
4. Ajuste a cor do texto:
   

Adotar um novo tema de menu

Altere completamente o estilo predefinido usando os temas na parte superior do submenu:

• Clique em Modelos de menu (sempre em Design, depois em Editor de menu):
  

Menu fixo

A maioria dos menus propostos irá mover-se com o conteúdo da página.

• O menu desaparece ao rolar a página para baixo:
  
  
  
• Pode definir um menu que deve permanecer fixo na parte superior (com diferentes opções visuais):
  
  

Para ativar ou desativar o menu fixo:

1. Clique em Design.
2. Clique em Editor de menu.
3. Clique em Configuração principal.
4. Selecione No cabeçalho na caixa Tipo de menu.
5. O botão de alternância Fixar no topo aparece mais abaixo e você pode ativá-lo.
6. Clique em Guardar:
   

Alguns modelos de menu (como o #3 e o #16) aplicam diretamente as configurações ideais para um menu fixo.

Inserir os seus menus no corpo da página

Um módulo Menu de subpáginas permite inserir os seus menus e submenus em qualquer lugar da sua página:

• Adicione o elemento a partir de Aplicativos:
  

O módulo mapa do site exibe todos os menus e todas as suas páginas em um único bloco.

Definir a URL da página

Por padrão, se o nome da sua página for Contato, a URL para acessá-la será www.dominio.xyz/contato.

Se, posteriormente, você alterar o nome da página para Hello, a URL será www.domain.xyz/hello.

Para definir a URL personalizada da página em que você está:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em SEO e Metadados (em Configurações desta subpágina).
3. O primeiro campo na parte superior permite definir o endereço da página. Todos os espaços serão transformados em hífens e é recomendável evitar caracteres especiais, acentos, símbolos, etc.:
   

Se forem efetuadas alterações no URL durante a criação do site e um menu já contiver um link para a página em questão, este será atualizado dinamicamente.

Este guia trata da função de anulação no Site Creator da Infomaniak.

Introdução

• Não é possível realizar cópias de segurança ou restaurações a partir do painel de controlo Infomaniak.
• Por exemplo, se eliminar um bloco de conteúdo e quiser restaurá-lo, pode desfazer até às 20 últimas operações no Site Creator.

Cancelar uma operação

Comece por iniciar sessão no Painel de Controlo Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para acessar o gerenciamento de hospedagens e sites (filtrado para exibir apenas o Site Creator).
   • Se nada for exibido, você pode não estar na Organização à qual seu site está vinculado (❓: ajuda).
2. Clique no nome do Site Creator correspondente:
   
3. Clique no botão para editar o seu site:
   

Depois de entrar no Site Creator:

1. Clique no botão  …  ‍‍‍ localizado na parte inferior do menu lateral esquerdo do Site Creator, para expandir as opções de cancelamento.
2. Clique em Cancelar e confirme a restauração (as setas ao lado permitem "navegar" entre as últimas cópias de segurança):
     
   

Este guia explica como colocar temporariamente um site criado com o Site Creator Infomaniak fora do ar.

Introdução

• A página de manutenção será exibida apenas para os seus visitantes:
  
• Ao permanecer conectado ao editor, você mantém acesso total ao seu site para visualizá-lo e modificá-lo através do Site Creator.
• Nenhuma tradução está disponível no momento; a página de manutenção será exibida apenas em francês.

Colocar o Site Creator em modo de manutenção

Para desativar temporariamente o Site Creator:

1. Clique aqui para acessar o gerenciamento de hospedagens e sites (filtrado para exibir apenas o Site Creator).
   • Se nada for exibido, você pode não estar na Organização à qual seu site está vinculado (❓: ajuda).
2. Clique em o nome do Site Creator em questão:
   
3. Clique em Gerenciar ‍ na parte superior da página.
4. Clique em Ativar a manutenção:
   
5. Confirme a operação.
6. Ative a manutenção:
   

Desative a página de manutenção

Para colocar o site novamente online para os seus visitantes:

• Repita a operação acima. O menu permite desativar o modo de manutenção:
  

Você também pode ativar e desativar a manutenção na página de gerenciamento dos seus sites:

Este guia explica como conectar um site criado com o Site Creator da Infomaniak a um nome de domínio.

✘ INDISPONÍVEL com
Site Creator Free

Pré-requisitos

• A oferta Site Creator Free permite acessar o site por meio de um endereço no formato 123xyz.infomaniak.site…
  • Para conectar um nome de domínio personalizado, é necessário, previamente, migrar para uma oferta superior:
    
• As ofertas Site Creator Lite e Pro incluem um nome de domínio gratuito por 1 ano entre as extensões .ch, .com, .fr, .org, .co.uk, .be, .de, .eu, .it, .es.
• Se desejar utilizar um domínio existente, este deverá estar na mesma Organização.
• Certifique-se de ter concluído a instalação inicial, selecionando um tema:
  • Após concluir esta etapa, você poderá acessar o painel do Site Creator e conectar seu nome de domínio.

Conectar o Site Creator a um nome de domínio

Para conectar o Site Creator (exceto a oferta Free) a um nome de domínio, comece por iniciar sessão no Painel de Controle Infomaniak com o seu identificador (utilizador com os direitos necessários sobre o produto em questão):

1. Clique aqui para aceder à gestão de alojamentos e sites (filtrada para mostrar apenas o Site Creator).
   • Se nada for exibido, pode ser que não esteja na Organização à qual o seu site está associado (❓: ajuda).
2. Clique em o nome do Site Creator em questão.
3. Clique em Conectar meu site a um domínio para iniciar o assistente de configuração:
   
4. O assistente oferece a opção de criar um novo nome de domínio ou usar um nome já existente:
   
   • Se você criar um novo nome de domínio neste momento, será necessário retornar a este assistente de configuração após a conclusão do pedido.
   • Se você optar por associar um domínio existente à sua organização, o assistente exibirá a lista de domínios e um subdomínio poderá ser criado:
     
5. Clique no botão Seguinte:
   
6. Verifique o endereço escolhido e clique no botão para Confirmar:
   

Gerenciar o(s) nome(s) de domínio do Site Creator

Para gerenciar o(s) nome(s) de domínio usado(s) com o Site Creator, comece por se conectar ao Painel de Controle Infomaniak com seu identificador (usuário com as permissões necessárias para o produto em questão):

1. Clique aqui para acessar o gerenciamento de hospedagens e sites (filtrado para exibir apenas o Site Creator).
   • Se nada for exibido, você pode não estar na Organização à qual seu site está vinculado (❓: ajuda).
2. Clique no nome do Site Creator correspondente:
   
   

Na parte superior da página, são exibidas as mensagens sobre eventuais problemas relacionados ao Site Creator e aos domínios.

Mais abaixo, você pode gerenciar seus domínios, caso tenha algum:

Domínio temporário, endereço provisório, URL de visualização…

Vários nomes de domínio podem ser associados ao Site Creator, removidos ou trocados e invertidos, se necessário.

Clique em ‍ para adicionar um domínio (ou subdomínio) à lista atual ou clique no menu de ação ⋮ à direita para gerenciar o domínio em questão:

Por outro lado, a URL de visualização, do tipo 123xyz.infomaniak.site e distinta na lista de domínios do Site Creator, não poderá ser excluída para garantir o bom funcionamento do seu site.