Proposez à vos visiteurs un lien pour télécharger un fichier [vidéo]

Proposez à vos visiteurs un lien pour télécharger un fichier [vidéo]

Aujourd’hui, je réponds à une question qui m’a été posée par une lectrice. Elle souhaitait proposer un planning Excel à ses visiteurs en téléchargement libre.

C’est peut-être aussi votre cas.

Comment créer un lien pour télécharger un fichier librement (pdf, panning excel, dossier zippé…) ?

Cette manipulation est très simple à réaliser et ne vous demandera que deux étapes. Suivez-le guide en vidéo!

Cette vidéo a été entièrement refaite selon les normes de ma nouvelle plateforme « FeelWeb Formation« . Ce nouveau format a été conçu pour faciliter votre apprentissage.

Cliquez sur le bouton Suivant (en bas à droite, dans la vidéo) pour enclencher la vidéo

Si vous le souhaitez, l’ancienne mouture de ce tutoriel est encore disponible sur Youtube.

Cliquez ici pour afficher la transcription de la vidéo :
« Proposer à vos visiteurs un lien pour télécharger un fichier »

Bonjour, bienvenue dans cette vidéo. Je suis Marie-Eve et je vais vous montrer comment proposer à vos visiteurs de télécharger librement un fichier sur votre site Internet grâce à un lien. Cette manipulation est très rapide. Elle ne vous demandera que deux étapes.

  • Dans un premier temps, nous allons envoyer le fichier sur le serveur pour qu’il soit disponible pour vos visiteurs.
  • Dans un deuxième temps, nous allons créer le lien qui permettra aux visiteurs d’accéder à ce fichier.

1ère partie : Envoyer le ficher à télécharger sur le serveur 0:29

Utilisez FileZilla pour transférer le fichier

Alors pour la première partie de ce tutoriel, nous avons besoin d’un logiciel FTP. Vous pouvez utiliser celui que vous utilisez habituellement. Moi j’utilise FileZilla.

Alors, connectez-vous à votre site Internet et allez dans le répertoire racine de votre site. Sur les serveurs OVH, il s’agit du dossier « www ». On fait un double-clic dessus pour entrer à l’intérieur.

Et dans ce dossier, je vais créer un nouveau dossier « Document » dans lequel je vais mettre tous les fichiers que je vais proposer en téléchargement sur mon site Internet. Donc je fais un clic droit, « Créer un dossier » et je vais l’appeler « Document ». Je vais y arriver…

Voilà. J’ouvre ce dossier en faisant un double-clic et donc dans ce dossier, je vais envoyer le fichier que j’ai envie de proposer en téléchargement. Dans mon cas, il s’appelle « LesDoigtsDans LeNet_Acronymes-Informatiques.xls ». C’est un tableur Excel qui rassemble une liste d’acronymes informatiques et leur signification.

Je fais un clic droit sur ce fichier et je clique sur « Envoyer ». Voilà, le fichier est à présent sur mon serveur, à la racine, dans notre dossier qui s’appelle « Document ».

Comment vérifier que le fichier est disponible sur le serveur ?

Pour le vérifier, je vais tout de suite aller sur mon serveur. Donc d’abord, je vais copier-coller le nom de ce fichier parce qu’il est un peu petit peu long, je n’ai pas envie de le recopier à la main. Donc je fais F2 pour avoir accès donc au nom du fichier, et Ctrl + C pour le copier dans mon presse-papiers.

Donc je vais sur mon site Internet, voilà. Et donc, je vais tout de suite tester le chemin, vérifier que le document existe bien sur mon serveur. Donc on fait un /document puisque j’ai mis le document à la racine du site. Encore un « / » et je tape, et je copie-colle le nom de mon fichier. Donc voilà. Ça, c’est le chemin théorique que je suppose est correct pour accéder à mon fichier.

Je vais tout de suite le copier-coller pour pouvoir l’utiliser ultérieurement et je fais « Enter » pour le tester.

Donc la fenêtre de téléchargement s’est bien ouverte, ce qui veut bien dire donc que le fichier que j’ai tapé dans la barre d’adresse est correct et va bien mener, va bien inciter les navigateurs à ouvrir une boîte de dialogue de téléchargement telle que celle que vous avez devant vous à présent. Donc je vais annuler parce que le but ici, ce n’est pas de télécharger le document, mais bien de tester le lien.

Préparation du lien de téléchargement

Alors déjà, le lien, à quoi il ressemble? Je vais vous le montrer tout de suite. Voilà. Un lien, ça ressemble à ça :

<a href=" ">Téléchargez le fichier"</a>

c’est une balise « a » qui contient un attribut « href » ; à l’intérieur, elle contient un texte qui est en fait le texte qui apparaît en bleu, souligné de façon standard sur le navigateur.

Donc ici, je vais avoir donc sur mon site Internet les mots « Téléchargez le fichier » qui vont être bleu souligné. Et quand je vais cliquer dessus, le visiteur sera emmené sur la page qui est indiquée dans l’attribut href. Donc c’est pour ça que dans l’attribut href, je vais copier-coller tout le chemin que j’avais copié dans ma barre d’adresse : « http://lesdoigtsdanslenet.com/document/LesDoigtsDansLeNet_Acronymes-Informatiques.xls »

Alors, si tout ça c’est un petit peu du chinois pour vous, ne vous en faites pas : vous n’avez pas besoin de vraiment comprendre tout cela. Ce dont vous avez besoin surtout, c’est de copier-coller ce code que je vais mettre en dessous de la vidéo :

<a href="http://lesdoigtsdanslenet.com/document/LesDoigtsDansLeNet_Acronymes-Informatiques.xls">Téléchargez le fichier"</a>

Adaptez le chemin en fonction de votre chemin à vous. Donc ici, vous allez avoir l’URL de votre site, toujours le dossier « document » si vous avez choisi de mettre votre fichier en téléchargement dans un dossier « document » et ensuite, le nom de votre fichier à vous que vous proposez en téléchargement sur votre site Internet. Donc voilà. Vous avez juste besoin d’adapter cette partie-là. Tout le restant, ça va être strictement identique et vous pouvez le copier-coller sans avoir besoin de vous soucier de comprendre exactement ce que fait cette balise HTML.

2ème partie : diffuser le lien de téléchargement

Voilà, donc deuxième partie du tutoriel : nous allons maintenant intégrer ce lien dans notre site. Où est-ce qu’on peut intégrer ce type de lien ?

  • On peut l’intégrer par exemple dans un widget texte.
  • Vous pouvez l’intégrer également dans le corps d’un article.
  • Vous pouvez l’intégrer dans votre « footer » ou dans votre « header » ou en français dans votre « pied de page » ou dans votre « entête ».
  • Vous pouvez également le mettre dans le corps d’un e-mail si vous utilisez par exemple un outil d’emailing pour communiquer avec vos abonnés.
  • Vous pouvez l’utiliser sur votre page Facebook
  • Vous pouvez utiliser dans un tweet.
  • Bref, il n’y a pas de limitations; vous pouvez l’utiliser à peu près n’importe où.

1/ Intégrer le lien sur votre site internet

À présent, je vais vous montrer comment intégrer ce lien sur votre blog WordPress ou votre site Internet WordPress. Donc j’aimerais qu’il apparaisse sur la colonne de droite, tout en haut. Voilà. Juste ici, au-dessus de la présentation. Alors pour cela, je vais copier tout ce code dans le presse-papiers en faisant Ctrl C :

<a href="http://lesdoigtsdanslenet.com/document/LesDoigtsDansLeNet_Acronymes-Informatiques.xls">Téléchargez le fichier"</a>

Je vais aller dans le back-office de mon site Internet. Donc ici je suis bien dans le menu « Apparence ». Voilà, le menu « Apparence », le sous-menu « Widgets » et donc, j’ai ma sidebar qui contient tous les widgets. Donc je vais l’ouvrir. Voilà. Je vais placer un petit widget texte ici en haut de la sidebar pour y coller mon lien. Voilà. Donc j’ai placé le widget texte; il va falloir l’enregistrer, voilà. Et je colle à l’intérieur le code et je le réenregistre.

Le widget est enregistré. Nous allons aller voir en front ce que ça donne en faisant F5 pour recharger la page. Et voilà : la page se recharge. Nous avons bien affiché le fichier, le lien apparaît en haut de ma sidebar et si je clique dessus, la boîte de dialogue de téléchargement va s’ouvrir. Ce qui est bien le cas. Nous voyons bien ici LesDoigtsDansLeNet_Acronymes-Informatiques.xls. Il s’agit bien du document que nous avons mis sur le serveur et que nous avons relié grâce à ce lien.

Donc tout fonctionne bien.

Et voilà, c’est terminé pour cette vidéo. Vous voyez, c’était vraiment très rapide. Voilà. J’espère que cette vidéo vous aura été utile et je vous dis à très bientôt. Au revoir.

http://lesdoigtsdanslenet.com

Fin de la transcription

Résumé de la vidéo « Proposer à vos visiteurs un lien pour télécharger un fichier »

1ère étape: Envoyez le fichier à télécharger sur le serveur.

Pour cette étape, vous aurez besoin d’un logiciel FTP. Si vous n’en avez pas, téléchargez et installez gratuitement Filezilla. Les identifiants de connexion FTP vous ont été fournis lors de la réservation de votre hébergement. Jetez un oeil à vos mails.
  • 1/ Créez un dossier « document » à la racine de votre site
  • 2/ Envoyez votre fichier dans ce dosser
  • 3/ Tester l’url du fichier dans votre navigateur

2ème étape: Intégrez le lien dans votre site web

Dans cet exemple, nous allons placer le lien pour télécharger le fichier en haut de la sidebar (colonne de droite).

  • 1/ Copiez le code du lien (après avoir adapté l’url de l’attribut « href »)
    <a href="http://lesdoigtsdanslenet.com/document/LesDoigtsDansLeNet_Acronymes-Informatiques.xls">Téléchargez le fichier"</a>
    Pour afficher une bulle au passage de la souris, rajouter un attribut title comme dans cet exemple:
    <a href="http://lesdoigtsdanslenet.com/document/LesDoigtsDansLeNet_Acronymes-Informatiques.xls" title="Mettez ici le message qui s'affichera dans la bulle">Téléchargez le fichier"</a>
  • 2/ Placez un widget texte tout en haut de la sidebar
  • 3/ Collez le code et enregistrez le widget
  • 4/ F5 pour recharger la page d’accueil de votre site

Où utiliser ce lien ?

  • Widget texte
  • Corps d’un article
  • Footer (pied-de-page)
  • Header (en-tête)
  • Corps d’un email
  • Page ou mur Facebook
  • Tweet
  • Bref, partout !

J’espère que cette vidéo vous aura été utile, partagez vos réactions dans les commentaires!

astuces, débutant, HTML, webmaster

A propos de MarieEve Louvel

Depuis 3 ans, je partage mes connaissances sur ce blog, pour les entrepreneurs désireux de créer leur site vitrine et/ou leur blog professionnel avec WordPress. Mon expérience professionnelle va de l'accompagnement à la formation, en passant par de la création de site ou de logiciel. Retrouvez mes cours en ligne sur mon site FeelWeb Formation [http://feelwebformation.com]

66 commentaires

  1. Bonjour Marie Eve,

    Félicitations pour ce tuto, ta voix passe super.
    Bon pour l’image no comments.
    Change de logiciel et tu seras au top.

    Répondre
    • Merci Olivier :)
      Je suis dégoutée pour l’image, j’ai testé au moins une dizaine de config différente, jusqu’à 1h du mat hier soir! Rien à faire, pourtant en local l’image est correcte.

      Vivement Camtasia!

      Répondre
  2. bonjour,
    j’ai mis
    Téléchargez le fichier
    j’ai envoyé ce lien à mes amis, ça marche pas, ils peuvent pas télécharger ma vidéo,
    http://www.ABC.com est mon URL

    Répondre
    • Bonjour Lointain,

      D’après le nom à la fin de votre url « dossiervideo« , j’ai l’impression que vous pointez directement sur un dossier.

      Or, il faut pointer sur un fichier vidéo contenue dans ce dossier, par exemple: « dossiervideo/ma-video.avi ».

      Dans tous les cas, vous devriez toujours avoir l’extension de votre fichier « .mp3 » ou « .mp4 » ou « .avi » (il en existe d’autres)

      Regardez dans votre ordinateur le nom complet de votre fichier vidéo et mettez à jour votre url.

      Amicalement,

      Répondre
  3. rebonjour,
    je voudrais dire que je peux regarder ma vidéo avec votre method, mais la vidéo n’a pas été téléchargé sur mon ordinateur, pourriez-vous me dire comment la vidéo sera téléchargé sur mon ordinateur comme si vous allez acheter un logiciel par le web, après avoir cliqué le lien, le logiciel sera téléchargé.
    bonne journée

    Répondre
    • Si l’url que vous utilisez est celle qui sert à visionner la vidéo, oubliez mon précédent message. Vous utilisez une réécriture d’url pour afficher vos pages, c’est pourquoi on a une url sans extension « .mp3 » ou « .avi » à la fin.

      Cependant, cette url ne vous permet pas de télécharger la vidéo, car c’est l’url de la page et non de la vidéo.

      Où est hébergée cette vidéo ? Sur votre serveur ? Alors trouvez le chemin de la vidéo (regardez sur votre serveur avec un logiciel FTP).

      Si vous l’avez uploadée avec WordPress (via la bibliothèque, comme pour les images), alors regardez dans votre bibliothèque, vous devriez avoir le chemin (= url) complet.

      Répondre
  4. Bonjour Marie-eve,

    Je me lance à peine dans la création de mon blog en suivant la formation « Bloguer et Gagner » d’Aurélien Amaker.

    Je suis arrivé par hasard sur ton blog qui me semble vraiment très intéressant et que je compte suivre assidûment. Qui plus est, ta personnalité donne envie de revenir te consulter. J’aime beaucoup tes vidéos qui sont claires, précises et concises. En ce qui concerne les articles je vais les consulter au gré de mes besoins.

    merci pour cet article dont je compte mettre en pratique le tutoriel dés que nécessaire.

    Bonne continuation et bonne journée.

    Yannick

    Répondre
    • Bonjour Yannick

      MErci pour ton retour très motivant. Je te souhaite pleins de courage pour la suite! :)

      Répondre
  5. re-bonjour MarieEve,

    Juste une petite question : quel thème utilises-tu pour ton blog.

    Merci

    Yannick

    Répondre
    • bonjour yannick,
      J’utilise vertulab, mais je l’ai pas mal modifié. A+

      Répondre
  6. Bonjour MarieEve,
    j’ai bien suivi votre tuto par contre j’arrive pas à télécharger mon fichier xls. Voila ce qu’il m’affiche: Error: The requested address ‘/documents/test.xls’ was not found on this server.

    Le problème c’est je lui bien mis au bon endroit sur le seveur et le test ne marche pas. C’est riste :(
    Merci pour votre aide d’avance

    Répondre
    • Bonjour Larson,
      Vous devez indiquer une adresse « absolue » (c’est à dire qui commence par « http://le-nom-de-votre-site…. »). Est-ce que ça marche maintenant ?

      Répondre
  7. MarieEve bonjour,
    j’ose poser la question suivante, si tu peux m’aider, tant mieux, sinon ce n’est pas grave…
    j’ai un blog sous wordpress chez OVH
    Il s’agit d’un blog familial donc à accès limité!
    je souhaite mettre à disposition, en téléchargement, de gros fichiers vidéo…
    ces fichiers ont été placé dans un dossier spécifique.
    C’est opérationnel!
    je l’ai testé et j’ai pu récupérer un fichier de plus d’1 Go ainsi
    Désormais, les téléchargements stoppent systématiquement vers plus de 40Mo
    J’ai testé avec des logiciels comme « Flashget », mais rien n’y fait ???
    De quoi cela peut-il venir ??
    D’une restriction chez Ovh ??
    Comment résoudre mon problème ??
    D’avance merci de me lire!!! 😉

    Répondre
    • Bonjour Pierre,

      Je ne connais pas la réponse pour sûre, mais je soupçonne une limitation du côté de chez ovh. Télécharger des fichiers vidéos consomment trop de bande passante et en hébergement mutualisé, c’est souvent interdit. Vous devez souscrire un hébergeur spécial pour les vidéos, sur lequel vous mettrez votre dossier contenant les vidéos.

      Bonne continuation!

      Répondre
  8. Bonjour MarieEve, il y a t’il des regles? sur le partage de fichiers vidéo.
    si je partage une vidéo sur mon site à partir d’un autre lien,, ai-je le droit de partager ce que je veux ou pas.

    Francois

    Répondre
  9. Bonjour MarieEve,

    j’ai bien suivi votre tutoriel mais j’arrive pas à télécharger mon fichier il faut que je fais un Click droit sur le lien pour m’afficher le fichier PDF dans une nouvelle page alors que je veux qu’il me l’affiche dans la meme page
    merci beacoup

    Répondre
    • Bonjour Sanaa,
      Le comportement normal est que le fichier s’ouvre dans un nouvel onglet, en effet. Par contre, ça devrait marcher avec un clic gauche normal. Je ne comprends pas trop ce qui se passe… sorry!

      Répondre
  10. bonsoir Marie Eve , j’ai bien suivi le tuto merci
    Je voulais mettre un e book en PDF en téléchargement sur mon site

    Il est grâce à filezilla sur le serveur
    mais lorsque je teste le lien , /habitudeszen.pdf
    j’obtiens le message « objet dict requis »

    j’ai renouvelé l’opération plusieurs fois, peut être avez vous une idée sur la question
    Cordialement

    Répondre
    • Bonjour Daniela,

      1ère chose : une url s’écrit toujours en minuscule 😉

      Ensuite, ton url contient un espace après « dossier », ce qui n’est pas autorisé.

      Et enfin, en enlevant l’espace, je tombe sur la page 404 de ton blog, et pas sur le message que tu dis (je ne connais par ailleurs pas ce message).

      Désolée de ne pas pouvoir aider plus! A mon avis, le problème vient du lien, regarde bien où tu as mis ton pdf.

      Répondre
  11. Merci Marie Eve , désolée je ne me suis pas appliquée pour recopier mon lien qui était le bon .
    En fait il fallait chercher du cote de Adobe puisque mon fichier est un PDF et Le message est un message adobe et voici la marche à suivre si cela peut aider quelqu’un d’autre :
    Si vous obtenez un message d’erreur disant Adobe Acrobat Le fichier est endommagé et n’a pas pu être ouvert ou prévue d’un dict. objet, ou si votre navigateur se bloque et le fichier PDF ne s’ouvre pas:

    Dans Adobe Acrobat désactiver l’affichage rapide et affichage PDF dans les options du navigateur.

    1. Fermez votre navigateur.
    2. Ouvrez Adobe Reader.
    3. Allez dans le menu Edition et sélectionnez Préférences
    4. Dans la colonne de gauche, sélectionnez Internet
    5. Désélectionnez l’option Autoriser l’affichage Web rapide
    6. Décochez la case Afficher dans le navigateur
    7. Cliquez sur OK, puis réessayez

    Répondre
  12. Pour les fichiers PDF, si on souhaite que l’internaute les télécharge plutôt qu’ils s’ouvrent directement dans le navigateur, il suffit d’appliquer cette astuce.

    Répondre
  13. Bravo pour ce tuto, très bien fait. Il va m’être très utile et l’astuce de l’info bulle est génial…
    Question comment comment fait on pour mettre une image ou une photo dans l’espace membre les doigts dans le net ?
    Merci

    Répondre
    • Bonjour,

      On ne peut pas encore, c’est un gros défaut, que je vais réparer lors de la refonte du site (prévue vers Mai-Juin)

      Répondre
  14. moi je préfère faire hébergé les fichiers par youtube s’il s’agit de vidéo, ou un autre site selon la nature du fichier. je n’ai pas beaucoup de bagages technique c’est pour cela j’opte pour la simplicité, mais c’est intéressant quand même je vais m’y essayer

    Répondre
  15. Il peut également être intéressant de proposer des fichiers en partage via des plateforme de type Google Docs. De ce fait tout le monde peut lire (ou pas) le document et certains (suivi les règles données) peuvent le modifier.
    Utile pour éviter les envoi / renvoi de mails sans fin pour des corrections.

    Répondre
  16. Merci pour cette vidéo. et je viens de découvrir votre blog par la même occasion:, belle découverte !

    Répondre
  17. Bonjour,
    Je suis entièrement d’accord avec les autres commentaires, votre site est une véritable mine d’or, merci pour ce joli travail!

    J’ai essayer de reproduire cela avec une vidéo en mp4 mise en ligne sur un serveur (de type 1&1). Tout s’affiche correctement sur mon site (utilitaire wordpress) mais lorsque je clique sur le lien, aucune fenetre de téléchargement ne s’ouvre, l’adresse de navigation change et prend le nom de mon fichier.

    J’ai le même souci quand je veux tester le lien de ma vidéo pour savoir si elle va s’ouvrir là aussi, seul le nom du fichier apparaît dans la barre de navigation.

    Auriez vous une idée du pourquoi du comment?
    Je vous remercie par avance.

    Répondre
    • bonjour,

      Merci pour les compliments :)

      Je pense que vous avez un lecteur vidéo intégré à votre navigateur et « il prend la priorité » sur le téléchargement. C’est assez courant avec les vidéos. On a le même problème avec les pdf. Si vous voulez être sûr que le visiteur télécharge, une astuce, zippez votre vidéo! 😉

      Sinon, en théorie, on peut forcer le téléchargement via le fichier .htaccess mais j’ai jamais réussi à le faire… :(

      Répondre
  18. Génial, merci pour ce tutoriel, le HTML n’est pas toujours une chose évidente à comprendre pour les débutants!

    Répondre
    • Bonjour Jean-Pierre,

      Oui ça peut paraître compliqué pour un non-initié. Pourtant avec les bases, c’est tellement simple!

      Répondre
    • Oui j’avoue qu’au début ce tutoriel m’a parut compliqué mais au final c’est tout simple ! Merci Marie Eve j’ai réussi à intégrer ça à mon site de vidéos !

      Répondre
  19. Bonjour Marie Ève
    Dabor en tant que débutant dans le monde de création de site je me suis beaucoup promener sur les site d’entraide mais le tien est de loin le site le plus claire et limpide je ne sais pas si je suis au bon endroits mais voilà je pose mon problème j’ai fais le site d’un de mes oncles qui est marabout et qui prêche sur différent radio donc c’est prêche je veut les mettre sur son site mais voila je ne sais comment procédé, j’ai déjà uploadé sur mon serveur mais comment voir le lien via le logiciel FTP (filzilla) et comment le mettre sur le site en playlist?
    Version WordPress 3.2
    Merci

    Répondre
  20. Bonjour

    Quand quelqu’un remplit juste son prénom et son email et qu’il valide sur un widget capture qu’est ce qui déclenche le téléchargement du produit, quel lien entre les coordonnées de l’internaute et l’activation?
    Tout se passe t-il avec la touche valide ?Mais comment?

    Répondre
  21. Video expliquee tres clairement. Merci.
    J’imagine qu’on peut loger n’importe quel fichier comme un MP3, MP4… dans ce dossier « document », n’est-ce pas?

    J’ai une autre petite question, qui n’a rien avoir avec cet article, mais que j’imagine tu pourras repondre.
    La voici:
    Quel service d’hebergement francais (serveur) tu recommanderais pour demarrer un site/ blog WordPress?
    Ce que je recherche surtout, c’est un serveur:
    – dont les prix sont raisonnables,
    – qui a une equipe de support solide pour tout probleme,
    – et finalement TRES IMPORTANT qui ait la fonction « fantastico Deluxe » pour une installation simple et rapide de WordPress.

    Si tu as deja ecrit un article sur ce sujet, pourrais-tu me faire parvenir le lien s’il te plait?
    Merci

    Bertrand

    Répondre
  22. Merci Marie Eve pour ton aide, grâce à toi j’ai compris comment enfin proposer à mes lecteurs de mon blog de télécharger des ebooks, C’est un grand pas de savoir cette manipulation de base très importante.

    Au faite connais tu la nouvelle plateforme de dernière génération qui va révolutionner le net et concurrencer WordPress… En plus permettre de monétiser son blog …Contacte moi sur mon blog blog.reseau-marketing.biz ou sur skype : (world.team.power) on pourra en discuter si tu veut…

    Répondre
  23. Bonjour Marie Eve,
    Très bon tuto, cependant j’aimerais savoir si on peut ajouter quelque chose pour que le lien de téléchargement ne soit disponible que deux jours par exemple.
    Dans le cas d’ un produit que j’ai fait que les gens acheteraient ?

    merci

    Répondre
    • Bonjour Lio,

      Pour gérer dynamiquement l’affichage du lien, il faut un peu de programmation, ça ne va pas se faire en HTML. Il me semble qu’avec ce plugin, tu devrais pouvoir faire quelque chose : http://wordpress.org/plugins/easy-timer/

      Répondre
  24. Bonjour,

    J’ai suivi votre vidéo mais j’ai un problème ! :s

    Mon fichier pdf semble introuvable par le navigateur :s
    J’ai mis mon pdf à la racine de mon blog mais quand je veux copier le lien pour pouvoir le coller à l’endroit voulu j’ai « monfichier.pdf » et non « %20monfichier%20.pdf »

    j’ai tenté de le mettre dans le « wp-content’ mais rien n’y fait je n’arrive pas à créer de lien.

    J’ai tenté plus « simplement » de l’attacher à un mail dans weber mais le pdf ne veut pas se télécharger il échoue à chaque tentative.

    Auriez-vous une solution à ce problème.

    Merci d’avance.

    Répondre
    • Bonjour,

      Je pense que vous avez un problème dans le nom de votre fichier. Enlevez les espaces, c’est à ça que correspondent les %20 et c’est souvent source d’erreur.

      Bien à vous,

      Répondre
  25. Bonjour,

    Justement je n’ai mis aucuns espaces dans mon nom de fichier. :s

    Merci à vous.

    Répondre
    • J’ai mis mon pdf à la racine de mon blog mais quand je veux copier le lien pour pouvoir le coller à l’endroit voulu j’ai « monfichier.pdf » et non « %20monfichier%20.pdf »

      Si votre fichier ne comporte pas d’espace, alors c’est bien monfichier.pdf. Si vous avez placé ce document à la racine, le chemin est : mes-gourmandiz.com/monfichier.pdf tout simplement.

      Pourquoi vous attendez-vous à avoir %20monfichier%20.pdf ?

      Répondre
  26. Bravo pour ce tuto, très bien fait. Il va m’être très utile et l’astuce de l’info bulle est génial…
    Question comment comment fait on pour mettre une image ou une photo dans l’espace membre les doigts dans le net ?
    Merci

    Répondre
    • Bonjour,

      Il faut utiliser le système Gravatar qui est communément employé par tous les sites wordpress : il suffit de s’inscrire sur Gravatar.com puis d’associer une photo avec l’email utilisé dans l’espace membre. Elle sera automatiquement retrouvée et affichée sur Les Doigts dans le Net : magique ! :)

      Répondre
  27. Bonjour,
    Je suis entièrement d’accord avec les autres commentaires, votre site est une véritable mine d’or, merci pour ce joli travail!

    J’ai essayer de reproduire cela avec une vidéo en mp4 mise en ligne sur un serveur (de type 1&1). Tout s’affiche correctement sur mon site (utilitaire wordpress) mais lorsque je clique sur le lien, aucune fenetre de téléchargement ne s’ouvre, l’adresse de navigation change et prend le nom de mon fichier.

    J’ai le même souci quand je veux tester le lien de ma vidéo pour savoir si elle va s’ouvrir là aussi, seul le nom du fichier apparaît dans la barre de navigation.

    Auriez vous une idée du pourquoi du comment?
    Je vous remercie par avance.

    Répondre
    • Bonjour,
      Merci pour les compliments :)

      En effet, une vidéo ne se téléchargera pas comme ça. Pour forcer le téléchargement, « zippez » le fichier et il n’y aura plus de problème ! Tenez moi au courant !

      Répondre
  28. bonjour je vous remercie pour ce tuto génial en tout cas cela m’a beaucoup aidé à avancer dans mon travaille. merci et du courage

    Répondre
  29. Félicitation génial vidéo.
    Je voudrais savoir si il existez des formulaire html qui permet d’insérer dans son site web un éspace de dépot de document cours ( math, histo-geo, PC, français etc….format word ou PDF ) et qu’il soit apparent et teléchargeable par les éléves.
    Car depuis des jours je cherche sur internet mais je ne trouve pas comment faire.
    Aidez moi SVP je compte sur vous.Merci.

    Répondre
    • Je viens de trouver ce plugin qui permet de créer des galleries de documents (comme les galeries d’article). Je pense que le visteur peut télécharger les documents mais pas sûre. https://wordpress.org/plugins/document-gallery/

      Sinon le plus simple reste encore de le faire à la main comme j’explique dans cet article. Voire d’utiliser le gestionnaire des médias à la place du logiciel FTP.

      Répondre
  30. Merci pour ce bon tutoriel. Pour ma part, je n’arrive pas à créer un lien de fichier téléchargeable, mais le PDF s’affiche directement dans le navigateur. N’y-a-t-il pas un moyen pour que le fichier puisse être téléchargeable directement ?

    Répondre
    • Bonjour,

      Non, c’est un réglage du navigateur. En théorie, on peut le forcer avec une ligne dans htaccess, mais ça n’a jamais fonctionné avec moi. :(

      Répondre
  31. Donc, c’est l’internaute qui devrait donc modifier les paramètres de son navigateur si je comprends bien. J’ai essayé le fichier, mais c’est un peu long à charger à cause du nombre de pages, mais j’ai réussi à trouver un petit bouton pour pouvoir télécharger le fichier. Pour ce qui est du htaccess, je n’y comprends rien :). Merci pour ta réponse Marie Eve.

    Répondre
  32. slt Marie moi j’ai un site wordpress hébergement c’est a dire que mon site n’est pas sur file zila en plus je souhaite créer carement une page entière de rechargements gratuit sur mon site un peu comme Clubic que je crois que vous connaissez c’est a dire mettre le lien de téléchargement a partir d’un bouton « écrit téléchargé » j’espere que vous comprendrai?

    [pub modérée]

    Répondre
    • Bonjour,

      Aïe les fautes et la syntaxe ! Ca pique les yeux…un peu d’effort je vous prie.
      Et non je n’ai rien compris….

      Répondre
  33. Bonjour Marie Eve,

    j’ai suivi avec attention votre vidéo concernant la création d’un lien pour télécharger un document.
    mon logiciel FTP est filezilla
    j’ai donc transféré mon dossier sur le serveur dans /www/document
    lorsque je recopie l’adresse pour le lien: chorales-ni.fr/documents/le samedi 29-08-2015.doc
    je n’arrive pas à accéder à ce document.
    j’ai donc essayé un autre chemi: choralesni.fr/documents/le samedi 29-08-2015.doc
    et là non plus je n’arrive pas à ce document.
    Pouvez-vous m’aider?

    Répondre
    • Bonjour,

      Vous ne pouvez pas changer le nom de domaine comme ça…il faut garder celui qui affiche votre site, soit : http://www.chorales-ni.fr/z-spip (ou http://www.chorales-ni.fr/ votre configuration est un peu particulière, je ne peux pas dire comme ça s’il faut ou pas mettre le /z-spip/)

      Ensuite, il faut suivre le chemin comme vous avez l’air de l’avoir compris. Attention, il faut écrire exactement le nom des dossiers (avec ou sans « s » dans « document » ?) et évitez les espaces, c’est souvent problématique.

      Si vous ne voyez toujours rien, peut-être que votre serveur vous empêche de parcourir les dossiers et fichiers (mais je trouve ça peu probable). En fait je viens de penser : êtes-vous sur que votre site est installé dans le www ? Et non dans un dossier z-spip ?

      Répondre
  34. Bonsoir MarieEve,

    Merciiiiii !!! Ta vidéo est extra, j’ai réussi à installer mon lien vers un pdf très facilement en quelques minutes!!! Exit les publicités Dropbox ;), tu es géniale!!! :) Mille merci!!! :)

    Très bonne soirée à toi et à toutes et tous.

    Répondre
  35. Hello Marie Eve,
    Super vidéo ! Lien ajouté les doigts dans le nez ! 😉
    Cependant, penses-tu qui’il serait possible d’ajouter une photo/miniature en plus du lien ?
    Merci d’avance.
    E.

    Répondre
    • Bonjour Emma,

      Oui il te suffit de rajouter ce code entre les balises « a » ouvrantes et fermantes :
      La taille peut se régler avec les attributs width et height, mais je te conseille quand même d’utiliser une image à peu près de la taille que tu souhaites au final.

      Répondre
  36. Merci beaucoup c’est exactement la solution qu’il me fallait! Tuto très bien fait et qui marche parfaitement je suis très contente!! merci encore!!

    Répondre
  37. Bonjour,
    J’utilise Web Creator pour mon site. Au mois d’août a cessé de transférer mes données sur leur serveur, ils m’ont conseillé de prendre Filezilla. J’ai transféré mon site avec Filezilla mais mes fichiers .pdf ne passent pas. J’en ai 800 du type GPBourgenBresse2015R.pdf. Certains passent mais ils sont vides (0 octet), très peu passent avec leurs octets mais je ne les retrouve pas sur le site.
    Avez-vous une solution?
    Merci
    F. Deleury

    Répondre
    • Bonjour,

      Il faut demander aux personnes qui gèrent le-dit serveur. Il doit y avoir une limitation personnalisée.

      Bien à vous

      Répondre
  38. Merci beaucoup pour cet article…

    Répondre
  39. Bonjour MarieEve,
    Je voudrais savoir comment relier le bouton partager avec le bouton télécharger pour permettre à mes visiteurs de partager des fichiers(image,…) téléchargés de leur disque dure sur facebook.
    Merci pour votre aide

    Répondre
    • Bonjour,

      Je ne crois pas que Facebook propose cette fonctionnalité.

      Répondre

Trackbacks/Pingbacks

  1. Du code à copier-coller pour remplir votre page 404 - Les Doigts dans le Net - [...] proposer un fichier en téléchargement, je vous conseille de suivre cette procédure vidéo de mon [...]
  2. Informatique | Pearltrees - […] Créer un lien pour télécharger un fichier […]
  3. Faire un lien html avec la balise a - Les Doigts dans le Net - […] un mot ou une image, ou au sein d’une même page. Elle peut même vous permettre de proposer un…
  4. Permettez aux visiteurs de votre site le téléchargement de documents. - "Passeur d'expériences" - […] J’avais déjà expliqué la manipulation manuelle pour créer un lien afin de proposer un fichier en téléchargement à ses visiteurs.…
  5. Permettez aux visiteurs de votre site le téléchargement de documents. - "Passeur d'expériences" - […] J’avais déjà expliqué la manipulation manuelle pour créer un lien afin de proposer un fichier en téléchargement à ses visiteurs.…

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This Blog will give regular Commentators DoFollow Status. Implemented from IT Blögg

EmailEmail
PrintPrint