Lancer votre propre site web de zéro peut sembler intimidant, mais ne laissez pas la page vierge vous arrêter. Avec ces instructions, vous pouvez passer de l’idée à la publication en un temps record.

Préparation et planification

Avant même de vous connecter à Stratto ou de faire glisser votre premier élément, prendre le temps de planifier votre site web vous fera gagner beaucoup de temps et d’efforts, et aboutira à un site bien plus efficace.

1. Définissez l’objectif de votre site web :

   1. Quel est l’objectif principal de ce site web ? Est-ce de générer des prospects, de vendre des produits, de fournir de l’information, de renforcer la notoriété de la marque ou de prendre des rendez-vous ? Le savoir orientera toutes vos décisions de conception et de contenu.

   2. Qui est votre public cible ? Comprendre ses besoins, ses préférences et ses difficultés vous aidera à adapter le contenu et la conception du site web pour qu’ils lui correspondent.

2. Esquissez votre contenu et structure :

   1. De quelles pages avez-vous besoin ? La plupart des sites d’entreprise commencent par une page Accueil, À propos, Services/Produits et Contact. Vous pourriez en avoir besoin de plus ou de moins selon vos objectifs.

   2. Quelles informations clés ou quel appel à l’action doivent figurer sur chaque page ? Réfléchissez à ce que vous voulez que les visiteurs fassent ou apprennent sur chaque page.

   3. Rassemblez vos ressources : avez-vous votre logo, vos couleurs de marque, vos images, vos vidéos et votre contenu rédigé (ou au moins une idée) prêts ?

3. Un plan simple : un tableau peut vous aider à le cartographier. Votre plan pourrait ressembler à ceci :

Créer un site à partir d’une page vierge

1. Accédez à Sites > Sites web > Nouveau site web > À partir d’une page vierge et cliquez sur Créer.

2. Cliquez sur Ajouter une nouvelle page, puis donnez-lui un nom (ex. : Accueil) et cliquez sur Créer une nouvelle page.

   **

   **

Construire la page d’accueil

1. Cliquez sur Créer à partir d’une page vierge

   **

   **

2. Ouvrez l’éditeur de site web.

   **

   **

3. Comprendre l’éditeur :

   1. Panneau de contrôle : contrôlez ce qui apparaît dans le panneau de gauche (4), comme les éléments, les pages et les métadonnées.

   2. Sélecteur d’appareil : passez de la vue ordinateur à la vue mobile pour tester l’adaptativité.

   3. Contrôles méta : historique, annuler, aperçu, enregistrer, publier, etc.

   4. Panneau de gauche : éléments et paramètres de la page.

   5. Panneau central : aperçu modifiable en direct de votre page.

   6. Panneau de droite : paramètres et options de style pour la section, la rangée ou l’élément sélectionné.

   7. Barre de fil d’Ariane : affiche la hiérarchie de l’élément sélectionné en bas de l’éditeur. Survolez un ancêtre pour le mettre en évidence sur le canevas, ou cliquez dessus pour le sélectionner et le modifier.

4. Ajouter une section : au centre (s’il est vide) ou en cliquant sur l’icône + (Ajouter un élément/une section) dans la barre latérale gauche, choisissez Sections, puis sélectionnez une largeur de section (p. ex. Pleine largeur).

5. Ajouter une rangée : dans la nouvelle section encadrée en vert, faites glisser pour ajouter une rangée et sélectionnez 1 colonne.

6. Ajouter un titre et un sous-titre : dans la rangée à 1 colonne, cliquez sur Ajouter un élément.

   **

   **

   1. Titre : faites glisser un élément « Titre » dans la rangée. Cliquez sur le texte pour le modifier (p. ex. « Bienvenue »). Utilisez le panneau de droite pour changer la police, la taille, la couleur, etc.

   2. Sous-titre : cliquez de nouveau sur + Ajouter un élément, puis faites glisser un « Sous-titre » sous le titre principal. Modifiez son texte et son style (ex. : Nous vous aidons à croître).

7. Ajouter un bouton : sous le sous-titre, ajoutez un bouton. Ensuite, modifiez le texte du bouton en « Appelez-nous maintenant »,

8. Ajouter une action : dans les paramètres du bouton (panneau de droite), faites défiler jusqu’à Actions du bouton, sélectionnez Appeler, puis saisissez votre numéro de téléphone.

9. Répéter : continuez d’ajouter des sections, des rangées et des éléments pour construire votre page d’accueil.

10. Enregistrer : cliquez sur l’icône d’enregistrement.

Ajouter d’autres pages

1. Accédez à Sites > Sites web > Détails du site (si vous êtes encore dans l’éditeur de page, cliquez sur le bouton retour).

   **

   **

2. Ajouter une nouvelle page : cliquez sur le bouton Ajouter une nouvelle page. Nommez la page (ex. : À propos). Cliquez sur Créer une nouvelle page.

   **

   **

3. Créer à partir d’une page vierge : dans ce cas, cliquez sur le bouton Créer à partir d’une page vierge.

4. Construire la page : ajoutez des éléments et du contenu à la page de la même façon. Vous pouvez ajouter un élément texte et un élément image. Veillez à cliquer sur Enregistrer, puis sur Retour.

Ajouter la navigation

1. Accédez à Sites > Sites web > Détails du site (si vous êtes encore dans l’éditeur de page, cliquez sur le bouton retour).

2. Modifier la page d’accueil : sous la carte de page intitulée « accueil », cliquez sur Modifier.

3. Ajouter une nouvelle section pleine largeur en haut : tout en haut de la page, au-dessus de toutes les autres sections, ajoutez une nouvelle section pleine largeur.

4. Ajouter une rangée à 1 colonne et un menu de navigation : dans la nouvelle section du haut, ajoutez une rangée à 1 colonne, puis ajoutez l’élément appelé Menu de navigation.

5. Modifier les paramètres du menu de navigation : cliquez pour sélectionner le menu de navigation, puis, dans la barre de paramètres de droite, assurez-vous que chaque lien mène à la bonne page, ajoutez un logo, etc.

6. Ajouter une nouvelle section pleine largeur en bas : en bas de la page, sous toutes les autres sections, ajoutez une nouvelle section pleine largeur.

7. Ajouter un pied de page prédéfini : ouvrez Éléments > Éléments prédéfinis > Pied de page et faites glisser un pied de page dans la section du bas.

8. Modifier le menu de navigation et le pied de page : sélectionnez chaque élément et supprimez-le ou modifiez ses paramètres dans le panneau de droite. Lorsque vous avez terminé, cliquez sur Enregistrer et Retour.

Aperçu, paramètres et publication

1. Accédez à Sites > Sites web > Détails du site et cliquez sur le bouton d’aperçu de la page (icône de boîte avec une flèche). OU si vous êtes dans l’éditeur de page, cliquez sur le bouton d’aperçu (icône d’œil).

2. Aperçu mobile : dans l’éditeur de page, cliquez sur l’icône de téléphone mobile pour passer de la vue ordinateur à la vue mobile. OU, dans l’aperçu, faites un clic droit et sélectionnez Inspecter, puis, dans le panneau de l’inspecteur, cliquez sur l’icône ordinateur/mobile.

3. Ajuster l’adaptativité : dans l’éditeur de page, ajustez les éléments et les paramètres jusqu’à ce que tout soit correct sur ordinateur et sur mobile. Si vous n’arrivez pas à obtenir l’apparence voulue pour un élément, vous pouvez le dupliquer et, dans les paramètres avancés, rendre un élément visible sur ordinateur et l’autre visible sur mobile.

4. Enregistrer et publier : vous devriez enregistrer souvent, et publier de temps en temps. Lorsque vous avez terminé, veillez à enregistrer et à publier une dernière fois.

5. Données méta SEO : dans l’éditeur de page, cliquez sur l’icône SEO pour ouvrir le panneau Données méta SEO. Modifiez les détails SEO et les métadonnées (titre, description, etc.).

6. Connecter un domaine : facultatif, mais si vous avez un domaine personnalisé, vous pouvez l’associer à votre site. Pour connecter un domaine, quittez l’éditeur de page et allez à l’onglet Paramètres. De là, vous pouvez sélectionner un domaine, ajouter une icône de favori, ajouter un code de suivi, ajouter un module de conversation et plus encore.

Dépannage des problèmes de lancement du site web

Si votre site web n’a pas l’apparence ou le comportement attendu après la publication, utilisez les vérifications ci-dessous.

Le site web en ligne affiche encore l’ancien contenu

Enregistrer une page ne met pas toujours la dernière version en ligne.

1. Ouvrez la page concernée dans l’éditeur de site web.

2. Cliquez sur Enregistrer.

3. Cliquez sur Publier.

4. Ouvrez l’URL en ligne dans une fenêtre de navigation privée et vérifiez de nouveau la page.

Assurez-vous que chaque page qui doit être en ligne a été publiée.

Le domaine s’affiche comme en attente ou ne se connecte pas

Si le domaine n’a pas terminé la connexion :

• Confirmez que les enregistrements DNS correspondent aux valeurs fournies par Stratto.

• Vérifiez le type d’enregistrement, l’hôte ou le nom, et la valeur, pour détecter les erreurs de saisie.

• Supprimez les enregistrements DNS en conflit le cas échéant.

• Laissez le temps aux modifications DNS récentes de se propager.

Si la connexion automatique du domaine n’est pas disponible, utilisez l’option de configuration DNS manuelle fournie pendant la configuration.

Le site web ouvre une page 404

Confirmez que :

• Le domaine est attribué au bon site web.

• La page prévue a été publiée.

• Le chemin d’URL de la page est configuré correctement.

• La bonne page est configurée comme page par défaut ou page d’accueil du site web.

Le site web affiche un avertissement SSL ou de confidentialité

Vérifiez s’il y a des enregistrements DNS incorrects ou en conflit.

Si vous utilisez Cloudflare, confirmez que les enregistrements qui exigent une résolution DNS directe sont configurés en DNS only lorsque Stratto le demande.

Après la correction des enregistrements DNS, laissez le temps au certificat SSL d’être émis.

Les liens de navigation ouvrent la mauvaise page

Ouvrez l’élément Menu de navigation et confirmez que chaque élément du menu pointe vers la bonne page ou la bonne URL.

Si des pages ont été ajoutées, renommées ou réorganisées, revoyez les liens de navigation avant de publier.

Le site web s’affiche incorrectement sur mobile

Ouvrez la page dans l’éditeur de site web et passez à la vue mobile.

Vérifiez :

• L’espacement et l’alignement des éléments.

• La taille des polices et des boutons.

• La largeur des sections et des rangées.

• Les éléments configurés comme visibles seulement sur ordinateur ou seulement sur mobile.

Ajustez la mise en page mobile au besoin, puis enregistrez et publiez de nouveau la page.

Les formulaires, les calendriers ou les boutons ne fonctionnent pas

Avant de partager le site publiquement :

• Envoyez chaque formulaire en tant que visiteur test.

• Testez les liens de réservation du calendrier.

• Cliquez sur chaque bouton et chaque appel à l’action.

• Confirmez que les liens ouvrent la page ou la destination prévue.

• Vérifiez que les envois de test créent l’enregistrement ou la notification attendu.

Vérification finale du lancement du site web

Avant de partager votre site web, confirmez que :

• Le domaine est connecté et vérifié.

• Le site web se charge de façon sécurisée en https://.

• La bonne page d’accueil s’affiche.

• Toutes les pages requises sont publiées.

• Les liens de navigation fonctionnent.

• Les formulaires et les boutons fonctionnent.

• Les mises en page pour ordinateur et pour mobile s’affichent correctement.

• Le contenu publié le plus récent apparaît sur le site en ligne.