Tutoriel Squarespace : Comment utiliser Squarespace ? Un guide étape par étape pour les débutants

Vous cherchez un tutoriel Squarespace pour vous aider à créer votre site web ?

C'est un excellent choix. J'adore Squarespace. Peu importe ce que vous voulez construire en ce moment - qu'il s'agisse d'une boutique de commerce électronique ou d'un site Web pour votre groupe - ce qui est important, c'est qu'une fois que vous savez comment utiliser Squarespace, vous savez comment créer un site Web pour pratiquement n'importe quoi .

D'un autre côté, Squarespace peut lancer la balle courbe étrange dans votre direction. Il a tellement d'options différentes qu'apprendre à utiliser Squarespace peut devenir un peu déroutant. Avec ce guide étape par étape, nous vous montrerons comment tirer le meilleur parti de Squarespace pour mettre votre site Web en ligne plus rapidement.

Table des matières:

• Personnaliser votre expérience Squarespace
• Comment choisir un design Squarespace pour votre site Web
• S'inscrire avec Squarespace
• Apprendre à connaître votre tableau de bord et votre éditeur Squarespace
• Modification du contenu de votre site Web
• Apporter des modifications de conception
• Ajout d'une boutique e-commerce
• Prévisualiser votre site sur mobile
• Publication de votre site et tarification

Tutoriel Squarespace : Comment utiliser Squarespace pour créer un site Web

Pour l'instant, allons sur le site Web de Squarespace et cliquez sur l'un des deux boutons Commencer :

Personnaliser votre expérience Squarespace

Une fois que vous avez commencé, vous aurez la possibilité de répondre à quelques questions sur votre entreprise et votre site Web. Vous pouvez les ignorer à tout moment, mais vos réponses aident Squarespace à trouver des thèmes de sites Web qui correspondent à vos besoins et à vos objectifs.

Par exemple, si vous souhaitez créer un blog culinaire, Squarespace vous montrera les meilleurs thèmes de site Web pour les blogs et la nourriture. Vous pouvez entrer vos propres sujets, mais soyez large. Par exemple, l'immobilier générera de meilleurs résultats que la vente aux premiers acheteurs .

Lorsque vous êtes satisfait de votre sélection, cliquez sur Suivant pour continuer.

Si vous avez des objectifs spécifiques, comme la création d'un site d'adhésion ou la création d'un site de commerce électronique, sélectionnez-les dans le menu des objectifs.

Mais ne choisissez pas les objectifs que vous envisagez de poursuivre « un jour ». Choisissez simplement ceux qui vous ont poussé à commencer aujourd'hui. Ceux-ci vont déterminer comment Squarespace classe les conceptions que vous verrez plus tard.

Par exemple, si l'immobilier était votre sujet, mais que vous avez choisi de vendre des produits et des services comme objectif principal, vous verrez de nombreux thèmes de commerce électronique avant de voir un seul thème immobilier.

Une fois les objectifs manipulés, abordons la dernière question. Que vous exploriez une idée ou transfériez un site Web, cliquez sur la meilleure réponse, puis sur Terminer pour passer à la partie passionnante de tout didacticiel Squarespace : la sélection de modèles.

Comment choisir un design Squarespace pour votre site Web

Lorsque les dessins apparaissent, vous remarquerez probablement un léger bourdonnement. Ne vous inquiétez pas, c'est tout à fait normal. Squarespace est célèbre pour ses conceptions de modèles brillantes. Mais pour tirer le meilleur parti de Squarespace, gardez à l'esprit ce qui suit :

• Les modèles qui vous correspondent le mieux apparaîtront en premier.
• En dessous, vous trouverez quelques modèles qui constituent de bons points de départ pour votre site Web.
• Enfin, vous trouverez les modèles les plus populaires.

Si vous prévisualisez quelques modèles mais que rien ne vous saisit, recherchez dans la liste complète de plus de 110 modèles ou filtrez les résultats à l'aide des types de sites Web et des listes de sujets.

Mais n'excluez pas les thèmes basés sur le contenu de la démonstration. L'astuce pour apprendre à utiliser Squarespace comme un pro est de rechercher les designs avec les couleurs, les polices et les mises en page que vous aimez.

Avec Squarespace, il est plus facile de choisir un thème avec les "mauvaises" fonctionnalités et de les ajouter plutôt que de remanier le jeu de couleurs d'un thème avec les "bonnes" fonctionnalités.

Assurez-vous de bien regarder les thèmes et de prévisualiser ceux que vous aimez. Lorsque vous trouvez votre favori, cliquez dessus pour démarrer avec un compte Squarespace.

S'inscrire avec Squarespace

À ce stade, vous devrez vous connecter ou créer un compte Squarespace. Vous pouvez utiliser un compte Squarespace pour plusieurs essais de 14 jours, alors ne créez pas de nouveau compte si vous avez déjà utilisé Squarespace auparavant.

Une fois inscrit, donnez un nom à votre site Web. Vous pouvez le modifier ultérieurement, alors n'hésitez pas à saisir un espace réservé et à le mettre à jour lorsque vous serez prêt. Cependant, si vous voulez le nom parfait maintenant, un générateur de nom d'entreprise vous aidera à le trouver.

Une fois que vous vous êtes inscrit et que vous avez ajouté un nom, vous pouvez profiter du didacticiel rapide Squarespace de la plate-forme avant d'arriver au tableau de bord du site Web.

Apprendre à connaître votre tableau de bord et votre éditeur Squarespace

La gestion de votre compte Squarespace ainsi que la gestion globale de votre site Web sont gérées via le tableau de bord ou l'éditeur visuel.

Le tableau de bord est pour des choses comme les changements de mot de passe ou les transferts de domaine.

Si vous exécutez quelques sites Web, vous pouvez basculer entre eux à partir du tableau de bord. Pour afficher l'un de vos sites Web, cliquez sur le bouton Site Web pour ouvrir la suite complète d'outils de gestion de site Web (y compris l'éditeur visuel).

La gestion de site Web est un plaisir avec Squarespace. Alors que d'autres plates-formes de création de sites Web disposent de plusieurs outils concurrents pour des choses comme le référencement, Squarespace fait les choses différemment. Vous pouvez ignorer les listes d'outils qui doivent être payés. Au lieu de cela, tout ce dont vous avez besoin pour réussir se trouve sur une seule page.

Vous trouverez vos outils de gestion de site Web sur le côté gauche de l'écran. Sur la droite, vous aurez un aperçu de votre site Web.

• Utilisez des pages pour modifier le contenu de votre site Web.
• Modifiez les aspects de conception , tels que les styles de site, les CSS supplémentaires et les pages d'erreur.
• Prenez le contrôle des fonctions commerciales , telles que les produits, l'expédition et la facturation.
• Explorez les analyses avec les rapports de trafic, les conversions et les performances SEO.
• Initiez plusieurs options de marketing , comme les pop-ups et les campagnes par e-mail.
• Autorisez les options d'auto- planification pour vos clients.
• Et bien plus encore.

Modification du contenu de votre site Web

Chaque fois que j'ouvre l'éditeur visuel, je suis impressionné par l'aspect complet des sites Squarespace dès le départ. Voyons ce que nous avons :

• Un menu fonctionnel qui renvoie aux pages essentielles.
• Des mises en page professionnelles bien proportionnées avec des boutons qui attirent l'attention.
• Des polices bien assorties et un jeu de couleurs professionnel.

Non seulement il a fière allure, mais aussi, si vous avez de la chance, le modèle sélectionné correspondra à votre sujet et la seule chose dont vous pourriez avoir besoin avant le lancement est une légère modification.

Commençons à modifier les pages puisqu'elles se trouvent en haut du menu.

Comme vous pouvez le constater, chaque page de votre site Web est répertoriée ici. Pour modifier les paramètres de la page, survolez le nom pour trouver la petite icône d'engrenage et cliquez dessus.

Dans Paramètres de la page, vous pouvez modifier l'identité et l'apparence de votre site. Plus important encore, pour nous, les paramètres généraux contrôlent les titres de vos pages et le slug d'URL.

Les paramètres de page sont utiles si vous voulez savoir comment dupliquer une page Squarespace. Accédez à Paramètres de la page → Général et faites défiler vers le bas pour trouver le lien Dupliquer la page . Cliquez simplement dessus pour dupliquer n'importe quelle page Squarespace.

Pendant que vous êtes ici, envisagez de mettre à jour l'image sociale en quelque chose que vous aimeriez partager sur les plateformes de médias sociaux (allez simplement sur Image sociale et faites glisser et déposez votre image préférée dans la boîte).

Une fois que vous avez configuré l'identité de votre site, nous passerons à l'étape suivante du tutoriel Squarespace : le contenu de la page.

Cliquer sur le bouton Modifier ouvre les options d'édition de vos pages.

Modification de l'en-tête du site

Différentes options d'édition apparaissent lorsque vous survolez différentes parties de la page. Pourquoi ne pas commencer par le haut avec l'en-tête du site ? Cliquez sur le bouton Modifier lorsqu'il apparaît.

Ici, vous trouverez les options d'édition de bureau et mobile pour les éléments suivants :

• Titre et logo du site.
• Une variété d'éléments comme des liens sociaux et des boutons.
• Couleurs et transparence.
• Position d'en-tête.

Si vous attendiez pour ajouter le nom de votre site, vous pouvez le faire maintenant tout en ajoutant les profils de médias sociaux que vous avez configurés. Une fois les éléments d'identification essentiels en place, examinons les options mobiles.

Toutes les modifications que vous apportez dans les menus du mobile ou du bureau ne seront visibles que sur ces appareils. Pour mobile, vous pouvez modifier la disposition de l'en-tête et les options de menu.

Pour le bureau, vous pouvez modifier la disposition mais aussi l'apparence des éléments et la taille de l'en-tête lui-même. Squarespace fait un assez bon travail d'espacement des éléments, vous pouvez donc probablement laisser le rembourrage et l'espacement tels quels.

Indépendamment de ce que vous modifiez, chaque modification apparaîtra immédiatement dans la fenêtre d'aperçu. Par exemple, la modification du titre du site se fera en temps réel.

Modification du contenu des pages

Entrez dans le mode Édition à partir de n'importe quelle page lorsque vous êtes prêt à modifier son texte ou à mettre à jour des images. La plupart des zones de contenu peuvent être modifiées, y compris les blocs de texte, les boutons et les photos.

Par exemple, pour modifier des phrases et des titres, cliquez sur le texte pour ouvrir l'éditeur de texte. Ici, vous pouvez ajouter des listes et des liens, du texte en gras, etc. Tapez simplement votre nouveau texte et ajoutez une mise en forme.

️ Un point important, Squarespace n'a pas de fonction de sauvegarde automatique. En règle générale, il est difficile de quitter une page sans appuyer sur Terminé et Enregistrer les modifications . Mais une connexion perdue ou une fenêtre fermée peut causer des problèmes.

Modification de la disposition de la section

Pour apporter des modifications aux arrière-plans et aux mises en page des sections, survolez n'importe quelle section pour trouver un petit menu avec vos options d'édition :

• Le crayon vous permet de contrôler l'apparence de la section. Cela inclut la taille de la section, l'arrière-plan et la couleur.
• Cliquer sur les deux pages dupliquera tout dans la section. Vous copierez la mise en page, toutes les images, ainsi que le texte. Votre section dupliquée apparaîtra immédiatement sous celle existante.
• Les deux flèches déplacent la section vers le haut ou vers le bas de la page.
• La corbeille supprime toute la section.

Par exemple, pour changer une image de fond cliquez sur le crayon et Contexte . Cliquez sur Remplacer pour télécharger une image d'arrière-plan que vous aimez. Si vous avez un lien YouTube ou Vimeo, vous pouvez trouver les paramètres d'arrière-plan vidéo sous Vidéo .

Ajout de rubriques

Comme nous avons fait défiler tout le curseur, vous avez peut-être remarqué une bordure bleue avec Ajouter une section aux extrémités opposées. En cliquant sur l'un d'eux, la nouvelle boîte de dialogue de section contenant chaque section Squarespace s'ouvrira.

Les sections les plus courantes et les plus populaires apparaîtront en haut, alors faites défiler toute la liste pour voir les sections obscures comme :

• Rendez-vous
• Des dons
• Des produits
• Calendriers
• Graphiques
• Mur de logos
• Musique
• et beaucoup plus

Chaque section a plusieurs mises en page que vous pouvez faire défiler avant de cliquer pour ajouter la section à votre page.

Non seulement les mises en page sont différentes, mais elles ont également des options différentes en fonction des éléments qu'elles utilisent. Par exemple, les sections de localisation ont plusieurs conceptions de carte avec de simples curseurs marche-arrêt pour des éléments comme le défilement.

Ajouter une page

Aucun tutoriel Squarespace ne pourrait être complet sans vous montrer comment ajouter une page. Vous pouvez créer de nouvelles pages et supprimer des pages existantes à partir du menu Pages .

Chaque page de votre menu principal se trouve sous l'en-tête de navigation principale .

Toutes les pages non liées ou les zones d'adhésion seront en dessous de la section principale.

Pour ajouter une page, cliquez sur le bouton "+" en fonction de l'endroit où vous souhaitez que la page apparaisse.

Vous pouvez créer une page à partir de zéro ou utiliser une mise en page Squarespace préconçue comme :

• RSVP
• Prestations de service
• Équipe
• Galerie
• Portefeuille
• Blog
• et plus

Par exemple, si vous décidez d'ajouter une page de blog, vous pouvez choisir une mise en page que vous aimez et l'ajouter au menu principal. Comme on peut le voir, le menu sera mis à jour automatiquement avec votre nouvelle page.

Lorsque vous êtes prêt à rédiger votre premier article, cliquez simplement sur la page de votre blog pour ouvrir l'archive. Une fois l'archive ouverte, cliquez sur le bouton "+" pour commencer un nouveau message.

Apporter des modifications de conception

Il est temps pour notre tutoriel Squarespace de passer aux outils de conception qui vous aident à ajouter la touche personnelle qui donne à votre site son identité visuelle. Une fois que vous êtes prêt à commencer à changer les couleurs, les tailles et les polices, cliquez sur le lien Design pour commencer à explorer.

Lorsque vous cliquerez, vous pourrez modifier :

• Styles de site tels que les polices, les couleurs, les animations, etc.
• Icônes du navigateur
• Verrouiller les écrans
• Pages de paiement
• 404pages
• Logos de partage social
• CSS personnalisé

Bien que vous deviez expérimenter avec tous ces onglets, les styles de site auront le plus d'impact sur votre site Web. Cliquez sur le lien pour ouvrir le menu principal :

Vous pouvez voir que les styles de site couvrent tous les éléments visuels importants de votre site Web. Chaque fois que vous avez besoin des options de conception, ouvrez le menu en cliquant sur l'icône du pinceau.

Une fois que vous avez sélectionné une option, Squarespace appliquera automatiquement le changement de style à l'ensemble de votre page. Vous n'aurez pas à parcourir les éléments individuels et les modifications immédiatement. Par exemple, la modification de la palette de couleurs met à jour toutes les sections avec les nouvelles couleurs.

Ajout d'une boutique e-commerce

Noter; cette étape est facultative. Tous les utilisateurs ne voudront pas lancer une boutique de commerce électronique avec Squarespace. Cela dit, si tel est votre objectif, Squarespace est parfaitement capable de gérer la tâche !

Bien que Squarespace ne soit pas la plate-forme de commerce électronique la plus populaire, elle dispose de suffisamment de fonctionnalités commerciales pour étendre n'importe quel site Web à une boutique en ligne.

En fait, peu importe si vous ne savez pas encore quoi vendre en ligne. Squarespace vous donnera la chance d'explorer vos options.

En fait, vous pouvez ajouter 200 produits à une page de magasin. Si vous souhaitez générer des revenus à partir de votre site Web, Squarespace Commerce est une option solide.

Lorsque vous êtes prêt à commencer, cliquez sur l'onglet Commerce .

Le processus de configuration du magasin peut être géré avec l'assistant de commerce électronique en quatre étapes de Squarespace. Cliquez sur Démarrer puis sur Ajouter des produits à vendre .

À ce stade, Squarespace vous demandera de choisir une disposition de magasin. Vous devriez avoir au moins deux options. Cliquez sur votre option préférée.

Votre magasin devrait avoir quelques produits de démonstration inclus dans la mise en page. Ils peuvent être modifiés pour s'adapter à vos produits, ou vous pouvez ajouter de nouveaux produits en cliquant sur le bouton "+" .

Vous pouvez choisir parmi quatre principaux types de produits avec différents paramètres :

• Physique
• Numérique
• Un service
• Carte cadeau

Chacun des types de produits a des champs différents pour chaque aspect de l'affichage du produit. Vous pouvez ajouter plusieurs images, définir des prix et gérer votre inventaire à partir des pages de produits.

Une fois que vous avez terminé l'apparence du produit, faites défiler vers le bas pour trouver des options personnalisées telles que des boutons et des options d'expédition.

Cliquez sur Terminé → Enregistrer pour ajouter le produit à votre boutique.

Ajouter des modes de paiement à votre boutique Squarespace

Il est temps que ce tutoriel Squarespace intègre une passerelle de paiement. Vous trouverez l'option Ajouter un moyen d'être payé dans le menu de configuration de la boutique.

Avec Squarespace, vous pouvez intégrer Stripe, PayPal et Square (aux États-Unis). Cliquez sur votre passerelle préférée pour lier la passerelle à votre site.

Définition des exigences d'expédition

Cliquez sur le bouton Choisissez comment expédier vos produits .

Utilisez ces options pour décider de vos tarifs d'expédition. Comme on peut le voir sur l'image, vous pouvez choisir entre un tarif forfaitaire, une expédition basée sur le poids ou simplement permettre au transporteur de calculer le prix.

Une fois que vous avez sélectionné une option, elle apparaîtra dans vos options d'expédition avec le coût et les limitations régionales.

Aperçu mobile

Lorsque vous êtes satisfait de l'apparence de votre site Web, cliquez sur l'icône du téléphone dans le coin supérieur droit de l'éditeur.

Cela déplacera tout vers un aperçu mobile de votre site.

Faites défiler l'aperçu mobile et confirmez que vous êtes satisfait de l'apparence de tout. Il a fière allure, alors passons à la dernière étape du didacticiel Squarespace : publier votre site Web pour que le monde entier puisse le voir !

Publication de votre site et tarification

Maintenant, nous sommes prêts à partager le site Web avec d'autres personnes. Améliorons notre plan et publions le site.

Cliquez sur le lien Paramètres pour trouver les options de publication.

Lorsque les options de paramètres s'ouvrent, c'est la disponibilité du site qui nous intéresse.

Cliquez sur la disponibilité du site pour ouvrir l'option de mise à niveau et de publication.

Squarespace a un certain nombre de plans différents, mais les plans les plus chers ont généralement de meilleures options de commerce électronique.

Choisissez le plan qui vous convient le mieux et célébrez. Ce tutoriel Squarespace est terminé. Tu l'as fait! Votre site Web est maintenant en ligne!

Conclusion

Nous avons couvert beaucoup de terrain ici. Pour récapituler, nous avons appris :

• Personnaliser votre expérience Squarespace
• Comment choisir un design Squarespace pour votre site Web
• S'inscrire avec Squarespace
• Apprendre à connaître votre tableau de bord et votre éditeur Squarespace
• Modification du contenu de votre site Web
• Apporter des modifications de conception
• Ajout d'une boutique e-commerce
• Prévisualiser votre site sur mobile
• Publication de votre site et tarification

Que pensez-vous de Squarespace en tant qu'outil de création de site Web ? Appréciez-vous votre expérience Squarespace ? N'hésitez pas à partager vos réflexions dans les commentaires ci-dessous.