• Page d'accueil
  • Centre d'aide
  • Guides de Fonctionnalités
  • Sider Code - Personnalisez n'importe quel site web avec des mots simples

Sider Code - Personnalisez n'importe quel site web avec des mots simples

Faites fonctionner n'importe quel site web à votre façon. Décrivez ce que vous voulez, et l'IA personnalise la page pour vous — sans besoin de coder.

Qu'est-ce que Sider Code ?

Sider Code est un outil de personnalisation de pages web propulsé par l’IA qui vous aide à modifier presque n'importe quelle page en utilisant un langage naturel simple. Au lieu d’écrire du code, il vous suffit de décrire ce que vous souhaitez changer. Sider Code comprend votre demande et personnalise la page pour vous. Vous pouvez utiliser Sider Code pour :
  • Ajouter des fonctionnalités propulsées par l’IA, comme un bouton de résumé pour de longs articles ou la synthèse de milliers de commentaires
  • Supprimer les distractions, telles que publicités, pop-ups, barres latérales ou contenus sponsorisés
  • Personnaliser l’apparence de la page, par exemple en activant le mode sombre ou en modifiant la mise en page
Par exemple, vous pouvez demander :
  • « Ajoute un bouton pour résumer les commentaires »
  • « Supprime toutes les publicités de cette page »
  • « Cache la barre latérale et rends l'article en pleine largeur »
  • « Rends cette page plus claire et plus facile à lire »
Pour plus d’exemples, visitez : sider.ai/agents/code

Comment configurer Sider Code

Avant d’utiliser Sider Code, vous devez effectuer deux étapes rapides de configuration :
  1. Activer les scripts utilisateurs
  1. Installer Sider Operator
Ces étapes permettent à Sider Code d’appliquer les modifications aux pages web et de tester/déboguer les personnalisations automatiquement.

Étape 1 : Ouvrir Sider Code

Ouvrez la barre latérale Sider et cliquez sur l’icône Code. Vous verrez la page d’accueil de Sider Code. Cliquez sur Commencer.
WechatIMG1815.jpg


Étape 2 : Activer les scripts utilisateurs

Sider Code nécessite l’autorisation des Scripts Utilisateurs pour appliquer des modifications aux pages web. Dans le panneau de configuration, cliquez sur Ouvrir les paramètres de l’extension. Cela ouvrira la page des paramètres de l’extension dans Chrome. Trouvez Autoriser les scripts utilisateurs et activez-le. Une fois activé, retournez dans le panneau de Sider Code. La première étape de configuration devrait maintenant être marquée comme terminée.
WechatIMG1817.jpg


Étape 3 : Installer Sider Operator

Ensuite, installez Sider Operator. Sider Operator aide Sider Code à tester et déboguer automatiquement les modifications des pages, pour que vos personnalisations fonctionnent de façon plus fiable. Dans le panneau de configuration Sider Code, cliquez sur Obtenir Sider Operator. Cela ouvrira la page Sider Operator sur le Chrome Web Store.
WechatIMG1818.jpg


Étape 4 : Ajouter Sider Operator à Chrome

Sur la page du Chrome Web Store, cliquez sur Ajouter à Chrome. Chrome affichera une fenêtre de confirmation. Cliquez sur Ajouter l’extension. Une fois l’installation terminée, retournez dans Sider Code et commencez à personnaliser vos pages web.
WechatIMG1819.jpg


Comment utiliser Sider Code

Étape 1 : Ouvrir Sider Code

Ouvrez la page web que vous souhaitez personnaliser, puis cliquez sur l’icône Code dans la barre latérale Sider.

Étape 2 : Indiquez à l’IA ce que vous voulez modifier

Décrivez votre demande en langage clair.
Par exemple :
  • « Supprime les publications sponsorisées de cette page »
  • « Ajoute une table des matières flottante »
  • « Affiche les notes des produits à côté de chaque article »
Vous pouvez aussi cliquer sur une invite suggérée, comme Supprimer les pubs, Passer en mode sombre, Extraire toutes les images, ou Défilement automatique de la page.
WechatIMG1832.jpg


Étape 3 : Vérifiez et ajustez

Sider Code appliquera les changements à la page web actuelle. Si le résultat ne correspond pas exactement à ce que vous souhaitez, vous pouvez envoyer un complément de directive. Par exemple :
  • « Réduis la taille de la police. »
  • « Garde la section des commentaires. »
  • « Ne supprime que la barre latérale droite. »
  • « Ajoute plus d’espacement. »
Si une zone spécifique ne vous convient pas, vous pouvez aussi faire une capture d’écran de la zone à modifier et demander à l’IA ce qu’elle doit changer.
Par exemple :
  • « Supprime cette section. »
  • « Réduis la taille de ce bouton. »
  • « Monte ce bloc plus haut. »
  • « Cette zone est trop dense. Rends-la plus épurée. »
WechatIMG1829.jpg

Les captures d’écran aident l’IA à comprendre l’emplacement exact et à effectuer des modifications plus précises. Pour des changements complexes, plusieurs compléments de directive peuvent être nécessaires pour obtenir le meilleur résultat. Après la génération d’un script, rafraîchissez la page pour voir l’effet complet.

Gérez vos personnalisations

Pour garder vos personnalisations organisées, vous pouvez :
  • Commencer une nouvelle session pour chaque personnalisation Utilisez une nouvelle session lorsque vous créez un script différent, surtout pour des sites différents ou différentes versions d’un même site.
  • Consulter les scripts sauvegardés dans Mes Scripts Ouvrez le panneau Mes Scripts pour voir toutes vos personnalisations enregistrées.
WechatIMG1830.jpg

  • Activer ou désactiver les scripts à tout moment Lorsqu’un script est activé, la personnalisation s’applique automatiquement à chaque visite du même site. Vous pouvez le désactiver quand vous le souhaitez depuis Mes Scripts.
WechatIMG1833.jpg


Soyez précis dans vos instructions

Plus votre demande est claire, meilleur sera le résultat.
Au lieu de : « Améliore ça » Essayez : « Cache la barre latérale droite et rends le contenu de l’article en pleine largeur. »
Au lieu de : « Change le design » Essayez : « Rends la page plus épurée, augmente la taille de la police et réduis l’espacement entre les cartes. »

FAQ

Mes modifications persistent-elles après un rafraîchissement de la page ? Oui. Tant que le script est activé, les personnalisations sauvegardées continueront de s’appliquer lors de vos prochaines visites sur le même site.
Puis-je désactiver une personnalisation ? Oui. Ouvrez le panneau Mes Scripts et basculez l’activation du script.
Que faire si le résultat n’est pas parfait ? Envoyez un complément de directive en décrivant les modifications souhaitées. Vous pouvez aussi faire une capture d’écran pour indiquer précisément la zone à améliorer.
Puis-je utiliser Sider Code sur n’importe quel site web ? Sider Code est conçu pour fonctionner sur de nombreux sites. Certains sites peuvent avoir des restrictions particulières ou des mises en page complexes, donc certaines modifications peuvent nécessiter plusieurs compléments de directive.
Comment les crédits sont-ils facturés pour Sider Code ? Les crédits sont facturés dynamiquement selon la complexité de la tâche. Si Sider Code a déjà généré un script, vous ne serez pas facturé de nouveau pour ce script lors de vos prochaines visites sur le même site. En revanche, si vous ajoutez une fonctionnalité IA, des crédits peuvent être consommés à chaque exécution de cette fonctionnalité. Par exemple, si vous ajoutez un bouton « réfuter » sous chaque réponse ChatGPT, des crédits seront facturés à chaque clic pour générer une réfutation. Qui peut utiliser Sider Code ?
Sider Code est disponible dans les nouveaux plans payants : Lite, Plus et Max.
Les utilisateurs gratuits et ceux sur d’anciens plans payants, tels que Basic, Professional, Unlimited ou Ultra, doivent passer à un des nouveaux plans payants pour utiliser Sider Code.
Puis-je utiliser Sider Code en mode plein écran ?
Non. Sider Code fonctionne actuellement uniquement dans la barre latérale Sider.
Comme Sider Code doit opérer sur l’onglet de navigateur en cours, il n’est pas disponible en mode plein écran.