Comment utiliser Weebly de A à Z !

Lyrix

UX/UI Designer
Ancien staff
Inscription
20 Août 2012
Messages
22 679
Réactions
8 185
Points
36 926
RGCoins
70
Super tuto du soir tu gère mec :ok:
 

Benjamin

Ancien staff
Ancien staff
Inscription
19 Janvier 2013
Messages
16 439
Réactions
5 521
Points
28 505
RGCoins
25
Fanboy de DX9 ? :mmh:
Bravo, tutoriel complet et très bien détaillé. :)
 

Fabi'

Fondateur de la Andro
Ancien staff
Inscription
19 Janvier 2012
Messages
13 372
Réactions
5 441
Points
31 018
RGCoins
50
Super topic, mérite la récompense :)
 

Magz'

Vétéran
Ancien staff
Inscription
29 Août 2012
Messages
11 457
Réactions
6 983
Points
19 898
RGCoins
0
Jolie tuto, très bien rédigé :ok:
 

Im Superman

Premium
Inscription
7 Décembre 2012
Messages
52
Réactions
13
Points
746
RGCoins
0
Bon tuto bravo.

Mais je vais tous de même expliquer mon point de vue.

Déjà 39€99 / ans MAIS WTF !!

1 ans = 6€,7€ le nom de domaine
1 ans = 12€ l'hebergement

sur des autre site

puis un site on peut très bien le coder a la main ces pas dur franchement.

Tous ça pour dire que le prix est abusé !
 

Dede'

Ex-Modo
Ancien staff
Inscription
12 Décembre 2011
Messages
6 555
Réactions
2 288
Points
3 271
RGCoins
0
GG, c'est un enorme pavé sa :D
 

Veenox GTP

VIP
VIP
Inscription
25 Février 2012
Messages
8 602
Réactions
4 414
Points
27 990
RGCoins
10
Bon tuto bravo.

Mais je vais tous de même expliquer mon point de vue.

Déjà 39€99 / ans MAIS WTF !!

1 ans = 6€,7€ le nom de domaine
1 ans = 12€ l'hebergement

sur des autre site

puis un site on peut très bien le coder a la main ces pas dur franchement.

Tous ça pour dire que le prix est abusé !
Chancun son point de vue. ;)
GG, c'est un enorme pavé sa :D
Merci ! :D
 

InRo_

Ok mec
Premium
Inscription
25 Octobre 2013
Messages
2 587
Réactions
1 763
Points
19 186
RGCoins
230
Tutoriel bien rédigé et complet. GG ! ;)
 

Wil Creative

Info-com
Premium
Inscription
21 Décembre 2012
Messages
5 718
Réactions
1 387
Points
9 641
RGCoins
0
Superbe tuto, continuez comme sa la GTP :D
PS : Je suis ancien de la GTP ;)
 

TheGameIsHere-OP

RealityGaming <3
Premium
Inscription
8 Août 2013
Messages
6 182
Réactions
1 846
Points
9 548
RGCoins
0
1392506385-weebly.png

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 arrivez sur une page d'inscription basique, rensegnez 3 informations :
  • Nom complet
  • E-mail
  • 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,...

7o3h.png





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,

5bak.png


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.


8566.png


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.
Vous disposez également d'un éditeur de texte très complet.
  • L'outil texte
    25673.png
    : Il sert à ajouter du texte où vous voulez sur le site.
iHaQ3fe.png


  • L'outil "Galerie"
    3949.png
    : Il vous permet d'ajouter une galerie d'image à votre site comme ceci :
vqzj.png


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.
Ve7Ncbh.png


  • L'outil formulaire de contact
    14462.png
    : 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
    25178.png
    : 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
    14598.png
    :
Il ajoutera les logo's des réseaux sociaux souhaités, vous pourrez mettre le lien de vos pages personnelles.
  • 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.


35592.png


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 :

ijpi.png


Vous avez pu remarquer que sur mon model, j'ai plusieurs pages.


Pour modifier le titre de celle-ci, cliquez sur "Page" en haut.
OCe7T59.png


Vous pouvez donc modifier le titre de ces pages, en ajouter d'autres puis modifier le type d'entête.

QuKCzOj.png

(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.



14171.png



L'onglet "Conception"

Voilà à quoi il ressemble :

mbsh.png


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 :

SVMDgfr.png


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.)
Vous pouvez aussi ajouter des options en bas de la page comme : la couleur, la possibilité de cocher les produits souhaités puis de pouvoir les acheter,...

  • 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.


separateur.png


Ce tutoriel est maintenant fini, je vous ai appris l'essentiel à la conception d'un site web avec Weebly.

Bonne soirée,
Veenox.




Je vais en crée un grâce à toi ! Merci :)
 

MOoDziiK ✔

★ Lobby BO1, BO2, MW2, MW3 & GTA V ★
VIP
Inscription
28 Avril 2012
Messages
6 587
Réactions
2 215
Points
12 928
RGCoins
25
Super tuto, je vais essayer mais je ne garantie rien .. ^^
Merci à toi :)
 
Haut