Comment ajouter une fonction de téléchargement de fichiers à Squarespace ?

Bien que Squarespace vous donne la possibilité d'accéder au code de votre site et de le modifier, l'intérêt pour beaucoup est que vous pouvez créer un site magnifique sans jamais avoir à toucher au code.

Bien que le constructeur de sites Web soit optimisé pour les personnes qui n'aiment pas le code, si vous avez un site Web Squarespace et que vous souhaitez inviter des collaborateurs à télécharger des fichiers sur votre site, vous devez effectuer un peu de codage, même s'il est minime. Le processus peut sembler décourageant au début, mais nous sommes là pour le rendre aussi facile que possible. Voici trois façons de collecter des fichiers via Squarespace :

1. Ajouter FTP (File Transfer Protocol)

Mise en œuvre de FTP dans Squarespace peut être un peu difficile si vous n'êtes pas un pro de l'informatique. Mais si vous voulez suivre cette voie, vous devez activer le mode développeur.

Aller à Accueil > Paramètres > Avancé > Mode Développeur et l'allumer.

Nous vous recommandons de lire ce guide pour bien comprendre le mode Développeur et savoir si vous en avez vraiment besoin, car ce n'est pas quelque chose que vous devez faire à la légère. Une fois que vous êtes en mode développeur, vous pouvez voir vos informations d'identification FTP.

Maintenant que vous avez ces informations, vous devez installer un client FTP sur votre ordinateur. Il existe de nombreuses options gratuites et payantes parmi lesquelles choisir. Une fois que vous avez fait cela, vous devez vous connecter à votre compte Squarespace en utilisant les informations d'identification FTP fournies dans les paramètres de votre compte. Une fois connecté, vous pouvez télécharger des fichiers de votre ordinateur vers votre site Web.

2. Ajouter un générateur de formulaire personnalisé

Vous vous demandez s'il existe un formulaire de téléchargement de fichiers dans Squarespace ? Malheureusement, la fonction de formulaire de Squarespace ne prend pas en charge le téléchargement de fichiers à partir d'utilisateurs externes. ils suggèrent d'utiliser Wufooun service tiers, pour faciliter cette opération. Wufoo permet aux utilisateurs de télécharger jusqu'à 100 Mo de fichiers par formulaire.

Veuillez noter que vous devez disposer d'un plan Squarespace Business ou Commerce pour utiliser cette méthode.

Une fois que vous avez créé votre compte Wufoo, suivez ces étapes pour le configurer :

3. Utiliser les portails MASV

MASV fournit un outil utile appelé Portails qui fournit un service rapide, non plafonné alternative au FTP. Il s'agit également d'un moyen super facile d'installer et de recevoir des fichiers volumineux - sans parler du fait que vous pouvez commencer gratuitement.

Tout d'abord, nous allons vous montrer comment créer un portail MASV et l'ajouter à votre site Squarespace.

Veuillez noter que vous ne pourrez intégrer un portail MASV sur votre site que si vous disposez d'un plan d'affaires ou de commerce Squarespace.

Étape 4. Ajouter un bloc de code à votre page Squarespace

Connectez-vous au backend de votre site Squarespace et allez à la page à laquelle vous souhaitez ajouter votre portail MASV.

Dans cet exemple, nous allons en ajouter un à la page d'accueil, qui s'affiche en premier par défaut. Pour accéder à toute autre page de votre site, cliquez sur Pages sur le côté gauche, puis sélectionnez la page de votre choix

Une fois que vous êtes sur la page à laquelle vous voulez ajouter le portail, cliquez sur EDIT dans le coin supérieur gauche.

Bien sûr, vous pouvez aussi créer une nouvelle page pour accueillir votre portail. Si c'est votre choix, cliquez sur le + à côté de Navigation principale et commencer avec un Page blancheou choisissez une autre proposition de mise en page.

Quelle que soit la page à laquelle vous choisissez d'ajouter votre portail, nous vous recommandons de l'ajouter à une nouvelle section vierge. Faites défiler l'écran jusqu'à l'endroit où vous souhaitez placer le portail et cliquez sur l'un des boutons de rupture de section. + des symboles :

Le menu ci-dessous s'affiche. Sélectionnez Ajouter un blanc +.

Une fois que vous avez votre nouvelle section vierge, cliquez sur l'un des points d'insertion noirs et sélectionnez Codequi est classé sous Plus de.

Vous devriez maintenant voir votre portail intégré à la page de votre site, et il ressemblera à quelque chose comme ceci :

Étape 6. Ajustez l'apparence et le formatage de votre portail

Il est maintenant temps d'ajuster l'apparence et la position de votre portail intégré.

Nous ne l'avons pas personnalisé, mais à ce stade, vous pouvez retourner dans votre tableau de bord des portails MASV et ajouter votre propre image/logo et couleur personnalisés si ce n'est pas déjà fait. Pour ce faire, cliquez sur le bouton en forme de stylo Modifier à côté du nom de votre portail pour effectuer ces modifications, puis recopiez le code et collez-le par-dessus le code original sur votre site Squarespace.

Pour ajuster la taille et la position de ce code, vous devrez modifier manuellement le lien sur votre site Squarespace. Mais ne vous inquiétez pas, c'est très simple.

Les portails MASV seront alignés à gauche sur votre site Squarespace par défaut lorsqu'ils sont ajoutés à une section vide. Pour aligner votre portail au centre, ajoutez un style HTML central au lien.

Les portails sont automatiquement réglés sur une largeur de 400 px et une hauteur de 640 px, mais là encore, vous pouvez facilement modifier ces dimensions dans le lien lui-même. Trouvez la partie qui indique width='400' height='640' et ajustez ces chiffres pour trouver votre taille idéale.

Une fois que vous êtes satisfait du formatage, n'oubliez pas de vous rendre à l'adresse suivante Terminé dans le coin supérieur gauche, puis appuyez sur Sauvez pour mettre à jour la version live de votre site.

Et voilà, c'est fait ! Votre portail est maintenant en ligne et attend son premier téléchargement. Rappelez-vous que vous pouvez toujours retourner à votre tableau de bord MASV Portals pour faire des changements à votre site, et vous serez notifié lorsqu'un contenu est téléchargé à l'adresse email que vous avez entré dans le champ Bénéficiaire champ.