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…

This guide explains how to customize and configure the online store module in Site Creator.

Configuring a store in Site Creator

Prerequisites

• Access Site Creator:
  • Click here to access the management of your product in 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:
    

To manage the general e-commerce system preferences (currency, taxes, etc.) once the module has been added:

1. Hover over the store module added to your page.
2. Click on Configuration.

Once in Configuration, several sub-menus appear on the left, allowing you to configure other parameters:

Payment methods

• Paypal
• Credit card & Twint (via Stripe or Mollie)
• Custom payment
• Payment upon delivery

Pour utiliser les services de Stripe et Mollie, vous devez disposer d'un numéro de SIRET en France ou d'un IDE en Suisse. De plus, il est nécessaire d'avoir une entreprise valide enregistrée au registre des commerces de votre pays pour utiliser les services de Stripe et Mollie.

Modes de livraison

Vous pouvez créer plusieurs méthodes d'envoi:

Celles-ci seront ensuite proposées lors de la validation du panier de l'acheteur:

Parmi les paramètres pour créer une méthode d'envoi:

• tarifs (+ gratuité des frais de port à partir de quel montant)
• pays autorisés
• frais d'expédition selon poids
• délais d'envoi
  
  

Messagerie

Quatre messages sont prédéfinis et ne peuvent être supprimés. Ils permettent de couvrir l'ensemble de la communication par e-mail autour d'une commande, autant à destination du client que pour le gestionnaire de la boutique.

Il est possible de personnaliser les messages existants et d'en ajouter (puis de supprimer ces messages supplémentaires si nécessaire):

1. Choose the time when the email should be sent (or simply disable the message to keep it without using it):
   1. new order email (to notify you)
   2. order processed email (customizable)
   3. delivery note in PDF format (customizable)
   4. invoice also generated and available in PDF format on your Stripe/Paypal/Mollie account
2. Variables can be inserted into each field to customize the texts as much as possible using the elements contained in the order and the information provided by the buyer:

Shop homepage

• Display product categories if any
• Presentation of random products
• etc.

Product Management

To manage products, add or delete them:

1. Hover over the module in the top left corner.
2. Click on Products.

Find the first 3 example products:

Reorganize your products by moving them with the mouse.

Click on a product to set its details as well as the category it should be in (see below). You can, in particular:

• create attributes (e.g., color) to offer the same product in several versions/prices
• define whether the product should be digital (virtual), for example a PDF, ZIP or MP3, and therefore downloadable after purchase

At the bottom of the product sheet editing, find other products from your list in order to link them and offer them to the visitor.

At the very bottom of the product editing window, choose to hide the product from your visitors if necessary.

To finish and return to the product list, save the changes using the button at the very bottom.

Delete or duplicate a product

On the product editing page, click at the bottom on the action menu next to the save button to choose whether to delete the product or duplicate it.

Stock/Inventory Management

In the same action menu, manage the stock directly on the list of your products (to edit the stock in bulk).

But each product page allows you to edit the stock and also enter the SKU (stock keeping unit) and its barcode (ISBN).

Product Categories

Your products can be organized within Categories and subcategories, which will then be displayed according to the design of your site.

Click in the Categories submenu on the left of the store administration panel, under Products.

Define an image to illustrate your category.

Hide a category if necessary (this does not hide the products it contains).

Promo Code

A promo code allows you to grant a discount (in % or currency) on an order.

Click in the Promo Code submenu on the left of the store administration panel, under Products.

You can specify:

• its expiration date
• its possible minimum amount
• its name ("Special Christmas Discount" for example)
• its format ("JOYEUXNOEL")

Export the list of your products

Export the list of your products to a CSV file (.csv format) using the action menu located at the top right of the list of your products.

Order Management

To manage past and current orders:

1. Hover over the module at the top left.
2. Click on Configuration.
3. Click in the Orders submenu on the left of the store administration panel.

Export the list of your orders

Export the list of your orders to a CSV file (.csv format) using the Download button located to the right of the order search bar.

Customer Management

To manage customers (a customer provides personal information during their order):

1. Hover over the module in the top left corner.
2. Click on Configuration.
3. Click on Customers in the submenu on the left side of the store administration panel.

Export the list of your customers

Export the list of your customers to a CSV file (.csv format) using the Download button located to the right of the customer search bar.

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: