Bonjour à tous, c'est Veenox.
Je vous présente aujourd'hui un tutoriel intitulé :
Qu'est-ce que Weebly et à quoi sert-il ?
Weebly vous permet de créer un site gratuitement et de le personnaliser à votre guise selon un model prédéfini, ou de le créer vous même.
Comment utiliser Weebly de A à Z !
Etant donné que vous expliquez toutes les fonctionnalités présente sur le site, je vais vous apprendre les bases pour personnaliser votre site du mieux possible !
Commençons le tutoriel !
Rendez vous sur le site
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Vous arrivez sur une page d'inscription basique, rensegnez 3 informations :
- Nom complet
- Mot de passe
Une fois ceci fait, cliquez sur "Inscrivez vous, c'est gratuit !"
Maintenant, 3 choix s'offre à vous, je ne vais faire qu'un exemple avec "site" puisque c'est sensiblement la même chose, même outils,...
Site
Maintenant, 3 choix s'offre à vous, je ne vais faire qu'un exemple avec "site" puisque c'est sensiblement la même chose, même outils,...
Site
Pour commencer, choisissez un model de départ.
Je vais utiliser le premier.
Vous pouvez remarquer que sur chaque model, vous avez la possibilité de changer la couleur de celui-ci.
Je vais choisir choisir la couleur orange.
Cliquez ensuite sur "Choose"
Une nouvelle page va s'ouvrir,
Pour utiliser Weebly gratuitement, prenez la première option.
Si vous souhaitez avoir votre propre domaine choisissez la solution 2 mais il vous en coûtera environ 39€00 pour un an.
Je vais donc continuer avec le première alternative.
Rentrez le nom souhaitez.
Là deux cas sont possible :
- Le nom choisi est disponible.http://reality-gaming.fr/attachments/valide-png.14808/
- Le nom choisi n'est pas disponible. http://reality-gaming.fr/attachments/errone-png.14809/
Dans le deuxième cas, changez pour en trouver un qui est disponible.
Cliquez ensuite sur "Continuer"
Cliquez sur "Construire mon site"
Vous arriverez donc sur votre model choisi au départ.
Outils
Vous avez beaucoup d'outils pour le personnaliser, je vais vous détailler les plus importants.
Cliquez ensuite sur "Continuer"
Cliquez sur "Construire mon site"
Vous arriverez donc sur votre model choisi au départ.
Outils
Vous avez beaucoup d'outils pour le personnaliser, je vais vous détailler les plus importants.
- L'outil titre : Il vous permet d'ajouter un titre à l'endroit choisi de la page.
- L'outil texte : Il sert à ajouter du texte où vous voulez sur le site.
- L'outil "Galerie" : Il vous permet d'ajouter une galerie d'image à votre site comme ceci :
Si vous souhaitez ajouter plus de deux images, modifier la partie "Colonnes" avec le nombre d'images souhaité.
- L'outil bouton : Il vous permet d'ajoutez un "bouton". Dés qu'on clique dessus, nous serons redirigé vers une page web.
- L'outil formulaire de contact : Il vous permettera d'ajouter un formulaire à votre site en choisissant le nom des champs à remplir, l'adresse e-mail de destination,...
- L'outil youtube : Il sert à intégrer une vidéo sur le site web.
- L'outil colonnes : Celui ci créera una séparation latérale entre deux éléments de votre choix.
- L'outil icône de réseaux sociaux :
- L'outil fichier : Il vous permet de proposer un fichier en téléchargement sur votre site.
- L'outil sondage : Il sert à ajouter un sondage sur le site.
Voilà pour ce qui est des options.
La modification du model de départ
Ce site est très simple d'utilisation, en effet pour modifier un élément de votre page web, vous n'avez qu'à cliquez dessus.
Exemple pour le titre du site :
Vous avez pu remarquer que sur mon model, j'ai plusieurs pages.
Pour modifier le titre de celle-ci, cliquez sur "Page" en haut.
Vous pouvez donc modifier le titre de ces pages, en ajouter d'autres puis modifier le type d'entête.
(A noter que vous pouvez également protégé la page d'un mot de passe mais que c'est tout de même peu sécurisé.)
Vous pourrez ensuite agrémenter ces pages grâce aux outils présentés plus tôt dans le tutoriel.
L'onglet "Conception"
Voilà à quoi il ressemble :
Il vous permettra de modifier la police de tous les textes présents sur le site, de changer la couleur de base, j'avait par exemple choisit orange, je peut changer d'avis pour du bleu ou une autre couleur.
Vous disposez aussi d'un éditeur d'HTML/CSS si vous vous y connaissez dans ce domaine.
La modification du model de départ
Ce site est très simple d'utilisation, en effet pour modifier un élément de votre page web, vous n'avez qu'à cliquez dessus.
Exemple pour le titre du site :
Vous avez pu remarquer que sur mon model, j'ai plusieurs pages.
Pour modifier le titre de celle-ci, cliquez sur "Page" en haut.
Vous pouvez donc modifier le titre de ces pages, en ajouter d'autres puis modifier le type d'entête.
(A noter que vous pouvez également protégé la page d'un mot de passe mais que c'est tout de même peu sécurisé.)
Vous pourrez ensuite agrémenter ces pages grâce aux outils présentés plus tôt dans le tutoriel.
L'onglet "Conception"
Voilà à quoi il ressemble :
Il vous permettra de modifier la police de tous les textes présents sur le site, de changer la couleur de base, j'avait par exemple choisit orange, je peut changer d'avis pour du bleu ou une autre couleur.
Vous disposez aussi d'un éditeur d'HTML/CSS si vous vous y connaissez dans ce domaine.
- La zone de recherche : Pour en bénéficier, il faut être "pro". Elle est là en tant qu'outil de recherche pour l'utilisateur du site, qui pourra trouver plus facilement ce qui l'intéresse.
- Icônes sociales : Vous pouvez activez ou désactiver les icônes de réseaux sociaus qui sont sur votre site;
- Numéro de téléphone : Dnas mon model, il se trouvait à gauche des icônes de résaux sociaux. Vous pouvez le remplacez par des lettres comme "Suivez moi sur les résaux sociaux",...
L'onglet Boutique
Il existe également un outil boutique sur Weebly pour proposer un shop en ligne.
Cependant, je trouve Jimdoo plus simple d'utilisation pour cela, je vous invite donc à aller voir le tutoriel de mon ami @Rivals GTP
Cependant, pour en créer un avec Weebly, cliquez simplement sur boutique dans la barre bleu du haut. Vous aurez ensuite les étapes à réaliser pour créez une boutique :
Cliquez simplement sur "Add" à gauche De la tâche puis, configurez l'add comme vous voulez.
A gauche, vous avez plusieurs commande, certaines correspondent à des taches (voir image du dessus)
Mais voici la listé détaillée de celle-ci :
- Dashboard : C'est là ou* vous trouvez les tâches ci-dessus.
- Product : Il vous permet d'ajouter des produits pour votre boutique. Vous pouvez donner un nom au produit, une description, un prix, et indiqué si c'est un objet "physique" ou un produit dématérialisé. (pour les produits dématérialisés, vous devez être "pro" sur le site.)
- Storefront : Vous pouvez modifier la mise en page de votre voutique. Bien sûr pour cela il faut déjà y avoir mis des produits,...
- Categories : Vous pouvez ajouter des catégories si vous vendez beaucoup de choses. Si vous êtes spécialisé dans un seul domaine. Vous pouvez la encore ajouter des produits correspondant à une catégories.
- Coupon : Il faut être "pro" pour pouvoir l'utiliser. Elle vous permet de créer des coupons de réduction à donner à des clients fidèles,...
- Orders : Comme dit plus haut, c'est là ou* vous trouverez toutes les commandes passée sur votre site.
- Dernière commande et non des moindres, Settings
La commande settings vous permet de modifier plusieurs choses. Encore une fois je vais vous énumérer les onglets présents.
General
Vous pouvez modifier la devise d'achat dans "Currency"
Vous pouvez modifier l'unité de poids, Pound est mis de base, pour mettre ça en koli, il faut être "pro"
Vous aurez aussi la possibilité de changer le mode d'achat, de base vous avez "Ajouter au panier" vous pouvez le modifier en "Achat immédiat" mais là encore, il faut être "pro"
Vous pouvez renseigner les informations de votre entreprise avec : une adresse, un numéro de téléphone,un e-mail.
Ceci apparaîtra sur votre "facture".
Checkout
En français : caisse
Vous pouvez ajouter paypal en moyen de paiement, seulement il faudra être "Business" (19$/mois)
Vous avez de base, l'option de paiement de Stripe.
Vous devrez donc créer un compte stripe pour l'utiliser.
Display
En français : affichage
Vous pourrez modifier le nombre de colonnes de produit, puis le nombre de produits par page.
Vous pouvez également modifier la taille des images des catégories, puis la taille des images des produits.
Vous pouvez mettre cette disposition en Sidebar (barre latérale)
Ou le laisser en Block
Shipping
L'onglet navigation, il est inaccessible sans avoir l'option "Business" je ne peut donc pas vous le présenter.
Taxes
Lui aussi, inaccessible sans "premium"
Emails
Vous différents type d'e-mail à envoyer automatiquement lorsque quelqu'un passe une commande sur le site.
Vous avez le choix entre ceux ci :
Order confirmation - Confirmation de commande
Download confirmation - Confirmation de téléchargement
Order shipped - Commande expédiée
Refund e-mail - E-mail de remboursement
Canceled e-mail - E-mail d'annulation de la commande
Voilà c'est tout pour la partie boutique.
Ce tutoriel est maintenant fini, je vous ai appris l'essentiel à la conception d'un site web avec Weebly.
Bonne soirée,
Veenox.
General
Vous pouvez modifier la devise d'achat dans "Currency"
Vous pouvez modifier l'unité de poids, Pound est mis de base, pour mettre ça en koli, il faut être "pro"
Vous aurez aussi la possibilité de changer le mode d'achat, de base vous avez "Ajouter au panier" vous pouvez le modifier en "Achat immédiat" mais là encore, il faut être "pro"
Vous pouvez renseigner les informations de votre entreprise avec : une adresse, un numéro de téléphone,un e-mail.
Ceci apparaîtra sur votre "facture".
Checkout
En français : caisse
Vous pouvez ajouter paypal en moyen de paiement, seulement il faudra être "Business" (19$/mois)
Vous avez de base, l'option de paiement de Stripe.
Vous devrez donc créer un compte stripe pour l'utiliser.
Display
En français : affichage
Vous pourrez modifier le nombre de colonnes de produit, puis le nombre de produits par page.
Vous pouvez également modifier la taille des images des catégories, puis la taille des images des produits.
Vous pouvez mettre cette disposition en Sidebar (barre latérale)
Ou le laisser en Block
Shipping
L'onglet navigation, il est inaccessible sans avoir l'option "Business" je ne peut donc pas vous le présenter.
Taxes
Lui aussi, inaccessible sans "premium"
Emails
Vous différents type d'e-mail à envoyer automatiquement lorsque quelqu'un passe une commande sur le site.
Vous avez le choix entre ceux ci :
Order confirmation - Confirmation de commande
Download confirmation - Confirmation de téléchargement
Order shipped - Commande expédiée
Refund e-mail - E-mail de remboursement
Canceled e-mail - E-mail d'annulation de la commande
Voilà c'est tout pour la partie boutique.
Ce tutoriel est maintenant fini, je vous ai appris l'essentiel à la conception d'un site web avec Weebly.
Bonne soirée,
Veenox.
Dernière édition:
