Vous êtes nouvel entrepreneur, webmaster débutant, gérant de magasin, artiste, blogueur, indépendant ou gestionnaire d’une PME qui souhaite disposer d’une présence en ligne ? Alors la création d’un site internet est souvent innévitable.
Si vous souhaitez vous lancer dans cette aventure, bonne nouvelle pour vous, ce site contient toutes les ressources nécessaires pour vous aider à lancer votre activité en ligne avec un budget raisonnable, des outils fiables et des experts pour répondre à vos questions.
Dans cet article, nous vous donnons les 7 étapes simples pour créer un site web ultra-performant et personnalisable afin de lancer votre activité web.
Le tout pour moins de 100€. Les technologies utilisées permettent de réaliser tous types de pages : créer un site ecommerce, plusieurs pages vitrines, une landing page, un blog perso, …
L’option prise ici (WordPress, Divi, Infomaniak) ne demande pas de savoir coder. Elle est adaptée aux débutants ainsi qu’aux profils plus avancés. WordPress et Divi sont « open source », ce qui signifie que tout est personnalisable.
Voici l’aperçu complet de notre article.
Pour vous rendre directement au guide, c’est ici !
Quelles sont les trois possibilités lorsqu’on veut lancer un site web ?
Car oui, lorsqu’on souhaite créer un site web, on dispose de différentes options :
- 1 – Faire appel à un professionnel pour la réalisation complète de l’ensemble de votre boutique. Généralement, ce type de prestation vous coûtera entre 5000 et 20.000 euros et compter au minimum plusieurs semaines pour arriver à un résultat.
- 2 – Installer un site « préfabriqué » (CMS, ici WordPress) et mettre en place les bons outils pour facilement gérer le contenu et éditer les designs afin qu’il corresponde tip top à vos besoins. C’est possible sans s’y connaître en informatique ! C’est cette approche que nous utiliserons ici. Alors oui, vous allez devoir apprendre certaines choses mais au final cette option vous permettra de mettre à jour votre site internet sans devoir faire appel à un professionnel chaque fois que vous souhaitez ajouter un lien sur une page. C’est la solution la plus flexibles pour un prix très abordable (10€ par mois)
- 3 – Utiliser un éditeur de création de site tel que WIX. Ce type d’éditeur est assez similaire à la solution que nous allons mettre en place ici. Elle est encore plus simple à mettre en place que l’option 2. Par contre, elle est moins flexible. Wix ne donne pas accès à la base de données ni au code de votre site, ce qui signifie que vous êtes bloqué contractuellement. C’est la raison pour laquelle, si vous êtes à l’aise avec l’informatique (pas besoin d’avoir un bac + 5), nous vous conseillons plutôt l’option 2.
Aujourd’hui, nous allons vous mener étape par étape à la création d’un site internet personnalisé avec une interface d’administration et un design qui correspondra « tip top » à ce que vous avez en tête. Nous allons pour cela utiliser WordPress (l’outil de création de site web le plus populaire du monde), nous l’installerons de manière facilitée sur Infomaniak (société suisse reconnue au niveau européen pour sa fiabilité) et profiterons de l’offre spéciale d’infomaniak qui donne accès à Divi (l’outil d’édition de design le plus répandu au monde).
Bref, on prend les meilleurs, et c’est parti. Niveau budget, vous disposerez d’un site web professionnel pour moins de 10 euros par mois.
De quoi vais-je disposer à la fin de ce tutoriel ?
Consulter directement les 7 étapes pour créer et installer votre site sans lire l’introduction.
Un nom de domaine de votre choix
Le nom de domaine est le nom de votre site. Il est composé de deux partie : le nom et l’extension. Par exemple, dans google.com, l’extension est le .com. La plupart des extensions sont libres càd que vous pouvez acheter un .fr même si votre boîte n’est pas française. Infomaniak est enregistré à l’afnic et peut donc réserver le nom de domaine pour vous et le stocker sur votre interface d’administration.
Ce nom de domaine va également vous permettre de créer une adresse email liée à ce nom de domaine.
Une adresse email professionnelle du type olivier@monactivite.com
L’hébergement web + mail auquel nous allons souscrire ici contient la création d’adresse emails. Vous pourrez créer 5 adresses emails professionnelles. Par exemple : support@monactivite.com, olivier@monactivite.com, etc.
Un hébergement web avec WordPress installé
Infomaniak a mis en place un service permettant d’installer wordpress (le gestionnaire de contenu de votre site) en seulement quelques clics, sans être une superstar en informatique. Infomaniak est connu pour sa fiabilité. Plus d’informations ci-dessous dans nos questions fréquentes.
Une interface d’administration simple pour éditer votre site
L’interface d’administration d’infomaniak est sobre et simple. Celle de WordPress est facile à prendre en main.
Last but not least …
Un site avec un thème pro et un design éditable
Une des raisons pour lesquelles ce tutoriel est basé sur Infomaniak est que leur offre contient un accès gratuit à vie au gestionnaire et éditeur de thèmes DIVI. C’est un outils super pratique pour les webmasters et vraiment puissant. Il est utilisé par la plupart des designers wordpress à l’heure actuelle. Rien que l’accès à Divi coûte normalement 289 dollars, ici c’est gratuit. Autant dire qu’il s’agit d’un bel incitant par rapport à d’autres offres (note : vous pouvez bien sûr partir sur un autre hébergement web et ajouter Divi, mais cela vous reviendra plus cher).
Optionel : des tickets pour nous poser vos questions
Suite à la publication de ce tutoriel et de nos autres guides de création web, nous avons reçu pas mal de questions d’entrepreneurs. Nous y répondons avec plaisir et nous sommes en train de mettre en place des packs de ticketings qui vous permettront de disposer d’une aide personnalisée chaque fois que vous en avez besoin. Entre temps, vous pouvez nous contacter sur lepetitgeek.blog @ gmail . com
Qu’est-ce que wordpress et pourquoi l’utiliser ?
WordPress est ce qu’on appelle un « gestionnaire de contenu de site (Content Management System) ». Dans la pratique, WordPress permet de créer un site web générique, et de l’adapter selon vos besoins sans aucune ligne de code. Pas besoin d’être une superstar en informatique pour créer un site.
Il existe de nombreux CMS sur le marché, alors pourquoi WordPress ?
Les forces de wordpress
- WordPress est l’outils de création de site le plus utilisé au monde, et de loin ! Près de 40% des sites web dans le monde fonctionnent sur wordpress. Et cette part de marché est en croissance constante depuis 10 ans. Conséquence : vous n’êtes jamais le premier à vous poser une question et la réponse se trouve toujours quelque part sur le web.
- WordPress a une interface d’administration simple et intuitive : pas besoin de coder pour s’en sortir.
- Ajout de fonctionnalités : WordPress dispose de son propre « app store » qui vous permet d’ajouter des fonctionnalités à votre site en seulement quelques clics. Envie de transformer votre site vitrine en ecommerce ? C’est possible, envie de changer de thème ou de tester un nouveau design, c’est possible en 2 clics.
- Sécurité et évolutivité : La communauté derrière wordpress est énorme, les mises à jour s’opèrent en un clic et le nombre d’experts en wordpress est important.
- Prix : WordPress est gratuit ! Ce qui signifie que pour créer et mettre en ligne votre site, vous ne devez payer que le nom de domaine et l’hébergement. En tout, il vous en coûtera généralement moins de 10€ par mois tout compris.
Les faiblesses de wordpress
- WordPress est la solution qui dispose du meilleur ratio « simplicité / flexibilité », néanmoins WordPress nécessite quand même d’un peu de configuration. Si vous cherchez la solutions la plus simple possible, des solutions telles que squarespace ou wix sont sans doute plus adéquates.
Pourquoi faire confiance à Infomaniak pour mettre le site en ligne ?
Aller aux 7 étapes faciles pour installer un site wordpress et l’héberger.
Lorsqu’on souhaite mettre un site web en ligne, il faut souscrire à un pack d’hébergement. C’est sur cet espace d’hébergement que sera hébergé votre site. Pour faire simple : pour mettre un site en ligne, il faut l’héberger.
Infomaniak est un des leaders mondiaux de l’hébergement web. Ils sont basés en Suisse, ils disposent de serveurs partout dans le monde et sont reconnus pour leur qualité et prix compétitifs. Ils ont plus de 20 ans d’expérience.
Leur site est ici : Le site officiel d’infomaniak.
Pour installer WordPress, Infomaniak a conclu un partenariat avec WordPress et Divi, ce qui permet de recevoir Divi gratuitement lors de l’installation de WordPress au lieu de devoir payer 269 dollars ! Grâce à ce super avantage, on peut donc bénéficier d’une solution complète WordPress + divi + hébergement pour moins de 100€.
7 étapes simples pour créer votre premier site pro avec WordPress et Divi (captures d’écran et explications)
Étape 1 : Sélectionnez le pack Hébergement + Mail et nom de domaine
Rendez-vous sur cette page du site d’infomaniak. (le lien s’ouvre dans un nouvel onglet)
Dans le menu horizontal sélectionnez Hébergement puis Hébergement Web + Mail. Les détails de l’offre sont repris ci-dessous (la configuration des adresses emails vient à l’étape suivante).
Veuillez ensuite sélectionner un nom de domaine auquel lier votre hébergement web. Les tarifs pratiqués par infomaniak pour les noms de domaine sont démocratiques, je vous déconseille donc d’acheter votre nom de domaine ailleurs, cela complexifiera la configuration de votre site.
Pour choisir un nom de site, évitez les accents et les tirets. De manière générale, préférez l’extension de votre pays ou l’utilisation d’un .com.
ATTENTION : Si vous ciblez la francophonie, nous vous conseillons d’acheter les extensions .com, .fr, ca, ch et .be. En effet, il existe des sociétés qui achètent de manière automatisée les extensions complémentaires de sites devenus populaires… afin de les revendre au prix fort (généralement plus de 1000€).
Conseils de pros
Les .com disponibles sont de plus en plus rares. Il faut donc être créatif. Quelques conseils pour définir des noms disponibles :
- Ajoutez une référence au type d’activité. Par exemple : mybrandshop.com ; mybrandartiste.com ; mybrandsoftware.com
- Utilisez « le / la / les / mon / … » ou « the ». Exemple : themagiciansoftware.com
- Pensez « out of the box”, ajoutez des couleurs ou des adjectifs. Exemple : littlemagiciansoftware.com, bluemagiciansoftware.com
- Enfin, « Don’t think too much » : évitez de passer un mois à réfléchir sur votre nom de domaine. Si besoin, optez pour un nom de domaine temporaire, il sera possible de le modifier par après si besoin.
Une fois que vous avez sélectionné vos extensions, cliquez sur suivant.
Infomaniak vous propose deux addons. Ces addons ne sont pas obligatoires mais peuvent améliorer les performances de votre site ou vous rendre anonymes (votre nom n’apparaîtra pas sur la fiche de votre nom de domaine).
Si vous n’êtes pas certains de vous, il est toujours possible d’activer des options par la suite.
Étape 2: Définissez le nombre d’adresses email pro que vous souhaitez créer
Les adresses emails dont on parle ici sont des adresses emails telles que cedric@monnomdedomaine.com, hello@monnomdedomaine.com, ces adresses emails seront utiles pour communiquer vers vos clients, gérer des boites de réception différentes, etc.
Astuce : infomaniak offre une adresse email gratuitement.
Étape 3 : Créez un compte Infomaniak et effectuez le paiement
Suivez les instructions, le chemin de commande est clair.
Infomaniak accepte tous les moyens de paiement populaires.
Sélectionnez l’option gratuite « Wordpress » afin de profiter du module d’installation gratuite. Ce module va nous guider pas à pas pour installer wordpress sans coder ni être un pro en informatique. Si vous oubliez de sélectionner WordPress, pas de soucis, il est également possible d’ajouter WordPress par après sur votre hébergement.
Étape 4: Suivez le module d’installation de wordpress
Sur votre interface de gestion de produit, sélectionnez ajouter un module (WordPress & applications). Vous pouvez alors sélectionner le CMS de votre choix (dans notre cas, wordpress), Il sera ensuite possible d’installer gratuitement WordPress en 1 clic sur votre site.
Suivez le guide et renseignez notamment votre adresse email, identifiant, mot de passe. Vous recevrez un email avec vos informations de connexion, gardez-le précieusement !
Étape 5 : Installer Divi sur votre hébergement wordpress
Chez Infomaniak, Divi est fourni par défaut avec les packs d’hébergement. On apprécie beaucoup puisque c’est 269€ économisés. Rien à faire donc puisqu’on a sélectionné Divi à l’étape 4.
Étape 6 : Bingo, vous disposez maintenant d’un site avec WordPress et Divi !
Il est l’heure de sortir le champagne !
Étape 7: Premiers pas pour prendre WordPress en main
Nous n’allons pas vous faire un tutoriel détaillé sur WordPress dans cet article. Néanmoins, voici quelques explications qui vous permettrons de faire vos premiers pas.
- Pour se connecter à l’interface d’administration : indiquez nomdevotresite.com/wp-admin
- Pour ajouter un article de blog : Se rendre dans l’interface d’administration et sélectionnez ajouter un article
- Pour changer l’apparence : Tout se passe dans l’onglet Apparence
- Pour aller plus loin … Google est votre ami. Il existe énormément de ressources concernant WordPress. Nous publierons des articles pour aller plus loin dans les prochaines semaines.
Vous avez des questions? Nous pouvons vous aider.
Etape 8 (option) : Apprendre à prendre Divi en main pour personnaliser votre thème
Vous avez installé Divi. Divi est très simple d’utilisation. Si vous avez des besoins spécifiques, nous vous conseillons de faire quelques recherches sur le web. Divi compte plusieurs centaines de milliers d’utilisateurs.
Pour démarrer avec Divi, le tutoriel « getting started » se trouve ici :
Plusieurs sociétés ont tenté de mettre en place des services similaires à Divi mais la qualité de leur service n’est généralement pas à la hauteur. Avantage de Divi : vous ne dépendez pas d’un prestataire externe si vous souhaitez apporter des modifications à votre design.
Questions fréquentes
Qui est derrière la société infomaniak ?
Infomaniak est une société suisse de près de 200 personnes. Parmi leurs clients, on compte de nombreuses enseignes connues telles que Volvic, RTBF, Evian, etc. Bref, du beau monde qui prouve que c’est du sérieux.
La force d’informaniak, c’est la simplicité et la transparence. Une vraie équipe qui est à votre écoute quelle que soit votre question. Infomaniak n’a quasiment pas connu de panne ses début, c’est pour dire à quel point ils sont exigeants.
« Peut-on faire confiance à infomaniak? » Oui. Avec une moyenne de 4.3 sur truspilot (Avis d’utilisateurs certifiés), des grandes enseignes qui leur font confiance et 25 ans d’expérience, Infomaniak réalise un sans faute.
Qu’est ce que wordpress ?
WordPress est un « Content Management System », c’est-à-dire un éditeur de site web. Il permet de créer et gérer un site pro sans rien connaître au web. Pour créer un article de blog, vous n’avez plus qu’à compléter un formulaire, un peu comme dans Word.
WordPress, ce n’est pas n’importe quel éditeur ! Près de 40% des sites web dans le monde ont été créés avec WordPress. C’est pour dire à quel point c’est un système simple et performant.
En installant WordPress sur votre plan d’hébergement web, vous avez accès à une interface d’administration simple et à une librairie de dizaines de milliers d’extensions/plugins qui vous permettent d’ajouter des fonctionnalités à votre site si vous le souhaitez.
WordPress est gratuit et Open source.
Comment peut-on éditer un thème wordpress pour avoir le design qu’on souhaite ?
Lorsqu’on installe WordPress, on peut facilement charger différents thèmes. Il existe des thèmes pour tous les types de besoins : site vitrine, lancement de produit, blog, site ecommerce, page de médecin, etc. Vous pouvez facilement choisir un thème (gratuit ou payant), le tester et l’activer.
Néanmoins, éditer un thème activé peut parfois être compliqué, c’est là qu’intervient Divi 😉
Qu’est ce que Divi / Elegant theme ? Comment personnaliser mon site ?
Divi, c’est plus qu’un thème. Divi est un outil qui permet d’adapter le design de votre site wordpress depuis un éditeur interactif. Vous voyez directement ce que vous modifiez. Vous pouvez déplacer des éléments en faisant du drag and drop, modifier les marges, les alignements ou les polices de votre site sans effort.
Pour ne pas partir de zéro, divi contient déjà des thèmes desquels vous pouvez facilement partir pour créer votre site final.
Est-ce que créer un site internet personnalisé c’est cher ?
Si vous faites appel à un professionnel, les prix peuvent vite grimper. Si vous cherchez une personne pour personnaliser votre site web divi, nous avons de bons freelancers à vous conseiller.
Est-ce qu’arriver au bout de ce guide est compliqué ?
Non, par contre ce guide n’est que la première étape du lancement de votre ecommerce. A la fin de ce guide, vous ne serez pas encore un expert de WordPress et Divi. Ces deux outils sont très intuitifs, nous vous conseillons donc
Quels types de sites peuvent être créées avec WordPress et Divi ?
La gamme de sites possibles est très large : ecommerçants, sites vitrines, blogs de voyage, galeries de photos, sites de vidéos, eshops, abonnements. Que vous soyez une startup, une scalup ou un entrepreneur seul, WordPress et Divi devrait permettre de répondre à votre besoin de personnalisation.
Est-ce que quelqu’un peut m’aider à créer mon site wordpress ?
Nous avons détaillé ici les étapes pour installer WordPress sur votre hébergement. Nous vous avons également conseillé sur l’utilisation d’un outil tel que DIvi. Si vous rencontrez un problème ou vous n’avez pas envie de configurer votre wordpress, nous avons mis en place différentes prestations qui pourraient vous intéresser.
Combien de visiteurs pourrai-je avoir par jour sur mon site ?
Avec l’offre ici présente, vous pourrez accueillir sans soucis environ 1000 visiteurs par jour. Si vous atteignez ce nombre, aucun problème ! Infomaniak propose des solutions d’hébergement plus puissantes avec plus de capacité sur le serveur.
Est-ce que je pourrai facilement déplacer mon site vers un autre hébergeur web si je ne suis pas content chez infomaniak ?
Déplacer un site web vers un autre hébergeur est tout à fait possible. WordPress étant un service open source, il vous suffira de déplacer la base de donnée et les fichiers de code vers un autre hébergeur. Ce n’est pas une tâche simple, mais lorsqu’on agit de manière méthodique, tout va bien. Si vous avez besoin d’aide, nous pouvons vous aider.
Pourquoi ne pas faire appel à un pro créer un design personnalisé ?
Nous connaissons des freelances de qualités qui peuvent créer des designs de site complets et professionnels pour moins de 2000 euros. Ca reste néanmoins plus cher que d’utiliser Divi. Si vous êtes intéressé, nous nous ferons un plaisir de vous mettre en contact.
Poster un Commentaire