Ma Toolbox
La liste ultra-complète des outils à connaître quand on fait des sites Internet, notamment sous Squarespace.
Pourquoi est-il important de s’outiller ?
Gagner du temps (et donc de l’argent, du repos, du selfcare…)
Prendre mieux en main les tâches désagréables/complexes
Se reposer l’esprit, alléger sa charge mentale
Gagner en fiabilité (image + professionnelle, + expérimentée…)
Fluidifier ses process, ses interactions
Être + réactif, + percutant, + efficace
Les liens avec * sont des liens affiliés ou de parrainage, tous sont des outils que j’ai pu essayer et que je recommande.
Cette page m’a demandé plus d’une semaine de travail, ces liens sont aussi une manière de m’aider à vous proposer ce type de contenu :)
🏆 Mon Top 10
🇫🇷 En français (quand la plupart en anglais)
📌 Je les utilise beaucoup
🗂 Extensions Chrome
Pour votre charte graphique
01. Webdesign & création
-
Banques images
📌Unsplash, Pexels, Burst, Rawpixel : les plus connues en gratuites
iStock, gettyimages, Stock Adobe : les plus connues en payantes
📌Kaboompics, Death to Stock, Moyo*, Haute Stock : les petites créatives
Midjourney : création d'image par l'IA -
Création graphique
🏆Canva : le plus simple et accessible
📌Jitter, Cavalry : motion
📌Creative Market, Freepik, Behance, ywft, UI Goodies : plateformes de ressources graphiques
MagicPattern : divers outils
Blobmaker, Avatar : formes SVG -
Mockups
📌Moyo* : pour les créatifs (-15% avec le code FLORENCEREDACCHEF)
Mockupworld, 📌Threed : générateurs en ligne
Mrmockup : freebies + pack par thématique
Omi : marketing 3D -
Typo
Google fonts, Goofonts, Fontshare, Collletttivo : typos gratuites
CSSSans Pro : typo colorée
📌Copychar, 📌Symbole, Glyphs, 📌iEmoji, 🗂Emoji Keyboard, EmojiTerra, 🗂Rocket : caractères spéciaux
3D, Calligrapher, Handwriting,📌Shadows : effets divers
Fontpair, 📌Typescale : outils -
Illustrations
📌iconscout, Undraw, 📌Drawkit : plateformes de référence
📌Designstripe, 📌Blush, Craftwork*, 📌Manypixels*, Storyset, Shape, Black, Open peeps : bibliothèques pro customisable
Stubborn, Personas : avatars
SVGator : SVG animés
Drawer: Lottie animés -
Icônes
📌Font Awesome, Google Material, Line Awesome : sous forme de polices
Flaticon, 🏆Icons8*, Iconshock : les plus connus
Ion, Remix, Feather : neutre
iconmonstr, Iconsvg, Potlab, Tabler, Orion, Gradients : SVG
CSS.gg : SVG + CSS
useAnimations, Icons 2.0, Loaf : version animée
Payment methods : set complet via Fgma -
Couleurs
📌Adobe, Dopelycolors, Coolors, Cloudfare : nombreux outils gratuits
📌 Webdi, 📌Eva Design System, Color Wheel,Reasonable : couleurs sémantiques
Khroma, Picular : recherche par algorithme
ColorCopyPaste : couleur à partir d’une photo
📌Huemint: affichage du résultat contextualisé -
Dégradés
📌CSS Gradient, uiGradients, Animated Gradients : nombreux effets
Duotone, Duotones : 1 photo, 2 teintes -
Palettes
📌Scandinavian, ColorHunt, Duo, Tilda, Material : jolies palettes préfaites
📌ColorSpace : palette à partir d’une couleur
Colors interactor : checker les couleurs de sa palette entre elles -
Captures
🗂📌GoFullPage, Screenguru, Screely : mes préférés
Screenshotmachine, BrowserFrame : par tailles d’écran et navigateurs
🏆Cleanshot*, Loom, Screen Studio : les solutions pro incluant la vidéo -
Formatage
🏆TinyPNG, Sqoosh : compresser ses images
📌Iloveimg, jpeg.io, TinyWow : redimensionner ou reformater
cleanup : cleaner une image
ezGIF : optimiser un GIF
htmlcolorcodes, px à em, px à rem, image à svg, encoder for svg : convertisseurs
📌FontConverter : reformater une police
📌PDFescape : rendre un PDF modifiable -
Divers
Ray, Carbon : pour afficher du code source en image
Upscaler, Stickermule : récupérer la qualité d’une image basse déf
Error404 : illustrations et inspis pour page 404
Google Map Generator, Snazzy : maps personnalisée
QRcode Monkey : générateur gratuit
Pour votre site web
02. Spécial Squarespace
-
Ajout de fonctionnalités
Memberspace*, Outseta* : espaces membres premium
Peachs*, Affiliatly : affiliation
Community Box : annuaire
Invision, Flarum : forum
ReplyBox : système de commentaires
Circle, Heartbeat, Skool : plateformes communautaires
📌Scheduling, Calendly, SimplyBook, Cal.com, zcal : prise de rdv
Lodgify*, Booqable : système de réservation
Sharethis : réseaux sociaux
Typeform*, Tally : formulaires, sondages et paiements en ligne
📌Userway* : accessibilité
Nifty : countdown timer
Swiftype, Monocle, SearchIQ, Algolia : recherche améliorée
Calconic : calculette
Image Map Pro™, Genially, Interacty : images interactives et gamification
Heyzine* : flipbook -
Extensions
🏆Weglot* : traductions
LiveChat : chat multicanal
Judge.me, Wiremo, Testimonial : avis améliorés
📌Squarewebsites* : extensions et plugins avancés
Spark* : + de 100 design en plus sans ajout de code
📌SquareKicker : même principe mais un niveau au-dessus
Elfsight* : +de 80 widgets compatibles Squarespace
📌Ghost Marketplace* : plugins, templates, cours et guides -
Plugins (+design)
🏆Ghost* : bibliothèque la plus importante et gratuite
📌Squarestylist* : cours et tutoriels en ligne pour être plus créatif
📌Insidethesquare, Beatriz Carabello*, Beaver Hero : nombreux tutos et vidéos
SquareRefresh* : le petit dernier, très design -
Plugins (+technique)
🇫🇷Squarefacile : plugin Mondial Relay
📌Sqspthemes, sf.digital, 📌Will Myers, Chris Schwartz-Edmisten* : les plus réputés
Squarestudio, Code&Tonic, Adlytic, SqsMods, Thompson, SquarePaste, Bangank, Snazzy View, SQSPStarter : autres très bons sites de plugins payants
📌SEO Space*, Launch Happy : spécialisés SEO -
Kit du designer
Octopus, Flowmapp : aide au sitemap
🗂📌Find Squarespace Ids, 🗂📌ID&Class Finder, 🗂📌Fonts Ninja, ColorZilla, 🗂📌CSS Peeper : identificateurs
🗂Tablpsum : lorem ipsum
🗂Snapfont : tester d’autres polices
🗂Image Downloader, 🗂SVG Gobbler, 🗂Save as : récupérer un fichier
📌ResponsivelyApp, 🗂Window Resizer, TestMobile, 🗂MobileFirst : contrôler tailles d’écran
🗂📌Spacing Fixer : améliorer version tablette
🗂Checklist : vérificateur
📌cdnjs : Javascript library -
Codes CSS
SublimeText : pour faire du CSS propre
📌W3schools, 30 seconds, Codemyui, 📌Houdini : par thématiques
📌Layout, Grid, Center, 📌Tableur, Hover, Boutons : focus utiles
Toggle : dark mode
📌SmoothScroll : liens ancrés
🗂📌Wappalyzer, 🗂BuiltWith : identifier la technologie d’un site
🗂GetCSS : récupérer le code, payant -
Background
Transparent, 📌Patternico, 📌Pattern, BGJar, Hero, ShapeDivider : arrière-plan à motifs
Stripes : arrière-plan à bandes
CSS Separator : effet de séparations entre sections
ffflux : générateur SVG -
Effets
📌Neumorphism, Neumorphic, Glassmorphism, Shadows : design d’interface et ombres
📌Animate, 📌cssfx, Animista, AnimatiSS : animés
📌Polypane : 3D
Underline, Text Underline : soulignés
📌Getwaves, SvgWaves, softr : vagues
Clippy : clip-path maker -
Inspis
📌Showcase : sites fait sous Squarespace
Site inspire,siiimple, 📌One Page, httpster, Saas, ecomm, Flowbase : autres inspis
📌Nice, Webframe : par contenu
Fonts Ninja : typo
Brandcolors, Fonts : assets de grandes marques
Checklist Design : best practices
Same energy : relie les images par style -
Divers
App Squarespace : gérer votre site de n’importe où
📌Squarespace Status : bugs et maintenances
Help Center, 📌Forum : pages d’aide officielles
📌Commerce limitations, 📌Member Areas limitations : récaps à connaître
Ionos* : nom de domaine et email pro pas trop cher !
🗂Square Genie : récupérer les URLs d’un site
Pour votre quotidien
03. Organisation & productivité
-
Gestion de projets
🏆Notion* : l’incontournable du tableau de bord et des prises de notes
Noteforms* : extension Notion très intéressante
ClickUp : gérer entièrement son business (ressources, docs, gestion de projet, to-do, etc.)
Miro, Milanote : pour organiser ses idées visuellement
Trello : pour faire des listes avec cartes
Workflow,Markup, Usepastel, Maze : gestion des feedbacks
Slidesgo : modèles Google Slides et PowerPoint gratuits
Whereby : pour des visios simples et jolies
Getscreen : pour prendre le contrôle d’un ordi à distance -
Time-saver
🗂Dashlane : gestionnaire de mots de passe
🗂📌Streak* : CRM pour Gmail avec mails type
Pomofocus : rester focus
Paste : stocke tout vos copiés
🗂Magical Text Expander : raccourci à personnaliser
🗂Tabbs, 🗂Session Buddy, 🗂📌 tabextend : mieux gérer ses onglets
🗂📌TextSaver : garder du texte de côté
Akiflow : gérer son agenda
Numbr : smart calculette
🗂 HT TTC TVA : affiche les montants au survol -
Automatisation & IA
📌ChatGPT, Claude.ia, Gemini : les références
NotebookLM : pour générer un audio ou un résumé via des ressources en ligne
Formless : Typeform avec IA
Otter.ia : compte-rendu call
Zapier, Make*, Parabola : les plus connus pour automatiser des tâches (possible de les relier à Squarespace)
Keysmith : macros personnalisées pour Mac
Later : gestion des posts sur ses réseaux sociaux
Writesonic*, Dokey, Syllabs : rédaction avec IA
Ovy : réponse email avec IA
CopyScape, Quetext : pour vérifier les plagiats -
Juridique
📌LegalStart, LegalPlace, Orson : générateur de mentions légales
Version ecommerce, Version pro : modèles CGV
📌 Contrats.tech : gratuit
InfoLawyers, GetTerms* : pack payant
CNIL : les outils officiels
Data Legal drive : logiciel RGPD n°1 français
📌Axeptio, CookiePro, 📌Fathom*, Plausible : gestion des cookies et outils d’analyse
Cookieserve, CookieScript : checker les cookies d’un site -
Spécial freelance
🏆Freebe* : gestion/facturation
📌Malt, 📌Crème de la crème, Creads : plateformes freelances de référence
Joinsecret, SetApp : collections d’outils SaaS et d'applications à prix préférentiel
Notion Pack : parfait pour améliorer ses process
MisterTools : Discord d'entraide & listes d'outils
MBTI : test pour identifier sa manière de travailler
Gather.town, Sprout : remote cool
Cowop, Collective : coworking & collectif
🗂SpeedTest, Google : vérifier sa connexion
🏆The Design Flow* : super programme de formation
Pour votre image de marque
04. Branding & stratégie
-
Veille
📌BDM : le plus complet pour tout suivre niveau digital
Futur, 📌L’ADN, 📌Le Filtre : tendances & mutations sociétales
Alexandra Jubé, Nelly Rodi, 📌Hellomondays, The Storyline, Pinterest Trends : stratégie de marque, insights et tendances
Magma : tendances business en croissance les plus prometteuses
Goodmoods : orienté déco/mode
Undesign, DesignGems : récaps ressources design
📌Abondance : suivi SEO -
SEO
📌NeilPatel : la référence
Similarweb, Ahrefs, 📌Website Grader, Experte, UpCity, Pingdom, Majestic, PageSpeed, Mobile, web.dev, 🗂 Load time, 🗂 Lighthouse : testeurs en ligne
ScreamingFrog : extraction de données et d’URL
CrazyEgg : analyser les déplacements sur un site
🗂SEOquake, 🗂Checkbot : audit SEO
🗂📌Image Alt text Viewer, 🗂Alt Text tester : vérifier les alt image
🗂📌Check My Links : vérifier les liens
🗂📌HeadingsMap : vérifier les h1, h2…
SemRush : vérifier erreurs 404
📌Mangools, totheweb : vérifier comment ça s’affiche sur Google
📌Merkle : générateur de données structurées
Google : vérifier les données structurées
MakeStories : story Google -
Content
📌Ubersuggest, 🗂 Keywords Everywhere : analyse et idées de mots-clés
Keyword Sheeter,AnswerThePublic, Keyword Tool, GoogleTrends : insights de recherche
Oberlo : générateur de slogan (en anglais)
📌MerciApp*,Antidote, LanguageTool, LeConjugueur : correcteurs
iA, Typora, Jasper : aide à l’écriture
📌Crisco : synonymes
📌Combiendemots : nombre de mots et temps de lecture -
Business Development
🏆Hack Marketing : 70 hacks à connaître
🏆Marketing Flow : tutos pour se former au growth
Smallchat : chat via Slack
VideoAsk* : chat video interactif
Holofy, Vidjet : pop-up video
Stonly : guide interactif
📌Scribe, Letsignit, Boostmymail, Reply : signatures email
📌SquareFeed : lier son catalogue Squarespace à Google Shopping
HypeAuditor, Favikon : marketing d’influence
Facebook Ads : espionner les pubs de ses concurrents
📌Mention : suivre sa marque/un mot-clé -
Emailing
Really Good Emails,Emailove : pour s’inspirer
Milled : pour étudier la concurrence
📌Squarespace Email Campaigns : la solution la plus simple car directement intégrée à la plateforme
Flodesk* : newsletters et campagnes marketing avec des templates design et travaillés
Loops : simple et ultra quali
ConvertKit : fonctionnalités plus avancées
Klaviyo : parfait pour l’ecommerce
Mailtester : éviter d’arriver en spam
CaptainVerify : cleaner sa mailing liste
Ionos* : nom de domaine et email pro pas trop cher !
Mes indispensables