Utilisation du code HTML et du code personnalisé

L'éditeur est flexible dans le sens où il vous permet de modifier le code existant ou d'ajouter le vôtre. Ainsi, vous pouvez à la fois élargir le champ de fonctionnalité de la plateforme et bénéficier de fonctionnalités supplémentaires. Vous pouvez par exemple ajouter un widget calendrier personnalisé, ou même un formulaire de contact personnalisé tiers qui vous permettra d'accepter les paiements sur votre site.

Cet article aborde trois méthodes différentes pour l'ajout de code personnalisé à votre site.

Widget HTML

Le widget HTML est la méthode la plus simple pour ajouter du code à votre site.

Dans le panneau de gauche, cliquez sur Widgets et faites glisser le widget HTML dans une colonne ou une ligne de votre site, puis collez-y votre code.

Modification de code personnalisé

Après avoir ajouté votre code personnalisé via le widget HTML, cliquez sur le widget dans votre éditeur pour modifier votre code.

Il arrive cependant qu'en raison de la nature du code, il soit impossible de le faire aussi facilement. Dans ce cas, vous pouvez sélectionner le conteneur pour voir si vous pouvez le modifier en entier (code inclus).

Modification de code inline

Pour modifier le code de n'importe quel élément sur votre site :

  1. Effectuez un clic droit à l'endroit où vous souhaitez modifier le code, puis cliquez sur Modifier HTML/CSS pour afficher le code de tout ce qui se trouve dans votre éditeur.
  2. L'éditeur de code affichera le code que vous êtes en train de modifier. Ensuite, cliquez sur Documentation pour lire cette dernière avant de modifier le code.
Remarque

Bien que vous puissiez modifier les CSS dans le mode développeur, il est déconseillé d'ajouter de nouveaux sélecteurs dans ce menu. Vous pouvez sans problème ajouter ici de nouvelles règles aux sélecteurs. Si vous voulez créer de nouveaux sélecteurs CSS, veuillez le faire en mode développeur.

Mode développeur

Vous pouvez afficher le code de l'ensemble de votre site au sein de l'éditeur. Pour accéder au code, cliquez sur </> en haut à droite de votre éditeur.

Le code de votre site est divisé en sections pour permettre des ajustements précis.

Pour en savoir plus sur le mode développeur, consultez l'article Mode développeur.

FAQ et dépannage

Si vous avez détraqué votre site avec un code personnalisé, vous pouvez le réparer de différentes façons :

  1. Restauration d'une sauvegarde
  2. Réparation manuelle du code
  3. Accès à une autre partie de la page

Pour un guide de dépannage complet sur le code personnalisé, consultez l'article Comment résoudre les problèmes concernant un code personnalisé ?

Connaissez-vous quelqu'un qui pourrait m'aider concernant le code personnalisé ?

Bien que nous n'ayons pas de développeurs qui puissent vous aider à créer votre site, nous disposons d'un réseau de professionnels familiers avec notre plateforme qui seraient ravis de vous venir en aide. Vous pouvez les contacter et découvrir un aperçu de leur travail sur notre page des pros.

Quels sont les conseils à suivre pour un codage personnalisé ?

Voici certaines instructions :

  • Créer une sauvegarde
  • Utilisation d'une page de test
  • Créer une sauvegarde

Pour en savoir plus, consultez l'article Guide de codage personnalisé.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0
×

Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!