Share
Dans le monde actuel axé sur la technologie, disposer d'un site Web pour votre entreprise est une nécessité absolue et probablement la partie la plus importante du marketing..
Près d'un tiers de la population mondiale utilise Internet. Que vous soyez rédacteur pigiste, développeur web, conférencier professionnel, agent immobilier ou propriétaire d'une micro-entreprise, il est essentiel d'avoir une présence en ligne qui se présente sous un aspect professionnel. mais peut fournir des informations essentielles à vos clients.
Dans le cadre de notre série Configuration de votre entreprise en ligne sans codage, Je vais vous montrer comment créer votre propre site professionnel avec Squarespace, sans parler de votre magnifique site, qui ne vous demandera pas d'entrer une seule ligne de code..
Traditionnellement, si vous vouliez un site Web, vous auriez généralement un certain nombre de choses à organiser et à considérer. Ceux-ci comprennent:
Pour beaucoup d'entre nous, c'est ce que nous avons toujours fait et fait maintenant. Nous payons un hébergeur chaque mois pour de l'espace Web, configurons notre logiciel Web qui optimise notre site, modifions l'apparence et tout est prêt à l'emploi..
L'hébergement Web peut être très économique, mais le plus souvent, vous en avez pour votre argent. Hébergement partagé est de loin l’option la plus courante, dans laquelle de nombreux utilisateurs partagent le même serveur, où ses ressources sont partagées sur tous les sites. Parfois, ces serveurs partagés peuvent avoir des centaines de sites Web en même temps. De ce fait, un «voisin» sur le serveur risque toujours de créer un site Web utilisant beaucoup de ressources, que ce soit parce que le site reçoit un volume de trafic incroyablement élevé ou simplement en raison de logiciels configurés de manière incorrecte. Si cela se produit, cela peut avoir des répercussions, puisque vous partagez ces mêmes ressources, et votre site pourrait être perturbé..
Si vous n'êtes pas familiarisé avec la conception ou le développement Web, vous trouverez peut-être cela assez compliqué. Il y aura toujours des concepteurs et des développeurs Web que vous pourriez embaucher qui seraient en mesure de s'occuper de tout cela pour vous..
Un logiciel de gestion de contenu, tel que Wordpress, est extrêmement facile à installer. Si vous savez utiliser FTP et pouvez vous repérer sur un serveur Web, vous n'aurez aucun mal à configurer tout cela. Mais si quelque chose se passe sur votre site, c'est à vous de le réparer. Si votre site tombe en panne ou ne fonctionne pas exactement comme il se doit, vous devrez prévoir du temps pour le résoudre..
Mais si je vous disais que vous pouvez ignorer tout ce qui précède et que cela ne coûterait rien de plus que de payer pour l'hébergement Web?
Si vous écoutez de nombreux podcasts populaires, vous aurez sans doute entendu parler de Squarespace. Semblable à certains de ses concurrents, tels que Wordpress.com et Tumblr, Squarespace est un hébergé un service. Vous n'avez pas besoin d'un hébergement Web distinct et il n'y a pas de logiciel à installer. En fait, vous sautez presque chaque étape de notre liste. Alors, comment fonctionne un service hébergé tel que Squarespace et quand est-ce un bon choix??
Avec un service hébergé, tout ce qui concerne votre site Web est au même endroit. Il combine un mélange d'hébergement Web hautement redondant et un logiciel CMS puissant, vous n'avez donc pas besoin de les configurer et de les installer vous-même..
En cas de problème avec une mise à jour ou une installation, à qui parlez-vous - hôte Web ou développeur de logiciels?
Si vous avez des questions ou des problèmes, vous aurez toujours accès à un support technique pour la plupart des aspects de votre site. Avec l'hébergement Web traditionnel, votre hébergement peut appartenir à une entreprise, mais le logiciel que vous souhaitez utiliser en sera une autre, ce qui vous placera carrément au centre. En cas de problème avec une mise à jour ou une installation, à qui parlez-vous - hôte Web ou développeur de logiciels?
Comme chaque client Squarespace utilise la plate-forme Squarespace, aucun autre logiciel ne peut être installé. Alors que certains peuvent trouver cela restrictif s'ils ont un besoin spécifique, pour d'autres cela signifie que l'inquiétude de quelqu'un d'installer de manière incorrecte un logiciel causant une erreur de serveur est inexistante..
Squarespace offre beaucoup de redondance et a même continué à fonctionner malgré les catastrophes naturelles. Lors de l'ouragan Sandy d'octobre 2012, Squarespace a subi une panne de courant en raison de conditions météorologiques défavorables. Travaillant avec leurs partenaires de centres de données, ils ont continué à utiliser les serveurs avec des générateurs diesel pour que les sites puissent conserver leur garantie de disponibilité de 99,99%..
Squarespace est également hébergé dans le cloud, ce qui signifie que si l'un de leurs serveurs devait tomber en panne, un autre prend immédiatement sa place, sans aucune perte de service. Comparé à l'hébergement partagé qui existe sur un seul serveur, s'il tombe en panne, tous les sites de ce serveur disparaissent jusqu'à ce qu'il soit résolu..
Squarespace propose en particulier un certain nombre de modèles attrayants sur lesquels nous pouvons nous appuyer et que nous pouvons personnaliser de manière approfondie. Ils constituent un très bon point de départ pour concevoir notre propre site Web, qui fonctionne comme si nous utilisions un éditeur de photos. Nous pouvons redimensionner les logos, les largeurs de page, changer les couleurs et les tailles de police tout en visualisant les effets en temps réel.
Cela ne veut pas dire que de beaux modèles ne sont pas disponibles pour votre choix de CMS si vous configurez votre propre hôte Web, loin de là. En fait, il existe des modèles vraiment étonnants que vous pouvez acheter sur des sites tels que ThemeForest. La principale différence est que vous devrez prendre en compte l'achat d'un modèle ainsi que tous les coûts impliqués si vous souhaitez modifier fondamentalement certains aspects du modèle..
Un autre avantage d’un tel service est que, bien que le nombre de modèles puisse être inférieur à celui des autres, il est beaucoup plus flexible et continuellement mis à jour et testé sur les principaux navigateurs. Cela signifie que votre site aura la même apparence dans Internet Explorer que dans Google Chrome..
Les solutions hébergées telles que Squarespace sont conçues pour être puissantes, mais faciles à utiliser. Grâce à leur assistance étendue, à leurs forums et à leurs didacticiels vidéo, vous pouvez apprendre vous-même les détails du service..
Squarespace est un bon choix si vous souhaitez configurer un site entièrement fonctionnel, facile à personnaliser sans vous impliquer trop dans le fonctionnement des sites Web. Ce n'est pas pour tout le monde, cependant. Si vous souhaitez un site entièrement personnalisé offrant certaines fonctionnalités que Squarespace ne fournit pas encore, vous êtes bien mieux loti avec la polyvalence d'un hôte Web dédié..
Pour les besoins de cette série, j'ai décidé de créer une nouvelle société de logiciels appelée 'Logiciel 2bit'. Je suis vraiment ravi de mettre en place un nouveau site Web, mais je suis déjà très occupé avec mes dernières applications. Je n'ai pas beaucoup de temps à consacrer à la configuration de l'hébergement Web, à l'installation d'un CMS, etc. Au lieu de cela, je vais configurer mon site Web dans Squarespace de bout en bout..
Squarespace propose un essai de 14 jours cela ne nécessite aucune information de facturation. C'est parfait pour moi parce que je ne veux pas commencer à payer pour un service que je pourrais ne pas vouloir utiliser.
Visite Squarespace et cliquez Commencer.
Avant de nous demander des informations supplémentaires, nous sommes invités à sélectionner la conception de notre site. Squarespace fonctionne en fournissant une gamme de modèles réactifs pouvant être fortement personnalisés. Ne vous préoccupez pas de choisir un modèle qui ne vous plaira peut-être pas, vous pouvez modifier les modèles à tout moment..
J'aime beaucoup le look du template Aviateur. Survolez le modèle, puis cliquez sur Voir l'aviateur. Voyons à quoi ressemble notre modèle pour commencer. Survolez la grande image d'aperçu et sélectionnez Aperçu en direct.
Tous les modèles Squarespace sont réactifs, ce qui signifie qu'ils s'adaptent à l'appareil sur lequel ils sont installés, dans la plupart des cas, un appareil mobile tel qu'un iPhone. Nous pouvons réellement voir à quoi ressemblerait un appareil mobile en survolant son aperçu et en sélectionnant Vue mobile.
Je suis vraiment heureux avec ce design, alors allez-y et sélectionnez Commencez avec cette conception. Entrez votre nom et votre adresse email, ainsi qu'un mot de passe (sécurisé!).
Maintenant que nous avons créé notre compte Squarespace, nous sommes automatiquement connectés au compte Gestionnaire de site. C’est ainsi que nous mettons à jour tout sur notre site, du contenu aux couleurs..
Nous pouvons accéder à des fonctionnalités telles que l'ajout / la suppression de pages et d'autres contenus, des informations analytiques pour nous dire combien de personnes ont consulté notre site et de quels sites elles proviennent, ainsi que d'autres options de configuration..
Tout ce que Squarespace a demandé, c’est mon nom, mais je souhaite personnaliser le site avec le nom et les informations de la société. Pour ce faire, sélectionnez le Réglages section, indiquée par l'icône de rouage.
Ici, nous pouvons compléter les informations sur la société et personnaliser le nom et la description du site. Ne vous inquiétez pas du latin insensé, c'est juste un texte fictif que j'ai mis dans.
Plus bas sur la page, nous pouvons ajouter notre logo et les informations de contact qui seront utilisées dans certaines parties du site..
La configuration d’un nouveau site avec Squarespace nécessite l’inclusion d’un contenu de démonstration. L’aperçu en direct de notre modèle que nous avons vu précédemment correspond en réalité à ce que nous avons pour le moment. Avant de continuer, jetons un coup d’œil sur notre site tel qu’il est actuellement. Sélectionnez le lien de prévisualisation qui est l'icône en haut à gauche, représenté par un oeil.
Comme vous pouvez le constater, les modifications apportées à notre logo et à notre description ont pris effet. En utilisant certains des liens en haut à gauche, nous pouvons naviguer dans le contenu de la démonstration qui nous a été fourni. Jetons un coup d'oeil au Menu page.
Encore une fois, nos nouvelles informations sont déjà visibles sur toutes les pages. Tout ce dont nous avons besoin maintenant, c’est de changer le contenu en ce que nous voulons. Pour accéder au gestionnaire de site, il suffit de sélectionner l’icône cog en bas à droite de la page..
Pour voir quelles pages nous avons, il suffit de regarder sous le La navigation colonne.
Sous Navigation principale sont toutes les pages qui apparaissent dans le menu du site. Sous le titre Non lié sont des pages qui sont toujours accessibles mais ne figurent pas dans le menu. Ceci est utile pour les pages où elles n'ont pas besoin d'un en-tête de menu mais que vous pouvez avoir besoin de pouvoir créer un lien ailleurs, comme une page "conditions générales" ou une page "légale"..
Continuons et supprimons toutes les pages sauf «info» du contenu de la démo. Passez votre souris sur chaque page et une petite icône en X apparaîtra, sélectionnez-la et confirmez que vous souhaitez supprimer chaque page. Une fois cela fait, vous devriez vous retrouver avec ce qui suit:
Il est temps d'ajouter une nouvelle page. Sélectionner Ajouter une page sous Navigation principale.
Nous souhaitons simplement ajouter une page standard. Sélectionnez la première option, puis appelez-la «Accueil»..
Nous souhaitons que cette page soit notre page d'accueil. Ainsi, lorsque quelqu'un visite le site, c'est la première page qu'il voit. Placez le curseur de la souris sur le nom de la page jusqu'à ce qu'une icône en forme de rouage apparaisse, puis sélectionnez-la. Vous pouvez ensuite en faire la page d'accueil.
Pour ajouter du texte, cliquez à l'endroit indiqué Cliquez ici pour commencer à taper et entrez du texte.
Squarespace gère le contenu en blocs. Nous pouvons ajouter différents blocs pour différentes utilisations, telles que le texte, les images, la vidéo, etc. Depuis que nous avons ajouté notre première zone de texte, ajoutons une règle horizontale en dessous. Cliquez sur + Ajouter un bloc puis sélectionnez La règle horizontale. Il le placera directement sous notre bloc de texte. Si nous préférons, nous pouvons réorganiser les blocs à tout moment en les survolant et en les faisant glisser jusqu'à l'endroit souhaité..
Ensuite, je veux ajouter deux images séparées, côte à côte. Tout d’abord, ajoutez un nouveau bloc mais cette fois, sélectionnez Image. Ajoutez une image de votre choix, puis sélectionnez sauvegarder. Maintenant, faites la même chose pour une deuxième image.
Nous avons maintenant deux images superposées. Pour les déplacer côte à côte, il vous suffit de faire glisser la deuxième image à droite de la première, de la faire glisser à l’endroit où vous le souhaitez. Une ligne bleue avec le mot «colonne» apparaîtra, ce qui signifie que vous souhaitez l'ajouter en tant que nouvelle colonne. Relâchez le bouton de la souris et les images seront automatiquement redimensionnées et ajustées pour s'asseoir côte à côte.
Sélectionner Enregistrer et publier, puis clique Voir page en haut pour voir à quoi ça ressemble.
Ajoutons un peu plus de contenu. Retournez au gestionnaire de site et ajoutez une autre page, en l'appelant «Contactez-nous»..
Ajoutez du texte à la zone de texte par défaut, puis ajoutez un nouveau bloc, mais cette fois-ci ajoutez un Forme. Par défaut, les nouveaux formulaires envoient des courriers électroniques à l'adresse électronique avec laquelle vous vous êtes inscrit..
Une caractéristique intéressante des formulaires Squarespace est que vous pouvez les utiliser pour plus que l'envoi d'un courrier électronique. Une fois que vous maîtrisez mieux le système, vous pouvez intégrer Google Docs et même Mailchimp pour développer un outil marketing complet, le tout sans codage..
Après avoir ajouté un nouveau formulaire et l'avoir repositionné, nous pouvons également ajuster la largeur de la colonne qu'ils partagent, pour donner plus de place à notre formulaire ou à notre zone de texte. Donnons un peu plus de place à notre formulaire de contact. Passez la souris sur le milieu des deux blocs et le curseur se modifie. Vous pouvez ensuite cliquer et faire glisser vers la gauche ou la droite, en fonction de la zone à laquelle vous souhaitez laisser plus de place..
Une fois que vous avez terminé, visualisez la page.
Faisons encore un changement sur notre site avant de commencer à ajuster le style. le Info La page est belle, mais pas quelque chose que nous voulons utiliser. De retour dans le gestionnaire de site, faites-le glisser vers le bas. Non lié rubrique afin que nous puissions le déplacer hors du menu du site.
Ajoutez une dernière page appelée "Services" et essayez quelques-uns des autres blocs qui pourraient vous intéresser. Une fois que vous avez terminé, réorganisez le menu pour que la page Contact soit la dernière page du menu..
Nous avons presque terminé la mise en page de notre site, maintenant pour personnaliser l'apparence de notre site. Si vous ne le faites pas déjà, consultez notre site pour voir à quoi il ressemble actuellement..
À l’aide du menu situé dans le coin inférieur droit de l’écran, sélectionnez l’icône Pinceau. Mode Style. C'est ici que nous pouvons personnaliser toutes les couleurs et tailles que nous aimerions utiliser sur notre site..
Tout d’abord, mon logo est assez sombre car il est sur un fond sombre. Modifions l’arrière-plan de l’en-tête pour le rendre un peu plus clair afin que nous puissions le voir beaucoup plus facilement. Vous pouvez sélectionner l’élément à modifier en le sélectionnant avec la souris. Sélectionnez l'en-tête en veillant à bien sélectionner la boîte entière et non le titre ou le logo..
Lorsque vous sélectionnez un élément, toutes les propriétés appropriées seront affichées dans la colonne de gauche. Sélectionner Fond d'en-tête et changez-le en une couleur beaucoup plus claire. Si vous le souhaitez, vous pouvez garder un peu de transparence.
Ça a l'air bien. Cependant, notre texte avec nos informations de contact est un peu difficile à lire. Ajuster la couleur de ce texte et le rendre plus sombre.
Beaucoup mieux. Le logo et le texte sont beaucoup plus clairs et plus faciles à voir.
Je ne suis pas fan du texte en majuscule pour les titres. De nouveau, pour changer un élément spécifique, sélectionnez-le avec la souris et l'éditeur de style affichera les propriétés disponibles pour changer. Modifiez la transformation du texte pour qu’elle ne soit plus en majuscule. En outre, modifiez l'espacement des lettres à 0 pixel, cela rapproche les lettres.
Enfin, sélectionnez certains des paragraphes standard que nous avons écrits et remplacez la police par Proxima Nova..
Si nous faisons défiler l'écran jusqu'en bas, nous pouvons voir que le changement d'arrière-plan a rendu les liens difficiles à lire. Sélectionnez les liens, puis ajustez leur couleur à l'aide de l'éditeur de style..
Bien que le menu en haut à gauche soit assez beau, rendons-le plus traditionnel en le plaçant en haut de la page. Sélectionnez la zone de navigation et la propriété que nous devons modifier est appelée Mise en page de l'information.
Changer la propriété en "Poster".
Maintenant, redimensionner le site. Je voudrais rendre le site un peu plus étroit car je pense que cela peut paraître assez beau. Le redimensionnement est très facile, il suffit de passer la souris sur le bord de la page et de cliquer et de faire glisser pour ajuster.
J'ai redimensionné le site à 50%.
Débarrassons-nous complètement de l'image de fond. Cliquez sur l'arrière-plan et, dans l'éditeur de style, sélectionnez Image de fond. Bien que tout ce café ait l’air plutôt tentant, il ne s’intègre plus vraiment dans notre site, aussi allons-y. Cliquez sur la petite icône de suppression et il ne nous reste qu'un fond de couleur. Alternativement, changez-le pour l'un des vôtres.
Selon l'arrière-plan que vous sélectionnez, vous devrez peut-être apporter de légers ajustements aux couleurs. Continuez simplement à faire des changements jusqu'à ce que vous soyez satisfait de ce que vous avez.
Comme nous avons supprimé le fond de démonstration, nous pouvons ajuster le pied de page pour supprimer le crédit d’image. Pour ce faire, quittez l'éditeur de styles et sélectionnez la première icône du menu Squarespace pour le Éditeur de contenu.
J'ai ajusté le pied de page ici pour inclure un droit d'auteur, ainsi.
Jusqu'à présent, nous avons passé environ 20 minutes à créer un site que nous sommes prêts à commencer à utiliser. Cependant, nous ne voulons pas utiliser l'adresse par défaut fournie par Squarespace, nous voulons utiliser notre propre nom de domaine.!
Si vous vous inscrivez aux plans annuels de Squarespace, vous êtes éligible pour un enregistrement gratuit de nom de domaine. Si vous avez déjà un nom de domaine, vous pouvez simplement l'utiliser à la place. Si vous obtenez un nom de domaine via Squarespace, cette section n'est pas nécessaire et vous pouvez aller directement à la fin..
Reconnectez-vous à la Gestionnaire de site et sélectionnez Réglages, puis Domaines.
Cliquer sur + Lier un domaine existant puis entrez le nom de domaine que vous souhaitez utiliser. Cela ne mettra pas automatiquement à jour notre nom de domaine, cela indiquera simplement à Squarespace le nom de domaine que nous espérons utiliser. Nous devons changer quelque chose d'autre…
Cette partie n’est pas particulièrement délicate, mais il n’ya pas de solution unique, elle dépend vraiment de votre registraire de domaine. Si votre nom de domaine est actuellement chez Hover ou Godaddy, ils auront différentes méthodes pour les modifier..
Heureusement, Squarespace fournit un excellent didacticiel vidéo qui couvre la plupart des bureaux d'enregistrement principaux. Il donne des instructions sur les informations de base dont tous les bureaux d'enregistrement auraient besoin si vous savez comment le faire ou si votre bureau d'enregistrement ne s'affiche pas..
Le paramètre permettant de modifier votre nom de domaine s'appelle un enregistrement DNS. Le DNS peut devenir assez complexe, mais nous devons essentiellement dire à notre registraire de domaine que lorsque nous visitons www.mondomaine.com, nous voulons qu'il pointe vers les serveurs de Squarespace.
Mon domaine est actuellement enregistré auprès de GoDaddy. Voici les paramètres que j'ai configurés à l'aide de leur panneau de configuration DNS..
Une fois que vous avez modifié les paramètres DNS de votre domaine selon les besoins de Squarespace, la mise en vigueur peut prendre jusqu'à 24 heures. Avec les bureaux d'enregistrement tels que Hover, les changements sont presque instantanés.
C'est tout! Après quelques heures (dépendant du DNS), votre site sera opérationnel avec votre nom de domaine personnalisé. Pendant la période d'essai, toutes les visites sur votre site afficheront un avertissement indiquant que celui-ci fait toujours partie d'un essai Squarespace. Assurez-vous donc de vous abonner avant de visiter votre site..
Les sites Squarespace commencent à 10 $ par mois. Vous pouvez obtenir un rabais si vous payez chaque année et, en fonction de votre utilisation, il existe trois niveaux de tarification différents:
Squarespace offre également aux clients américains et canadiens une solution complète de commerce électronique pour la vente de biens physiques et numériques. Si vous avez toujours voulu ouvrir votre propre boutique en ligne pour vendre des biens physiques ou des logiciels, vous pouvez le faire facilement..
Pour la plupart des utilisateurs, les forfaits standard ou illimités sont les meilleures options. Vous pouvez effectuer une mise à niveau à tout moment. Par conséquent, sauf si vous avez besoin de tout cet espace ou d'utilisateurs supplémentaires pour vous connecter, utilisez d'abord le plan standard. En fait, continuez à utiliser la version d'évaluation jusqu'à ce que vous soyez prêt à démarrer, mais souvenez-vous que votre site affiche un écran de démarrage pendant la période d'évaluation..
Alors, comment se compare Squarespace à un hôte traditionnel? De nombreux hébergeurs proposent un hébergement mutualisé à partir de 5 USD par mois. Pas cher, non? N'oubliez pas que vous devrez ensuite configurer votre logiciel de gestion de contenu, le configurer et vous assurer que tout fonctionne correctement. Si vous rencontrez des problèmes avec le logiciel ou l'hébergement, vous devez d'abord essayer de savoir où est le problème, puis commencer à trouver de l'aide..
Wordpress est gratuit, son utilisation est donc gratuite et incroyablement puissante et très populaire. Si vous n'êtes pas habitué à installer un logiciel Web, vous devrez prendre en compte le coût lié au fait que quelqu'un le fasse à votre place..
En 20 minutes environ, nous sommes passés de rien à un site Web totalement fonctionnel et élégant. Il y a un coût mensuel impliqué mais au niveau le plus bas de 10 $ par mois, c'est à peu près la même chose qu'une tasse de café décente et une pâte sucrée chaque mois.
L’un des principaux avantages d’un service tel que Squarespace est qu’il permet vous en contrôle de toute votre présence sur le Web. Chaque fois que vous souhaitez modifier l'apparence, ajouter une page, supprimer un formulaire de contact, vous pouvez le faire vous-même tout de suite - cela vous permet de contrôler votre présence en ligne d'une manière que beaucoup de gens ne réalisent toujours pas pleinement..
Accentsconagua