Est-il possible d'insérer un code HTML, CSS ou JS ?

Dans cet article, nous allons voir comment insérer un code HTML, CSS et JS sur des pages créées à partir de systeme.io.

Ce dont vous aurez besoin :

un compte systeme.io
un code HTML, CSS ou JS

Pourquoi ajouter du code personnalisé à vos pages ?

En ajoutant du code HTML à votre page, il est possible d'ajouter un style personnalisé, une fonctionnalité et une structure aux contenus des images, du texte, des liens, etc...

Par exemple :

Pour personnaliser le style, vous pouvez ajouter du code CSS.
Pour ajouter des animations sur une page ou des éléments individuels (par exemple lors du survol ou du clic sur un bouton), ajoutez du code JS.
Pour ajouter des titres ou du texte en général, créer des tableaux, des parties et des divisions sur votre page, ajoutez du code HTML.

Notes importantes :

Lors de l'ajout de code personnalisé dans les sections de code header, footer, tracking ou code html, ne pas inclure les balises suivantes :

<head> </head>
<footer> </footer>
<html> </html>
<body> </body>

Lors de l'ajout d'une vidéo en utilisant iframe, aucun tag supplémentaire n'est requis.

Incorrect :

<div> 
    <iframe src="link to your video"></iframe>
</div>

Correct :

<iframe src="link to your video"></iframe>

Il existe trois (3) méthodes pour intégrer différents codes sur vos Pages.

1. L'ajout des codes dans la partie "Codes de tracking" :

Pour intégrer vos codes de tracking, il faut vous rendre sur le tunnel de vente contenant la page sur laquelle vous souhaitez mettre en place le code.

Ensuite, il faut accéder à l'éditeur de cette page, puis accéder aux "Paramètres" depuis le volet gauche.

Faites descendre votre page, jusqu'à la section "Codes de tracking".

1.1 Les codes à insérer dans la partie code d'en-tête :

Toute partie introductive d'un code doit être mise dans la partie dite <head>. De ce fait, tout code qui vous ait demandé à mettre dans la partie " Header" est à inclure dans la section du code d'en-tête de votre éditeur sur systeme.io.

1.2 Les codes à insérer dans la partie code de bas de page :

Tout code destiné au "Document Object Mode" ou plus conformément dit "Le Modèle Objet de Document" (DOM), sont à insérer dans la partie Code de pied de page.

2. L'ajout d'un code depuis les paramètres des tunnels de vente :

Il y a des codes qu'il faut ajouter sur chacune des pages de votre tunnel de vente, afin d'éviter la contrainte d'avoir à le faire à chaque fois, il vous est possible de l'appliquer directement sur le code de tracking à cet effet, et celui-ci sera automatiquement déployé sur l'ensemble du tunnel de vente.

Pour ce faire, veuillez vous rendre sur votre "Menu" (au-dessous de votre image de profil), puis sur "Paramètres", ensuite sur les "Tunnels de vente", insérez-y le code dans l'emplacement à cette fin.

3. L'ajout d'un élément "Code HTML" sur la page :

Il est également possible d'insérer tout code HTML directement sur une Page créée sur systeme.io via l'éditeur.

Pour cela :

1. Il faudra ajouter l'élément "Code HTML" sur la partie souhaitée de votre page, en le faisant glisser.

2. Ensuite, sélectionnez la petite roulette de l'élément, afin que les paramètres de celui-ci s'affiche (numéro 1 sur l'image)

Sur le volet gauche, la section destinée à l'intégration du code HTML s'affichera, vous devez cliquer sur "Modifier le code" (numéro 2 sur l'image)

Vous devez ensuite ajouter le code HTML (numéro 3 sur l'image), puis "enregistrer" (numéro 4 sur l'image)

Veillez à Enregistrer vos modifications.