Base de conhecimento

This guide explains how to temporarily take an Infomaniak Site Creator site offline.

Preamble

• Public visibility: the maintenance page will only be displayed to your visitors!
  • No translation is available at the moment; the maintenance page will be displayed only in French.
• Administrator access: by staying logged in to the editor, you retain full access to your site to view and modify it via Site Creator.

Put Site Creator in maintenance

To temporarily disable Site Creator:

1. Click here to access the management of your site on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the site concerned:
   
3. Click on Manage ‍ at the top of the page.
4. Click on Enable maintenance:
   
5. Confirm the operation.

Disable the maintenance page

To bring the site back online for its visitors:

• Repeat the operation above, the menu allows you to disable maintenance:
  

You can also disable maintenance from the management page and from the preview block of your site:

This guide explains how to connect a site created with Site Creator Infomaniak to a domain name.

Prerequisites

• The Site Creator Free offer allows access to the site via a domain name in the form 123xyz.infomaniak.site…
  • To connect a custom domain name, you must first upgrade to a higher offer:
    
• The Site Creator Lite and Pro offers include a free domain name for 1 year among the extensions .ch, .com, .fr, .org, .co.uk, .be, .de, .eu, .it, .es
• If you wish to use an existing domain, it must be in the same Organization.

Connect Site Creator to a domain name

To connect Site Creator (Lite or Pro) to a domain name:

1. Click here to access the management of your site on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the site in question.
3. Click on Connect my site to a domain to start the configuration wizard:
   
4. The wizard offers to create a new domain name or use an existing one:
   
   • If you create a new domain name at this time, you will need to return to this configuration wizard once the order is complete.
   • If you choose to attach a domain from those existing in your Organization, the wizard offers a list of domains and a subdomain can be created at this time:
     
5. Click the Next button.
6. Check the selected address and then click the button to Confirm:
   

Manage Site Creator domain name(s)

To manage the domain name(s) used with Site Creator:

1. Click here to access the management of your site on the Infomaniak Manager (need help?).
2. Click directly on the name assigned to the site in question.

At the top of the page, any messages regarding issues with Site Creator and domains are displayed.

Further down, you can manage your domains if there are any, click on the chevron ‍ if necessary:

Temporary domain, provisional address, preview URL...

Multiple domain names can be linked to Site Creator, deleted, or swapped and reversed if necessary.

Click on the action menu ⋮ to the right of the domain in question:

However, the preview URL, of type 123xyz.infomaniak.site and distinct in the list of Site Creator domains, cannot be deleted for the proper functioning of your site.

This guide explains how to insert an external RSS feed onto an Infomaniak Site Creator page.

Displaying an RSS feed (external) on 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:
    

Once in Site Creator, on the page where you want to insert your future blog posts:

1. Click on the + button located below a block that has already been inserted:
   
2. Click on Applications (on the Content tab that opened when you clicked to add the visual block).
3. Click on the RSS Feed module:
   
4. Click to add a new feed:
   
5. Enter the details of the desired feed and save:
   
6. The dynamic feed integrates into your page and will be automatically updated as new posts are published:
   

The module Site Map allows you to display the tree structure of your current content from your Site Creator on your site:

• The site map will not include your hidden pages:
  

Don't forget to submit the site map to Google.

This guide concerns Site Creator and the possibility of creating links to anchors.

Introduction

• An anchor in web design is a hyperlink that points to a specific position on a web page, whether it's on the same page or a different page.
  • When a user clicks on an anchor link, they are redirected to the specified location (in principle, an invisible indication placed in the source code) of the page.
• Anchors are useful for allowing users to quickly navigate to specific sections of a web page or even another page.
  • They improve the user experience by providing an efficient way to find and access precise information.

Anchor Example

An anchor is located (invisibly) at the end of the FAQ. It is named "end", therefore the following link simply contains the target #end and, without any other indication, a web browser will search for this term in the code of the page where you are and direct the user to it: click here to reach it!

Creating this type of link on Site Creator

Usually, to create an anchor in HTML, here's how to proceed:

1. Identify the location on your page where you want to create an anchor (text section, image, or any other element).
2. Use the <a> tag with the href attribute to specify the anchor target:
   1. if the target is on the same page, simply use the ID of the element (see point 3 below)
      <a href="#chapter1">Go to chapter 1</a>
   2. if the target is on another page, specify the full URL of the page, followed by the ID of the target element (see point 3 below)
      <a href="page2.html#chapter1">Go to chapter 1 on page 2</a>
3. In the section of your page where you want users to be redirected, add an element with the corresponding ID:
   <div id="chapter1"> &nbsp; </div>
    

When users click on the "Go to chapter 1" link, the page will automatically scroll to the section with the ID "chapter1". If the target is on another page, they will be redirected to that page and the anchor will work in the same way.

With Site Creator, point 3 above is not "free": each block already has its ID (or hashtag) which you will need to specify (or modify beforehand - see point 3 below) in order to link to it.

Find the reference of the destination block

Access Site Creator:

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:
   

Once in Site Creator:

1. Hover over the content block you want to modify and click on the gear icon:
   
2. Scroll through the settings to the bottom to find the ID of the block:
   
3. Double-click on the field displaying the ID to specify your own title instead of the random ID:
   

Create a link to the block reference

To add a link to text in Site Creator, with the destination being a block located further down on the same page:

1. Select the text.
2. Then, click on the link icon:
   
3. In the advanced options, choose the "Section" type to create a link to a part of the same page by selecting the block reference obtained above:
   
   
   Other possibilities:
   1. Use the link with the hash symbol (link to the same page):
      
   2. Use the page name followed by the ID (useful if you are placing the link to another page on the site):
      

END OF PAGE (and anchor placed on this element) - click here to go back to the anchor located at the beginning of the page…

Este guia explica como personalizar e configurar o módulo de loja online do Site Creator.

Configurar uma loja no Site Creator

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:
    

Para gerenciar as configurações gerais do sistema de e-commerce (moeda, impostos, etc.) após adicionar o módulo:

1. Passe o mouse sobre o módulo da loja adicionado na sua página.
2. Clique em Configuração.

Após acessar Configuração, vários submenus são exibidos no lado esquerdo, permitindo configurar outros parâmetros:

Métodos de pagamento

• PayPal
• Cartão de crédito e Twint (via Stripe ou Mollie)
• Pagamento personalizado
• no momento da entrega

Para utilizar os serviços da Stripe e da Mollie, é necessário ter um número de SIRET na França ou um IDE na Suíça. Além disso, é preciso ter uma empresa válida registrada no registro comercial do seu país para poder utilizar os serviços da Stripe e da Mollie.

Métodos de entrega

Pode criar vários métodos de envio:

Estas opções serão apresentadas durante a validação do carrinho de compras do cliente:

Entre os parâmetros para criar um método de envio:

• preços (+ a partir de qual valor o envio é gratuito)
• países permitidos
• custos de envio de acordo com o peso
• prazos de envio
  
  

Correio Eletrónico

Quatro mensagens estão predefinidas e não podem ser eliminadas. Elas permitem abranger toda a comunicação por e-mail relacionada com um pedido, tanto para o cliente quanto para o gestor da loja.

É possível personalizar as mensagens existentes e adicionar novas (e, posteriormente, remover essas mensagens adicionais, se necessário):

1. Escolher o momento em que o e-mail deve ser enviado (ou simplesmente desativar a mensagem para mantê-la sem utilizá-la):
   1. e-mail de novo pedido (para notificá-lo)
   2. e-mail de pedido processado (personalizável)
   3. comprovante de entrega em formato PDF (personalizável)
   4. fatura também gerada e disponível em formato PDF na sua conta Stripe/Paypal/Mollie
2. É possível inserir variáveis em cada um dos campos, a fim de personalizar ao máximo os textos, utilizando os elementos contidos no comando e as informações fornecidas pelo comprador:

Página inicial da loja

• Exibição das categorias de produtos, caso existam
• Apresentação de produtos aleatórios
• etc.

Gestão de produtos

Para gerenciar os produtos, adicionar ou remover:

1. Passe o mouse sobre o módulo no canto superior esquerdo.
2. Clique em Produtos.

Encontre os 3 primeiros produtos de exemplo:

Reorganize seus produtos movendo-os com o mouse.

Clique em um produto para ajustar seus detalhes, bem como a categoria em que ele deve estar (veja mais informações abaixo). Você pode, por exemplo:

• criar atributos (cor, por exemplo) para oferecer o mesmo produto em várias versões/preços
• definir se o produto deve ser digital (virtual), por exemplo, um PDF, um ZIP ou um MP3, e, portanto, baixável após a compra

Na parte inferior da edição da sua ficha de produto, procure outros produtos da sua lista para os vincular e oferecê-los ao visitante.

Na parte inferior da janela de edição de um produto, escolha ocultar o produto aos seus visitantes, se necessário.

Para finalizar e retornar à lista de produtos, salve as alterações usando o botão localizado na parte inferior.

Excluir ou duplicar um produto

Na página de edição de um produto, clique no menu de ações, na parte inferior, ao lado do botão de salvamento, para escolher se deseja excluir ou duplicar o produto.

Gestão de estoque / inventário

Neste mesmo menu de ações, gerencie o estoque diretamente na lista de seus produtos (para editar o estoque em massa).

Mas cada ficha de produto permite editar o estoque e também inserir o SKU (unidade de gestão de estoque) e seu código de barras (ISBN).

Categorias de produtos

Os seus produtos podem ser organizados em Categorias e subcategorias, que serão exibidas de acordo com o design do seu site.

Clique no submenu Categorias, à esquerda do painel de administração da loja, em Produtos.

Defina uma imagem para ilustrar sua categoria.

Oculte, se necessário, uma categoria (isso não oculta os produtos que ela contém).

Código promocional

Um código promocional permite aplicar um desconto (em % ou em moeda) a um pedido.

Clique no submenu Código promocional, no lado esquerdo do painel de administração da loja, em Produtos.

Pode especificar:

• a sua data de validade
• o seu valor mínimo, se aplicável
• o seu nome ("Desconto especial de Natal", por exemplo)
• sua forma ("JOYEUXNOEL")

Exportar a lista dos seus produtos

Exporte a lista dos seus produtos para um arquivo CSV (formato .csv) através do menu de ações localizado no canto superior direito da lista dos seus produtos.

Gestão de pedidos

Para gerir os pedidos efetuados e em curso:

1. Passe o cursor sobre o módulo no canto superior esquerdo.
2. Clique em Configuração.
3. Clique no submenu Pedidos, no lado esquerdo do painel de administração da loja.

Exportar a lista dos seus pedidos

Exporte a lista dos seus pedidos para um ficheiro CSV (formato .csv) através do botão Descarregar, localizado à direita da barra de pesquisa de pedidos.

Gestão de clientes

Para gerenciar os clientes (um cliente fornece informações pessoais ao fazer um pedido):

1. Passe o mouse sobre o módulo no canto superior esquerdo.
2. Clique em Configuração.
3. Clique no submenu Clientes, no lado esquerdo do painel de administração da loja.

Exportar a lista dos seus clientes

Exporte a lista dos seus clientes para um arquivo CSV (formato .csv) usando o botão Download, localizado à direita da barra de pesquisa de clientes.

This guide details the limitations of Infomaniak's Site Creator.

Site Creator Limitations

Access the description of the Site Creator Free, Lite, and Pro plans to compare the limitations based on the plan you have.

In summary, Site Creator is available…

• … with every paid web hosting plan (the plan is equivalent to a Site Creator Pro without the included domain name)
• … or as a standalone product (available in 3 versions: Free, Lite, and Pro) and does not require any other specific plan.

Content

• The maximum number of pages that can be created, as indicated on the sales page, includes any legal pages if you use them.
• With the Pro version, there is no limit to the number of pages or store items that can be added via Site Creator.
• The remaining disk space available, depending on your plan, is specified in your dashboard:
  

FTP Management

• You cannot access your website's files on the server, either via FTP or by any means other than the manager provided in the Infomaniak Manager.

Website Export

• It is not possible to import or export the website (to another hosting provider, for example).
• Themes or modules cannot be exported (nor imported – see this other guide).

This guide explains how to redirect visitors arriving on non-existent pages (e.g., old pages from a previous website) when your website is currently managed with Infomaniak's Site Creator.

Prerequisites

• Know the web address (URL) of the page that is no longer available.
• 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:
    

Redirect visitors to the new Site Creator page

In the left-hand menu of Site Creator:

1. Click on Settings.
2. Click on General settings:
   
3. Click on SEO & Meta Tags.
4. Click on Add a redirection:
   
5. Enter the address of the old page (without the name of your site) under Redirection.
6. Enter the address of the new page (or / to redirect the visitor to the root of your site, i.e., the homepage).
7. Save using the blue button at the bottom of the page:
   

For example:

• Your previous website contained a contact page at the address domainxyz.com/company/contact.html.
• Now your contact page is located at domainxyz.com/about.
• Therefore, you must enter company/contact.html in the left field…
• …and about in the right field so that visitors who still arrive at the old address (due to outdated SEO or clicking on a bookmark, for example) are automatically redirected to the new page.

An alternative method is to add a new Site Creator page with the name of your old page address, then specify a redirection to the URL of your choice, and make it invisible using the toggle switch located below the redirection field:

This guide concerns the management of forms that allow registration for the Newsletter that you manage on Infomaniak.

Prerequisites

• Have access to the Newsletter product.
• Have created at least one registration form.

Copy the code necessary for integrating the form

To access the forms of your Newsletter and obtain the integration code:

1. Click here to access the management of your product on the Infomaniak Manager (need help?).
2. Click directly on the domain name assigned to the product concerned.
3. Click on Forms in the left sidebar.
4. Click on the action menu ⋮ to the right of the object concerned in the table that appears.
5. Click on Integration code:
   
6. Choose between the JAVASCRIPT and HTML tabs to obtain one of the two types of codes useful for inserting your form on your pages and click the blue button to copy the code to the clipboard:
   

Insert the form on a website…

You can insert the same form in different places. You can also create multiple forms (to populate different contact groups, for example). Obviously, a Newsletter is sent only once per contact, even if that contact is present in different lists/groups:

… with WordPress

1. Insert a new HTML block where desired:
   
2. Paste the HTML or JAVASCRIPT code obtained in step 6 above and save:
   
3. The previously configured form is displayed on your site:
   

… with Infomaniak Site Creator

1. Hover over the desired location on the page to display a PLUS button to add a block:
   
2. Click on the PLUS button to choose a custom HTML code block:
   
3. Paste the HTML or JAVASCRIPT code obtained in step 6 above and click the button to Continue:
   
4. The form is previewed on your editing page and displayed for your visitors: