Comment utiliser un template Framer après l'achat : le guide complet pas à pas

Vous avez trouvé un template Framer qui vous plaît, cliqué sur « Acheter », et vous voilà devant un email de confirmation en vous demandant quelle est la suite.

Bonne nouvelle : c'est vraiment rapide. La plupart des gens passent de « je viens d'acheter » à un site en ligne et personnalisé en un après-midi. Mais si vous n'avez jamais utilisé Framer, le parcours n'est pas évident, surtout l'étape du lien de remix, qui déroute presque tout le monde la première fois.

Ce guide reprend chaque étape dans l'ordre : récupérer le template dans votre espace, le personnaliser avec votre contenu, puis le publier avec votre propre nom de domaine. Chaque étape s'appuie sur la documentation officielle de Framer et sur des guides de praticiens, pour éviter les tutoriels périmés.

Étape 1 : récupérer le template dans votre espace

La livraison d'un template Framer ne ressemble pas à ce qu'on imagine. Pas de fichier à télécharger, pas de bouton d'import. Tout passe par un lien de remix.

Si vous avez pris un template gratuit sur le Framer Marketplace

Selon l'aide officielle de Framer, le parcours pour un template gratuit est le suivant :

1. Allez sur le Framer Marketplace

2. Trouvez le template voulu et cliquez sur « Use for Free »

3. Une fenêtre de remix s'ouvre avec le nom du template et un aperçu

4. Cliquez sur « Copy » pour dupliquer le template dans votre compte

5. Le projet s'ouvre directement dans Framer ; choisissez un espace de travail si on vous le demande

C'est tout. Pas de paiement, pas d'email. Le template apparaît tout de suite dans votre tableau de bord, prêt à être modifié.

Si vous avez acheté un template payant sur le Framer Marketplace

Les templates payants du Marketplace passent par le système de paiement du créateur. Selon le guide officiel de Framer :

1. Cliquez sur « Purchase for… » sur la page du template

2. Vous êtes redirigé vers la page de paiement du créateur (souvent Gumroad, Lemon Squeezy ou une page maison)

3. Réglez votre achat

4. Consultez vos emails : le créateur vous envoie un message avec votre lien de remix

5. Cliquez sur ce lien

6. Une fenêtre de remix s'ouvre : cliquez sur « Copy » pour l'ajouter à votre espace

Important : Framer ne gère ni les paiements ni les remboursements des templates. Tout passe par le système du créateur. Si vous ne recevez pas votre lien quelques minutes après l'achat, regardez d'abord vos spams, puis contactez directement le créateur. Son email de support figure sur la page du template.

Si vous avez acheté ailleurs (Gumroad, site du créateur, etc.)

Beaucoup de créateurs vendent en dehors du Marketplace officiel : sur leur site, sur Gumroad ou ailleurs. La livraison est la même : vous recevez un lien de remix par email. La suite est identique au parcours payant ci-dessus.

Étape 2 : comprendre le lien de remix

Avant de personnaliser, il vaut la peine de comprendre ce que fait un remix, car le mot est propre à Framer et ne veut pas dire ce qu'on croit.

Quand vous cliquez sur un lien de remix, Framer crée une copie totalement indépendante du template dans votre compte. L'original n'est pas modifié. Vous ne partagez pas de projet avec le créateur. Vous ne modifiez pas « son » fichier. Vous obtenez votre propre copie complète, que vous pouvez personnaliser, publier et faire évoluer comme vous voulez.

Un remix revient en fait à dupliquer un projet. Une fois dans votre espace, tout se modifie : textes, images, mise en page, couleurs, animations, contenu du CMS et pages. Sans code.

Un conseil pratique : si le template n'apparaît pas tout de suite dans votre tableau de bord, l'aide de Framer propose deux solutions : actualiser la page, ou recliquer sur le lien. C'est fréquent si vous venez de créer votre compte ou si vous utilisez un autre navigateur que d'habitude.

Étape 3 : se repérer dans l'éditeur avant de toucher à quoi que ce soit

Quand le template s'ouvre, résistez à l'envie de tout changer tout de suite. Cinq minutes pour comprendre la structure vous éviteront beaucoup de confusion ensuite.

Voici quoi regarder :

Le panneau de gauche : pages et calques. Il liste chaque page du template et, dans chaque page, chaque calque et section. Parcourez les pages pour voir ce qui est inclus : la plupart des templates ont une page d'accueil, quelques pages intérieures et parfois un blog ou une section CMS.

Le panneau Assets : là où vivent les styles globaux. C'est le panneau le plus important pour personnaliser, et celui où les débutants ratent un raccourci essentiel. Ouvrez l'onglet Assets (en haut du panneau de gauche) et cherchez la section Styles. Les templates bien construits y définissent toutes leurs couleurs et typos comme variables globales. Si c'est le cas, vous changez la couleur de marque de tout le site en un clic, au lieu de chercher chaque élément page par page. Le guide post-achat de Framer cite d'ailleurs cette vérification parmi les premières choses à faire.

Les composants. Les templates utilisent des composants, des blocs réutilisables comme l'en-tête, le pied de page, les cartes ou la navigation, présents sur plusieurs pages. Modifier un composant change toutes ses occurrences. C'est un gain de temps énorme, mais il faut être attentif : modifier un bouton dans un composant change ce bouton partout sur le site.

Étape 4 : personnaliser dans le bon ordre

L'ordre des modifications compte. Voici celui que suivent les utilisateurs expérimentés pour éviter de refaire le travail :

4a. Mettre à jour les styles globaux d'abord

Avant de toucher au moindre texte ou image, ouvrez le panneau Assets et adaptez les styles de couleur et de typo à votre marque.

Pour les couleurs : Assets → Styles → Color. Chaque entrée est une variable de couleur utilisée dans tout le template. Cliquez sur une pastille, changez le code hexadécimal, et chaque élément qui utilise cette couleur se met à jour sur toutes les pages.

Pour la typographie : cherchez la section Typography dans le même panneau. La plupart des templates définissent deux ou trois styles : une police de titres, une police de texte et parfois une police d'accent. Changez-les d'abord, et elles se mettent à jour partout.

Conseil de praticien : modifiez toujours les styles existants, n'en créez pas de nouveaux. Une nouvelle variable ne s'applique pas automatiquement aux éléments existants. Si vous créez une couleur et l'appliquez à la main sur chaque élément, vous perdez tout l'intérêt de la mise à jour globale.

4b. Modifier l'en-tête et le pied de page

Dans la plupart des templates Framer, l'en-tête et le pied de page sont des composants globaux, présents sur chaque page. Une modification suffit pour tout le site.

Pour modifier l'en-tête : cliquez dessus dans le canvas et cherchez « Edit Component » dans le panneau de propriétés, ou allez dans Assets → Templates, trouvez le composant Header et double-cliquez dessus.

Mettez à jour votre logo (remplacez l'image ou modifiez le texte s'il est textuel), adaptez les liens de navigation à vos vraies pages et faites pointer les boutons d'action vers la bonne destination.

4c. Remplacer le contenu de démonstration page par page

Une fois les styles globaux et les composants à jour, parcourez les pages et remplacez le contenu de démonstration par le vôtre.

Modifier un texte : double-cliquez sur un calque de texte dans le canvas pour passer en édition, puis remplacez le texte. Utilisez le panneau de propriétés à droite pour ajuster taille, alignement, graisse ou couleur si besoin, même si, avec des styles globaux bien réglés, ce sera rarement nécessaire.

Remplacer une image : double-cliquez sur une image dans le canvas pour accéder au remplacement. Vous pouvez glisser-déposer un fichier directement ou coller l'URL d'une image. Framer héberge automatiquement les images sur son CDN : pas besoin d'un service d'hébergement à part.

Supprimer les pages inutiles : survolez le nom de la page dans le panneau de gauche, cliquez sur le menu à trois points et choisissez Delete. Framer n'a pas d'option « masquer la page » : pour garder une page sans la publier, dupliquez le projet avant de supprimer, ou désactivez l'indexation de la page dans ses réglages.

4d. Mettre à jour le CMS (si le template a un blog ou du contenu dynamique)

Si votre template inclut un blog, des études de cas, une équipe ou toute autre section pilotée par le CMS, il faudra ajouter votre contenu dans les collections.

Cliquez sur l'icône CMS dans le panneau de gauche. Vous verrez le contenu de démonstration (articles, projets, équipe…) déjà en place avec des données fictives.

Ouvrez une collection et ajoutez vos entrées, ou modifiez les existantes pour remplacer titres, descriptions, dates et images par votre vrai contenu.

Étape 5 : remplir vos réglages SEO

Cette étape est souvent oubliée, et elle compte. Avant de publier, renseignez les métadonnées de chaque page.

Pour chaque page :

1. Sélectionnez la page dans le panneau de gauche

2. Dans le panneau de propriétés à droite, trouvez la section SEO

3. Ajoutez un titre (moins de 60 caractères) et une meta description (moins de 160 caractères) propres à la page

Pour les pages du CMS (articles, etc.), réglez des variables SEO dynamiques dans le modèle de page plutôt que de les remplir article par article. Dans le modèle de page CMS, ouvrez le panneau SEO et liez le titre à {{Title}} et la description à {{Description}} : Framer remplira automatiquement des données SEO uniques pour chaque entrée.

Ajoutez aussi un texte alternatif à vos images au fur et à mesure que vous les remplacez. Double-cliquez sur une image et cherchez le champ alt text dans le panneau de propriétés.

Étape 6 : prévisualiser avant de publier

Avant la mise en ligne, utilisez l'aperçu de Framer pour voir comment le site s'affiche et se comporte.

Cliquez sur Preview (l'icône lecture en haut à droite de l'éditeur). Une version interactive du site s'ouvre dans un nouvel onglet : la même expérience que vos visiteurs.

Vérifiez :

• Que chaque page se charge et s'affiche correctement

• Que les liens de navigation mènent aux bonnes pages

• Que les formulaires envoient vers la bonne adresse email ou intégration

• Que le contenu s'affiche bien sur mobile (icône mobile dans l'aperçu)

• Que les animations ont un but et n'alourdissent pas la page

Étape 7 : publier votre site

Quand vous êtes prêt, cliquez sur Publish en haut à droite de l'éditeur.

Publier sur un sous-domaine Framer gratuit

Par défaut, Framer publie votre site sur un sous-domaine gratuit du type votreprojet.framer.website. C'est très bien pour tester, mais pas pour un vrai site d'entreprise : ça fait peu professionnel et les moteurs de recherche le considèrent comme moins fiable qu'un domaine à vous.

Publier sur votre propre domaine

Pour publier sur votre domaine (par exemple votremarque.fr), il vous faut un forfait Framer payant (Basic à partir de 10 $/mois) et un domaine enregistré chez un registraire.

Option A : obtenir un domaine gratuit via Framer (le plus simple)

En 2026, tous les forfaits annuels payants de Framer incluent un domaine .com gratuit la première année. Allez dans les réglages du site, section Domains, puis cliquez sur « Claim a free custom domain ». Cherchez le domaine voulu : s'il est libre, Framer l'enregistre et le connecte automatiquement. Aucun réglage DNS à faire.

Option B : connecter un domaine que vous possédez déjà

Selon le guide officiel de Framer :

1. Allez dans les réglages du site → Domains → « Connect a domain you own »

2. Saisissez votre domaine (par exemple votremarque.fr)

3. Framer affiche les enregistrements DNS à ajouter, en général deux enregistrements A et un CNAME pour la redirection www

4. Connectez-vous chez votre registraire (OVH, GoDaddy, Namecheap, Cloudflare…) et ajoutez ces enregistrements dans la gestion DNS

5. Revenez dans Framer : une fois le DNS propagé, votre domaine est connecté

La propagation DNS prend en général de quelques minutes à quelques heures, et jusqu'à 48 heures dans certains cas selon la documentation de Framer. Framer gère automatiquement le certificat SSL (le cadenas https://) une fois le domaine connecté.

Si vous utilisez Cloudflare : réglez le proxy du domaine sur « DNS only » (nuage gris, pas orange). Framer ne prend pas en charge le mode proxy de Cloudflare. Framer ne gère pas non plus l'IPv6 : n'ajoutez pas d'enregistrement AAAA.

Une fois le domaine connecté, cliquez sur « Set as Default » dans les réglages Domains pour en faire l'adresse principale du site.

Étape 8 : le garder à jour

La publication est un début, pas une fin. Framer rend les mises à jour simples.

Chaque modification dans l'éditeur (contenu, nouvel article, ajustement d'une section) n'est en ligne qu'après une nouvelle publication. Cliquez sur « Update » (qui remplace Publish après la première mise en ligne) pour publier vos changements.

Si votre template a un blog, vous pouvez ajouter des articles directement depuis le CMS sans toucher au design : pratique pour les non-designers qui gèrent eux-mêmes leur contenu.

Problèmes fréquents et solutions

« Je ne vois pas le template dans mon tableau de bord après avoir cliqué sur le lien. » Actualisez la page. Si ça ne marche pas, recliquez sur le lien, surtout si vous venez de créer votre compte ou avez changé de navigateur en cours de route.

« J'ai changé une couleur, mais un seul élément a changé. » Vous avez modifié la couleur de l'élément au lieu de la variable globale. Allez dans Assets → Styles → Color, trouvez la couleur et modifiez-la là. Si l'élément n'est lié à aucun style global, réassignez-le à la bonne variable.

« Mon domaine ne se connecte pas après 24 heures. » Vérifiez que les enregistrements DNS sont exactement ceux fournis par Framer, sans enregistrement A en trop ni entrée en conflit. Utilisez un outil de vérification DNS pour voir ce qui se propage. Sur Cloudflare, vérifiez que le proxy est désactivé (nuage gris). Si tout semble correct, contactez le support de votre registraire.

« Je veux être remboursé de mon template. » Contactez directement le créateur : son email de support est sur la page du template. Framer ne traite pas les remboursements, toutes les transactions passant par le créateur.

« J'ai supprimé une page par erreur. » Framer ne permet pas toujours d'annuler une suppression de page. Si vous avez une sauvegarde ou le lien de remix d'origine, refaites un remix, ouvrez cette copie et recopiez la page dans votre projet.

Questions fréquentes

Faut-il un compte Framer pour utiliser un template ? Oui. Il vous faut au moins un compte gratuit pour recevoir et utiliser un lien de remix. Le compte gratuit permet de concevoir et modifier ; un forfait payant (dès 10 $/mois) est nécessaire pour publier sur votre propre domaine.

Puis-je utiliser le même lien de remix plusieurs fois ? La plupart des créateurs génèrent un lien à usage unique ou limité par achat. S'il vous faut une nouvelle copie, par exemple pour repartir de zéro, demandez un nouveau lien au créateur.

Puis-je donner le template à un client ? Vous pouvez créer le site et transférer le projet sur le compte Framer de votre client. En revanche, vous ne pouvez pas revendre ni redistribuer le lien de remix : les licences de templates sont réservées à l'usage de l'acheteur.

Et si je n'ai pas encore de forfait payant ? Vous pouvez dupliquer et personnaliser entièrement le template avec le forfait gratuit. Vous n'aurez besoin de passer à un forfait payant qu'au moment de publier sur votre domaine. Le forfait gratuit publie sur un sous-domaine framer.website sans frais.

Le template ne ressemble pas à la démo. Pourquoi ? Les démos utilisent des images et des textes de démonstration soignés. Quand vous dupliquez, vous obtenez la structure avec ce contenu fictif, que vos images et textes remplacent. Le design lui-même doit être identique tant que vous n'avez pas touché aux styles.