Remarque : même si nos guides les plus populaires ont été traduits en français, certains guides sont uniquement disponibles en anglais.
Ajout de code HTML, CSS ou JavaScript personnalisé

Squarespace helps you build a site without coding or design expertise. When you add a block, you're actually adding HTML to your site without writing the code yourself. Similarly, when you make style changes, you're automatically making changes to your site's CSS. The Squarespace platform is powerful and flexible, and you can solve most design challenges with built-in style options or by switching to a different template.

Pour personnaliser davantage le style de votre site et améliorer des parties spécifiques de votre site, vous pouvez utiliser du code personnalisé. Nous vous recommandons fortement de posséder des connaissances en codage avant d'ajouter du code personnalisé. Certains changements de codage seront en conflit avec le code par défaut de votre template et peuvent engendrer de futurs problèmes, nos développeurs améliorant la plateforme en permanence.

Some options for adding code are Premium features available in Business and Commerce plans.
Remarque : l'ajout de code à votre site est une modification avancée qui n'est pas prise en charge par Squarespace.

Ajouter du code

Plusieurs méthodes permettent d'ajouter du code HTML, CSS ou JavaScript sur un site Squarespace.

Ces fonctionnalités sont disponibles sur tous les plans :

  • Éditeur CSS personnalisé - Modifiez les polices, couleurs et arrière-plans. Du code CSS ne devrait pas être utilisé pour apporter des changements de mise en page tels que la marge intérieure ou le positionnement.
  • Bloc Intégration - Intégrez du contenu provenant de sites externes utilisant la norme oEmbed.
  • Code Block - Add code within a page’s layout. You can use HTML, plain text, Markdown, and CSS in Code Blocks on all plans.

These Premium features are available in Business and Commerce plans:

  • Injection de Code sur l'ensemble du site - Ajoutez du code sur l'ensemble du site en l'injectant dans l'en-tête ou le pied de page de votre site.
  • Per-page Code Injection - Add code that affects a specific page.
  • Code Block - Add code within a page’s layout. You can use JavaScript and iframes in Code Blocks on Business and Commerce plans, in addition to HTML, plain text, Markdown, and CSS.

Voici les moyens recommandés pour insérer du code personnalisé :

Watch the following video for more examples of using code on your site. This video is an excerpt from our Next Steps with Squarespace Series.

Ajouter du code CSS ou JavaScript à des Blocs Code

Le Bloc Code et la section Injection de Code acceptent uniquement du code HTML, mais vous pouvez ajouter du code CSS ou JavaScript en entourant le code avec ces tags HTML :

  • CSS - <style></style>
  • JavaScript - <script></script>

Mode Développeur

If you’re an advanced user, the Squarespace Developer Platform gives complete access to the underlying code of your site's template. This platform was designed for developers and design agencies to modify our existing templates and even create templates from scratch.

La Plateforme Développeur est un outil idéal pour les développeurs experimentés, qui sont généralement les individus créant des sites Web personnalisés pour les autres. Notez que les modifications que vous apportez à l'aide de la zone Injection de Code lorsque vous êtes sur la Plateforme Développeur disparaîtront si jamais vous désactivez le Mode Développeur.

The Developer Platform is a Premium feature, available in Business and Commerce plans.
La plateforme développeur n’est pas disponible dans la version 7.1.

Assistance supplémentaire

Pour en savoir plus au sujet du code personnalisé :

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 102 sur 181
Ajout de code HTML, CSS ou JavaScript personnalisé