Espace carré. Comment créer un site internet avec Squarespace ?

Les prix Squarespace varient de 12 USD – 40 USD/mois, ou un peu plus si vous payez mensuellement. (Tu peux obtenez 10% de réduction supplémentaire avec le code WBE ou 50% de réduction si vous êtes étudiant !).

Mais n’y pensez pas encore ! Squarespace propose un essai gratuit de 14 jours, alors rendez-vous simplement sur squarespace.com pour vous inscrire. Vous n'avez pas besoin de saisir de détails à ce stade - cliquez simplement sur le bouton « Commencer » pour passer à l'étape suivante ! Juste.

Démarrer avec Squarespace est simple : il vous suffit d'accéder à la page d'accueil et de cliquer sur le bouton Commencer !

Une fois que vous aurez cliqué sur « Commencer », il vous sera demandé de sélectionner conception de votre site Web:

La première étape dans la création de votre site Web consiste à choisir un design. Cliquez sur l'image pour afficher les modèles Squarespace.

Vous pouvez naviguer par secteur d'activité (depuis "Achats en ligne" et "Restaurants" jusqu'à "Mariages" et "Photographie") ou par modèles populaires.

Vous pouvez filtrer les modèles par catégorie et prévisualiser les conceptions pour faciliter votre sélection. Cliquez sur l'image pour choisir votre design.

Passez la souris sur le modèle et sélectionnez Aperçu pour l'essayer.

Le modèle que vous choisissez servira de tremplin pour la conception de votre site Web, il vaut donc la peine d'en parcourir plusieurs pour trouver celui que vous préférez.

Un conseil à ce stade : le design de Squarespace est bon. Ils sont vraiment très bons – les meilleurs que nous ayons jamais testés ! C'est certainement génial, mais cela peut également rendre difficile le choix d'un seul modèle : vous n'avez vraiment que l'embarras du choix et il est facile de perdre le contrôle et d'abandonner complètement.

Mais ne fais pas ça ! Voici nos meilleurs conseils pour choisir un modèle :

1. Restez fidèle à votre secteur d'activité est un moyen simple d'affiner vos options tout en vous assurant que vous suivez les meilleures pratiques du secteur.
2. « Mettez en favoris » vos modèles préférés en cliquant sur le cœur — ils seront enregistrés dans la catégorie « Favoris » afin que vous puissiez y revenir avec un regard neuf.
3. Juste... choisissez-en un ! - Vous pouvez personnaliser votre modèle comme vous le souhaitez, alors ne vous attardez pas trop sur votre décision à ce stade.

Une fois que vous avez sélectionné un modèle, survolez-le et sélectionnez l'option « Commencer avec [nom du modèle] ». Nous choisirons un modèle Atlantic de la catégorie restaurant.

À ce stade, vous devez vous inscrire avec une adresse e-mail ou vous connecter à votre compte Google :

L'inscription à Squarespace nécessite uniquement une adresse e-mail et un mot de passe : aucune information de paiement n'est requise. Cliquez sur l'image pour y accéder Maison espace carré.

Donnez ensuite un nom à votre site. Il apparaîtra en haut de votre site, bien qu'il puisse être modifié.

Lors de la configuration, vous pouvez donner un nom à votre site.

Squarespace vous montrera ensuite quelques diapositives rapides sur la modification de votre site. Vous pouvez les ignorer, sachant que vous disposez déjà (probablement) du meilleur tutoriel sur Internet comme guide fiable !

Il s'agit de votre menu Squarespace principal, et c'est à partir de là que vous suivrez toutes les étapes pour donner vie à votre site.

Vous modifiez vos pages à l'aide du menu d'édition de Squarespace.

Si vous emménagiez dans une maison qui nécessitait beaucoup de travaux, vous deviez vous assurer que les éléments les plus importants – salles de bains, cuisines, etc. – étaient en place avant de commencer à peindre les murs.

C'est la même chose ici. Ne vous laissez pas emporter pour l'instant design - concentrez-vous sur la structure de votre site.

Ajouter des pages

Jetez un oeil au menu. Qu'est-ce qui manque? 

Concernant notre restaurant La cuisine d'essai, nous voulons , afin que le blog puisse partager des recettes que les gens peuvent copier depuis leur propre cuisine, des mises à jour sur nos précautions et politiques Covid-19, ainsi que des messages de l'équipe.

Voici comment nous avons ajouté un blog au site :

Allez dans « Pages » où vous verrez toutes les pages actuelles de votre site :

Vous pouvez visualiser les pages de votre site sur le côté gauche de l'éditeur.

Cliquez sur + et sélectionnez « Blog » dans la liste.

Vous pouvez choisir les pages que vous souhaitez ajouter à votre site. Ici, cliquez sur la page Blog.

Sélectionnez ensuite votre mise en page préférée :

Quelle mise en page préférez-vous ? Parcourez chacun d’entre eux et choisissez la mise en page qui convient le mieux à votre design !

Une fois que vous avez choisi une mise en page, cliquez sur l'un des quatre articles de blog « factices » pour l'ajouter à votre propre contenu et supprimez tout ce dont vous n'avez pas encore besoin.

Création d'un sous-menu. Espace carré

Y a-t-il trop de pages pour tenir dans le menu de votre site Web ? Placez vos pages dans un dossier pour faciliter leur navigation.

Vous pouvez ensuite donner un nom à ce menu et également ajouter les pages qui y figureront.

Suppression de pages. Espace carré

Besoin de vous débarrasser d'une page ou d'un dossier ? Aucun problème. Passez simplement votre souris sur la page dans le menu et un emoji poubelle apparaîtra sur la gauche. Cliquez sur cette icône puis sur Confirmer.

Une fois que vous avez les pages souhaitées, il est temps de personnaliser leur contenu pour qu'il corresponde à votre marque. Cela signifie remplacer la copie d'espace réservé, réorganiser les sections et en ajouter de nouvelles.

Pour passer en mode Éditeur, accédez à la page que vous souhaitez modifier et cliquez sur Modifier dans le coin supérieur gauche.

En bref, vous pouvez modifier n'importe quelle section en la survolant puis en cliquant sur l'icône en forme de stylo. Pour ajouter une autre section, passez votre souris sur les deux sections et cliquez sur l'icône bleue « + » qui apparaît au milieu.

Voici quelques types de sections que vous pouvez ajouter :

Vous avez le choix entre de nombreuses sections et vous pouvez même réorganiser les pages après avoir ajouté de nouvelles sections à votre site.

Vous n'aimez pas l'ordre des pages ? Appuyez simplement et maintenez pour sélectionner une section, puis faites-la glisser vers le haut ou le bas sur la page.

Lorsque vous avez terminé d'ajouter, de modifier et de déplacer des sections, assurez-vous de cliquer sur "Terminé" dans le coin supérieur gauche, puis sur "Enregistrer".

Maintenant que la mise en page de vos pages est à peu près en place, nous allons personnaliser votre concevoir et ajouter quelques éléments image de marque pour que votre site se sente plus « vous ».

Dans le menu principal, sélectionnez « Conception ».

Accédez à Conception pour modifier les options de style telles que les couleurs et les polices.

Changez les polices et les couleurs. Espace carré

Allez dans la section "Polices" pour sélectionner "set" polices (essentiellement quelques polices) à déployer sur votre site, et modifiez également la taille de police définie. Sous Styles de texte globaux, cliquez sur n’importe quel type de texte (titres, paragraphes, etc.) pour ajuster l’épaisseur et l’espacement de la police. Cliquez ensuite sur « Attribuer des styles » (sous Polices) pour attribuer différentes polices à différentes parties de votre site.

Dans la section " Цвета Squarespace propose une sélection de palettes de couleurs prédéfinies, ou la possibilité de télécharger une couleur (par un code HTML à six chiffres), ou même de télécharger une image et Squarespace en extraira les couleurs clés.

Animation et style. Espace carré

Dans la rubrique "Animation" vous pouvez configurer l'affichage des animations sur votre site. L'animation, c'est quand le contenu semble « apparaître », « disparaître » ou « se mettre en place ». C’est une façon formidable et élégante de pimenter votre site Web !

Des effets d'animation inhabituels sur votre site Web ? Aucun problème!

Dans la section " Intervalle" et " Blocs d'images" vous pouvez apporter de petites modifications à l'espacement et à l'alignement des sections de contenu et d'image. Et dans la rubrique " Boutons" vous pouvez changer le style de vos CTA.

Des détails plus fins

À ce stade, votre site semble plutôt bien. Contenu? Vérifiez-le. Images? Vérifiez-le. Couleurs et polices de marque ? Vérifiez-le. Des animations amusantes ? Vérifiez-le.

Mais bon site internet doit être cohérent sur tous les points de contact possibles et est donc très important Suer les petites choses :

Conception>Icône du navigateur - Également connue sous le nom d'icône du navigateur, l'icône du navigateur est ce qui apparaît à côté du nom de votre site lorsque votre site est dans un onglet. Pour le moment, nous avons un cube noir par défaut - la plupart des marques préféreraient télécharger leur logo ici :

Conception > Page 404 est le contenu qui sera affiché si les lecteurs tentent d'accéder à une page de votre site qui n'existe pas. Il existe une copie par défaut ici, mais nous suggérons de la remplacer par quelque chose de plus marqué.  

Page de paiement et produits. Espace carré

Ces sections concernent la personnalisation de vos pages de produits et de vos pages de paiement. Pas d'objets à vendre ? Sautez-le maintenant !

Ajout d'un logo et d'un logo de réseau social

Vous pouvez télécharger le logo réseau social (c'est-à-dire une image qui représente votre contenu lorsqu'il est publié sur réseaux sociaux) Au chapitre " Conception>Partage social .

Pour télécharger un logo à afficher sur votre site, revenez en mode édition sur la page d'accueil. Passez votre souris sur l'en-tête et cliquez sur le bouton « Modifier l'en-tête du site », puis sur « En-tête et logo du site » où vous verrez un endroit pour télécharger votre logo.

Avant de pouvoir commencer à payer pour votre site et à le publier, nous devons d'abord passer au niveau administrateur. Au chapitre " Paramètres" vous trouverez de nombreux paramètres différents - nous avons couvert ci-dessous les éléments essentiels pour n'importe quel site Web, mais vous en trouverez peut-être d'autres qui conviennent au vôtre !

Informations linguistiques et commerciales

Aller à " Paramètres> Langue et région pour sélectionner l'emplacement, la langue et le fuseau horaire.

В sous Paramètres > Informations sur l'entreprise Entrez vos coordonnées, votre emplacement et vos heures d'ouverture (le cas échéant).

Si vous créez un site Web d'entreprise, c'est ici que vous pouvez saisir les coordonnées, l'emplacement et les heures d'ouverture.

Nom de domaine. Espace carré

Votre nom de domaine est l'adresse de votre site Web. Lorsqu'il s'agit d'obtenir votre propre nom de domaine, vous avez plusieurs options :

1. Achetez auprès d'un autre registraire de domaine et transférez-le vers votre site Squarespace. Aller à " Paramètres> Domaines> Utiliser votre propre domaine , et Squarespace vous guidera à travers les étapes pour l'ajouter.
2. Obtenez un nom de domaine via Squarespace. Cela coûtera à partir de 20 dollars par an (ce qui légèrement plus cher qu'acheter ailleurs, mais un peu plus pratique). Aller à Paramètres> Domaines> Obtenir le domaine. pour en trouver un disponible.
3. Achetez le forfait annuel de Squarespace et obtenez un domaine gratuit pour la première année. Nous aborderons les forfaits dans la section suivante, mais si vous êtes prêt à vous engager sur un forfait annuel, vous obtiendrez un nom de domaine gratuit pour la première année, ainsi que des économies sur les coûts « de base ». Pour l'obtenir, inscrivez-vous à un forfait payant, puis accédez à " Paramètres> Domaines> Obtenir le domaine.

Des médias sociaux

Liez vos comptes à réseaux sociauxen sélectionnant " Paramètres>Liens sociaux . Tous les comptes que vous ajoutez ici seront accessibles via les icônes d'en-tête, sauf si vous les supprimez.

Lorsque votre essai Squarespace de deux semaines est toujours en cours, votre site sera privé par défaut. Cela signifie que personne ne pourra y accéder, par exemple simplement via Google. Même si vous avez configuré un nom de domaine et que vous envoyez un lien direct à quelqu'un, il ne verra que la page de connexion.

Mais permettre à vos amis et à votre famille de voir votre site est une étape importante pour résoudre tout problème avant la mise en ligne de votre site. C'est pourquoi nous vous recommandons de définir un mot de passe pour l'ensemble du site. Toute personne disposant de ce mot de passe pourra accéder aux dernières modifications apportées à votre site Web. Au moins, cela pourrait être un moyen utile de vous pour visualiser le site "en vrai" entre différents appareils.

Comment définir un mot de passe pour l'ensemble du site

Dans le menu principal, sélectionnez " Paramètres>Accessibilité du site . Modifiez ensuite le paramètre par défaut de Public à Protégé par mot de passe et entrez le mot de passe que vous avez choisi. N'oubliez pas de le rendre à nouveau public après votre inscription au forfait payant !

Avant la fin de votre essai gratuit, assurez-vous de souscrire à un forfait payant. Squarespace propose quatre plans tarifaires :

• Personnel -16$/mois (ou 12$/mois facturé annuellement)
• entreprise -26$/mois (ou 18$/mois facturé annuellement)
• Commerce électronique de base -30$/mois (ou 26$/mois facturé annuellement)
• Commerce électronique avancé -46$/mois (ou 40$/mois facturé annuellement)

Bien entendu, tous les forfaits diffèrent par les fonctionnalités qu’ils offrent (les deux étapes suivantes de ce guide ne sont possibles que si vous disposez d’un business plan ou supérieur, par exemple). Vous pouvez économiser entre 13 % et 30 % si vous souscrivez à un forfait annuel.

Mais que donnent-ils ? Eh bien, comme vous vous en doutez, vous obtiendrez plus si vous payez plus. Par exemple, le forfait Personnel est idéal pour les portfolios et les blogs, mais ne convient pas aux utilisateurs ayant des ambitions commerciales car il ne peut pas vous vendre de produits. Il ne fournit pas non plus d'intégrations tierces comme Mailchimp ou OpenTable, ni de publicités pop-up.

Deux plans commerce électronique n'offrez aucun frais de transaction tandis que Business vous facture 3 %. Pensez donc à votre budget et à ce que vous voulez que votre site puisse faire.

 Une fois que vous avez choisi un plan tarifaire et que vous l'avez payé, votre site est opérationnel. Pour certains sites Web (portfolios, etc.), votre travail peut désormais être effectué. Pour toute personne utilisant un plan d’affaires ou supérieur, nous aborderons quelques étapes supplémentaires ci-dessous.

Premièrement, pour ajouter des outils marketing, vous devez être au minimum dans le plan Business. Comment mettre à jour ? Vous ne serez pas surpris d'apprendre que Squarespace a pensé à cela : il y a un bouton « Mettre à jour maintenant » stratégiquement placé à la fin de chaque page pendant votre essai gratuit.

Bien entendu, tous les sites Web n’ont pas besoin de ces outils. Donc, si vous n'envisagez pas de vendre en ligne, vous pouvez ignorer les étapes 7 et 8.

En cliquant sur « Marketing » dans le menu principal, vous verrez tout ce dont vous avez besoin pour promouvoir votre site Squarespace. L'image ci-dessous montre vos options marketing.

Squarespace propose une large gamme d’excellents outils marketing.

À partir de là, vous pouvez ajouter des fenêtres contextuelles, afficher des boutons de réseaux sociaux, intégrer votre page Facebook, lier votre flux Instagram et bien plus encore en quelques clics. Vous pouvez même créer une nouvelle campagne par e-mail à l'aide des campagnes par e-mail Squarespace. Pour un créateur de site Web aussi créatif, Squarespace ne lésine pas sur le côté commercial.

Vous pouvez même voir les performances de votre site en utilisant l'option Analytics sur le tableau de bord principal. Il vous permet de visualiser votre trafic, de rechercher des mots-clés et essentiellement de suivre les performances de votre site Squarespace.

62 % des consommateurs américains achètent désormais plus en ligne qu'avant la pandémie, vous voudrez peut-être ajouter à votre site de commerce électronique.

Tout comme l'ajout d'outils marketing à vendre produits, vous devez avoir au minimum un Business plan . Cependant, nous recommandons toujours les plans du Commerce pour les projets les plus ambitieux. magasins en ligne.

Ainsi, après la mise à jour (cliquez simplement sur le bouton bleu « Mettre à jour maintenant »), cliquez sur « Trade » sur le panneau principal et vous pouvez commencer à vendre.

Vous pouvez désormais intégrer ces fonctionnalités de vente :

• Commandes en ligne
• Gestion des stocks
• Visualisez vos clients
• Ajouter des réductions

Veuillez noter que vous devrez ajouter une page Produits avant de gérer votre inventaire. Mais ne vous inquiétez pas, revenez simplement aux étapes « Ajout de pages » et répétez le processus. C'est vraiment simple.

Squarespace est intégré à Square, le géant du traitement des paiements. Il vous permet d'accepter les paiements par carte hors ligne et en ligne. Tout ce dont vous avez besoin est l'application Square Commerce, l'un des plus petits lecteurs de cartes de Square (49 $), et vous êtes prêt à partir. Regardez cette vidéo pour en savoir plus sur la façon dont cela peut fonctionner dans votre magasin :

Concernant les commissions, paiements hors ligne Les frais de transaction et de traitement de Square s'appliqueront. Cela dépend de plusieurs facteurs (y compris l'emplacement), mais aux États-Unis, vous pouvez vous attendre à payer :

• Frais de transaction 2,6% + commission pour traitement dans 0,10 $
• Commission par transaction 3,5% + commission pour traitement opérations clés 0,15 dollar américain

Bien que cela vaut toujours la peine de vérifier directement auprès du site Web de Square. Vous ne paierez aucun frais supplémentaire de la part de Squarespace pour les ventes hors ligne ou les ventes en ligne en utilisant ses plans commerciaux.