Knowledge base

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.

Setting up a store in Site Creator

Prerequisites

• Access Site Creator:
  • Click here to access the management interface for 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 launch the editor:
    

To manage the general settings of the e-commerce system (currency, taxes, etc.) after adding the module:

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

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

Payment methods

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

To use the services of Stripe and Mollie, you must have a SIRET number in France or an IDE in Switzerland. In addition, you must have a valid company registered in the commercial register of your country to use the services of Stripe and Mollie.

Delivery Methods

You can create multiple delivery methods:

These will then be offered during the checkout process:

Among the parameters for creating a shipping method:

• pricing (including free shipping from a certain amount)
• eligible countries
• shipping costs based on weight
• delivery times
  
  

Email

Four email templates are predefined and cannot be deleted. They cover all email communication related to an order, both for the customer and for the store manager.

You can customize existing messages and add new ones (and then delete these additional messages if necessary):

1. Choose 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 maximize text customization using the elements contained in the command and the information provided by the buyer:

Store homepage

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

Product Management

To manage products, add new ones, or delete existing ones:

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

You will find the first 3 example products:

Rearrange your products by dragging and dropping them.

Click on a product to adjust its details and the category it should be in (see below). You can, for example:

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

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

At the very bottom of the product editor 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 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 inventory directly on the list of your products (to edit inventory in bulk).

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

Product Categories

Your products can be organized within Categories and sub-categories, which will then be displayed according to the design of your website.

Click on Categories in the sub-menu on the left-hand side of the store administration panel, under Products.

Define an image to illustrate your category.

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

Promo code

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

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

You can specify:

• its expiration date
• its possible minimum amount
• its name (e.g., "Special Christmas Discount")
• its format ("JOYEUXNOEL")

Export the list of your products

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

Order Management

To manage placed and pending orders:

1. Hover over the module in the top left corner.
2. Click on Settings.
3. Click in the Orders submenu on the left side of the store's administration panel.

Export your order list

Export your order list 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 when placing an order):

1. Hover over the module in the upper left corner.
2. Click on Settings.
3. In the left-hand panel of the store's administration area, click on Customers in the submenu.

Export your customer list

Export your customer list 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 explains how to manage the forms used to subscribe to the Newsletter that you manage on Infomaniak.

Prerequisites

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

Copy the code needed to integrate the form

To access your Newsletter forms and obtain the integration code:

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

Insert the form on a website…

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

… with WordPress

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

… with Infomaniak Site Creator

1. Hover over the desired location on the page to display a PLUS button, allowing you to add a block:
   
2. Click the MORE 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 displayed as a preview on your editing page and will be visible to your visitors: