Site Web avancé : directives pour le code personnalisé

Notre éditeur est très flexible : vous pouvez étendre les fonctionnalités de votre site en ajoutant un script ou un code personnalisé. Cependant, ce code peut endommager ou désactiver l'éditeur, ou nécessiter d'autres étapes pour fonctionner. C'est pourquoi nous vous recommandons de suivre quelques recommandations pour tester du code personnalisé.

Si vous travaillez avec du code personnalisé, il est bon de savoir que les scripts et les ressources ne peuvent être chargés que dans le même protocole HTTP ou HTTPS.

Par défaut, l'éditeur est toujours chargé en HTTPS. Si vous utilisez un script HTTP dans l'éditeur, il ne sera pas visible dans l'éditeur car il est chargé via une connexion sécurisée. En revanche, il sera visible sur le site en ligne car il est chargé via une connexion non sécurisée.

Pour résoudre ce problème, il est toujours préférable de charger vos ressources via une connexion sécurisée.

Lorsque vous ajoutez du code personnalisé à un en-tête, créez une copie du site et testez votre code sur cette copie. En cas d'échec, supprimez simplement le site.

Vous pouvez également tester le code d'en-tête sur une page vierge distincte du même site. Si la page plante, supprimez-la simplement ou accédez au code en mode développeur.

Lors de l'ajout de code personnalisé à une page :

1. Créez un duplicata de la page, puis ajoutez votre code personnalisé.
2. En cas d'échec, vous pouvez accéder au code HTML/CSS de la page en accédant à une autre page et en passant en mode développeur à partir de là.
3. Vous pouvez également supprimer la page et recommencer en créant un doublon.
4. Si un code personnalisé se trouve sur votre page d'accueil, vous pouvez essayer d'accéder à votre éditeur en ajoutant un /contact ou une autre URL à la fin du lien de votre éditeur.

L'optimisation de la vitesse des pages affecte l'exécution de certains scripts. Nous optimisons la vitesse de chargement sur la plupart des pages de Guesty Sites Internet, ce qui peut entraîner des problèmes avec votre code personnalisé. Lors de la résolution des problèmes du code, vous pouvez vérifier s'il s'agit d'un problème de vitesse de chargement :

1. Dupliquez la page avec vos scripts.
2. Modifiez l'URL en « testing_scripts ».
3. Publiez et vérifiez la page sur votre site en ligne.

Si vous utilisez un script, vous pouvez également essayer de vous assurer que votre script s'exécute de manière asynchrone. Ce n'est pas garanti, mais cela peut parfois résoudre le problème des scripts qui ne s'exécutent pas correctement dans le navigateur.

Pour activer l'asynchronisation sur les scripts, modifiez votre code en utilisant ce qui suit :

• Ancien code : <script src="https://example.com/script.js"></script>
• Nouveau code : <script src="https://example.com/script.js" async defer></script>

Un site endommagé par du code personnalisé affiche généralement une page blanche dans l'éditeur (ou perturbe vos fonctionnalités d'édition). Si votre site est endommagé par du code personnalisé, plusieurs solutions s'offrent à vous :

• Si vous disposez d’une sauvegarde, dans le panneau de gauche, cliquez sur Paramètres, puis sur Site de sauvegarde et restaurez une sauvegarde.
• Si l'éditeur est cassé, essayez de forcer l'ouverture de l'éditeur en utilisant le raccourci clavier de l'inspecteur d'éléments
  • Mac : Commande+Option+C
  • PC : Ctrl+Alt+C
• Contactez notre équipe pour obtenir de l'aide.

En raison de la nature imprévisible du code personnalisé, nous ne sommes pas en mesure de déterminer pourquoi un élément de code personnalisé peut ne pas fonctionner sur un site.