Comment créer un site web

Dans cet article, vous apprendrez comment créer un site web à l'aide de l'éditeur de site web

Table des matières :

• Créer un nouveau site
• Aperçu de l'éditeur
• Gérer les pages
• Publier des pages
• Utiliser les popups
• Paramètres de style global
• Paramètres
• Changer la langue du site
• Construire un site multilingue
• Prévisualisation par appareil
• Règles d'utilisation du domaine

La fonctionnalité Sites web de systeme.io vous permet de construire et de gérer des sites web multipages à partir d'une seule interface.

Créer un nouveau site web

Pour commencer, dirigez-vous vers l'onglet Sites dans votre menu principal et cliquez sur Site web (1).

Sur la page listant vos sites web, cliquez sur Créer (2).

Dans la fenêtre contextuelle qui apparaît, fournissez les détails suivants concernant votre site web :

• Nom : entrez le nom de votre site web (3).
• Nom de domaine : sélectionnez le domaine que vous souhaitez utiliser (4).
• Chemin de l'URL de la page d'accueil : une fois que vous sélectionnez un domaine, ce champ apparaît automatiquement. Utilisez-le pour définir le chemin de l'URL pour votre page d'accueil (5).
• Langue : choisissez la langue principale de votre site web (6).

Après avoir rempli tous les champs requis, cliquez sur Sauvegarder (7) pour créer votre site.

Important :

• Un domaine ne peut être attribué qu'à un seul site web à la fois.
• Si le domaine que vous souhaitez utiliser est déjà lié à un autre site web, vous devez d'abord le retirer de ce site avant de pouvoir l'attribuer ici.

Après avoir sauvegardé les détails de votre site, une fenêtre s'ouvrira vous invitant à choisir un template pour votre page d'accueil.

Vous pouvez choisir l'une des options suivantes :

• Choisissez un template : sélectionnez l'un des designs prêts à l'emploi et personnalisez-le.
• Créer à partir de zéro : commencez avec une page vierge et concevez tout manuellement.

Une fois que vous avez sélectionné une option, cliquez sur Sauvegarder (8) pour continuer.

Après avoir sauvegardé le modèle sélectionné pour votre site, vous serez redirigé vers l'éditeur de site web.

Présentation de l'éditeur

L'éditeur contient quatre onglets principaux que vous utiliserez pour construire et gérer votre site :

• Pages – pour gérer la structure de votre site, basculer entre les pages, créer de nouvelles pages et accéder aux paramètres des pages.
• Popups – pour créer et gérer des popups pour votre site.
• Style – pour définir les paramètres de design globaux tels que les polices, les couleurs et les boutons.
• Paramètres – pour configurer les options au niveau du site, telles que les langues et les paramètres généraux.

Gestion des pages

L'onglet Pages est l'endroit où vous gérez la structure de votre site web .

D'ici, vous pouvez voir toutes les pages (1), basculer entre elles et en créer de nouvelles en cliquant sur (+) Créer (2).

Lorsque vous créez une nouvelle page, vous verrez dans la fenêtre contextuelle de création un bouton permettant d'ajouter la page au menu de votre site web. Cette option est activée par défaut et ajoutera automatiquement un lien vers votre nouvelle page dans le menu de navigation du site.

Remarque : si une page est désactivée, elle apparaîtra toujours dans votre menu en mode éditeur et en mode aperçu, mais elle ne sera pas visible par les visiteurs sur votre site web en ligne.

Cliquez sur n'importe quelle page de la liste pour l'afficher dans la zone d'édition située à droite. Pour commencer à modifier cette page, cliquez directement dans la zone d'édition.

Cela ouvre le panneau d'édition de la page, où vous trouverez tous les éléments disponibles pour personnaliser votre page.

Vous pouvez revenir à tout moment à la liste de vos pages en cliquant sur « Pages » en haut à gauche de l'éditeur.

Si vous essayez de changer de page ou de quitter l'éditeur sans avoir enregistré vos modifications, une fenêtre contextuelle de confirmation s'affichera :

Remarque : l'éditeur de site Web utilise le même générateur de pages que celui disponible dans la fonctionnalité tunnels de vente ; tous les outils d'édition fonctionnent donc de la même manière.

Chaque site web comprend automatiquement des pages d'utilitaires prédéfinies. Ces pages contribuent à améliorer l'expérience de vos visiteurs et reprennent automatiquement les styles généraux de votre site web afin d'assurer une mise en page cohérente :

a. Se connecter : la page de connexion par défaut de votre domaine. Elle reprend automatiquement le logo, le texte et les styles des boutons de votre site web afin de s'harmoniser parfaitement avec votre image de marque.

b. Contactez-nous : une page dédiée comprenant un formulaire de contact moderne. Ce formulaire utilise la logique unifiée des éléments de formulaire, ce qui facilite la personnalisation des champs et des paramètres. Si vous n'avez pas besoin d'une page de contact, vous pouvez facilement la désactiver à l'aide du menu à trois points situé à côté du nom de la page.

c. Recherche : une page de résultats prédéfinie qui affiche les résultats correspondants lorsqu'un visiteur effectue une recherche de contenu sur votre site web.

Pour permettre aux visiteurs d'effectuer des recherches sur l'ensemble des pages de votre site web, cliquez sur l'en-tête de votre site dans l'éditeur afin d'ouvrir ses paramètres. Dans la liste des éléments située à gauche, activez le bouton « Recherche » pour ajouter une icône de recherche à votre barre de navigation.

Lorsque l'on clique dessus, cette icône ouvre une fenêtre de recherche épurée qui s'affiche par-dessus l'en-tête sans modifier la mise en page. Toutes les requêtes de recherche redirigeront automatiquement le visiteur vers la page de votre outil de recherche intégré.

Paramètres de la page

Pour accéder aux paramètres d'une page spécifique, cliquez sur le menu à trois points à côté du nom de la page.

Ce menu affiche les options suivantes :

• Paramètres
• dépublier
• Supprimer

Remarque : la page d'accueil ne peut pas être supprimée. Seules les pages secondaires disposent de l'option de suppression.

Lorsque vous cliquez sur Paramètres, la fenêtre des paramètres de la page s'ouvrira avec les sections suivantes :

Paramètres généraux (1)

Ici, vous pouvez modifier :

• Le nom de la page
• Le chemin de l'URL

SEO (2)

Utilisez cette section pour définir comment votre page apparaît dans les moteurs de recherche.

Vous pouvez définir le titre, la description, les mots-clés, l'auteur, l'image, et prévisualiser son apparence dans les résultats de recherche.

Il est également possible de masquer cette page des moteurs de recherche, l'empêchant d'apparaître dans les résultats.

Langues (3)

Cet onglet est utilisé pour créer des versions de la page spécifiques à une langue.

En cliquant sur l'icône de duplication pour une version linguistique spécifique, vous créerez une copie de la page pour la langue sélectionnée, vous permettant de traduire manuellement son contenu.

Important : vous devez d'abord ajouter les langues que vous souhaitez prendre en charge dans Paramètres → Langues du site pour qu'elles apparaissent ici.

Code personnalisé

Dans cet onglet, vous pouvez ajouter un code personnalisé spécifique à cette page.

Utilisez uniquement des scripts validés, car un code non supporté pourrait affecter la performance ou le comportement de la page.

Publication des pages

Les pages nouvellement créées sont ajoutées en mode Brouillon par défaut.

Pour publier une page, cliquez sur le menu à trois points et sélectionnez Publier.

Note : vous pouvez dépublier (ne plus publier) une page de la même manière.

Utilisation des popups

Cliquez sur le bouton + Créer dans l'onglet Popup pour créer une nouvelle popup.

Une fois que la popup apparaît dans la zone d'édition, cliquez dessus pour commencer la personnalisation.

Le panneau d'édition s'ouvrira sur le côté gauche de l'écran, affichant tous les paramètres disponibles.

Popups de page vs Popups de site

Chaque popup peut être soit :

• Popup de page : visible uniquement sur la page que vous êtes en train d'éditer.
• Popup de site : visible sur toutes les pages du site internet.

Pour basculer entre ces modes, cliquez sur l'icône du globe.

• Lorsque l'icône du globe est bleue, la popup est une Popup de site.
• Lorsque l'icône du globe est grise, la popup est une Popup de page.

L'étiquette de statut au-dessus de la liste des popups se met à jour automatiquement pour refléter votre choix :

• Popups de page

• Popups de site

Paramètres de Style Global

L'onglet Style contrôle les paramètres d'apparence globaux appliqués à toutes les pages du site internet.

Vous pouvez configurer :

• La typographie (titres et paragraphes)
• Les couleurs (arrière-plan, boutons, liens)
• Les boutons
• Les champs de formulaire (marge interne, rayon, bordures, couleurs)

Les changements effectués ici sont appliqués globalement à l'ensemble du site internet.

Après avoir ajouté des éléments tels que du texte, des images ou d'autres blocs à la page de votre site web, vous pouvez rapidement annuler les modifications de mise en forme en cliquant sur l'icône « Réinitialiser » située à côté des paramètres tels que la police de texte, les couleurs, la taille ou la position.

Paramètres

L'onglet Paramètres contrôle les options générales du site internet, y compris :

• Le nom du site web
• Le domaine
• La page d'accueil
• La langue
• Le logo

Changer la langue du site

En haut de l'onglet Pages, vous pouvez changer la langue du site en utilisant le menu déroulant des langues.

Lorsque vous sélectionnez une langue différente, la liste des pages se met à jour pour montrer les pages disponibles pour cette version linguistique.

Important : Changer la langue dans le menu déroulant ne traduit pas le contenu automatiquement. Chaque version de page doit être éditée manuellement.

Construire un site multilingue

La fonctionnalité Site web supporte les structures multilingues.

Pour créer un site internet multilingue :

1. Construisez votre site principal dans une langue.
2. Pour chaque page, ouvrez le menu à trois points et allez dans Langues.
3. Dupliquez la page pour la langue que vous souhaitez ajouter.
4. Changez la langue du site dans le menu déroulant de l'onglet Pages.
5. Éditez la version traduite de chaque page manuellement.

Cela assure un contrôle total du contenu affiché dans chaque langue.

Prévisualisation par appareil

Pendant l'édition de n'importe quelle page, vous pouvez prévisualiser son apparence sur différents appareils.

Utilisez la barre d'outils de prévisualisation en haut à droite pour basculer entre :

• Vue ordinateur (Desktop)
• Vue mobile portrait
• Vue mobile paysage

Cela vous aide à vérifier si votre mise en page fonctionne sur toutes les tailles d'écran.

Partager un site web

Vous pouvez facilement partager un site web avec d'autres utilisateurs de systeme.io à l'aide d'un simple lien partageable. Cette fonctionnalité est très utile pour partager des modèles avec vos clients, les membres de votre équipe ou votre public.

Dans la liste de vos sites web, cliquez sur le menu à trois points (...) situé à côté du site que vous souhaitez partager, puis sélectionnez Partager.

Une popup s'affichera avec une URL à partager. Cliquez sur Copier le lien dans le presse-papiers.

Lorsqu'un utilisateur clique sur le lien partageable, il est invité à se connecter à son compte systeme.io (s'il n'est pas déjà connecté). Une fois connecté, le site web sera automatiquement importé dans son compte, et une notification indiquant « Site web ajouté à votre compte » s'affichera.

Remarque : l'option « Partager » n'est disponible que pour les sites web pour lesquels un modèle a déjà été sélectionné. Si vous n'avez pas encore choisi de modèle pour votre site web, l'option « Partager » n'apparaîtra pas dans le menu.

Règles d'utilisation du domaine

Si vous avez besoin de changer le domaine de votre site internet après que le site a déjà été créé ou publié, vous pouvez mettre à jour ces détails depuis la liste des Sites internet.

Pour accéder aux paramètres de votre site :

• Quittez l'éditeur de site.
• Naviguez vers Sites > Site web.
• Trouvez votre site dans la liste.
• Cliquez sur le bouton du menu à trois points à côté de celui-ci.
• Sélectionnez Paramètres.

Cela ouvre la fenêtre de modification du site, où vous pouvez modifier :

• Le nom du site web
• Le nom de domaine
• Le chemin de l'URL de la page d'accueil

Lorsque vous cliquez sur l'icône X pour supprimer le domaine assigné, le système affichera un avertissement vous informant que le site sera désactivé jusqu'à ce qu'un nouveau domaine soit sélectionné.

Important :

Supprimer le domaine désactivera le site web. Votre site restera inaccessible tant que vous n'aurez pas attribué un autre domaine.