Insérer du code HTML ou CSS


Support création de site web >  Construire mon site > Insérer du code HTML ou CSS

Tuto pour savoir comment insérer du code informatique

Temps estimé : 3 à 5 minutes

Informations nécessaires : avoir demandé l'activation du module code de votre site internet sur le live chat

1) Mettre en place une ligne de code informatique dans l'éditeur de site

  • Cliquez sur module à droite de votre page,
  • Faites glisser le module code dans la page ou dans le haut/bas de page, à l'endroit souhaité,
  • Copiez collez le code qui correspond à ce dont vous avez besoin en terme de fonctionnalité ou d'effet.

L'éditeur de site Orson accède le HTML, le CSS ou les programmes en Java script. ces programmes sont de la responsabilité de leur utilisateur et ne doivent pas venir en contradiction avec des lignes de code utilisées pour les programmes de Orson. Si tel devait etre le cas, ce sont les programmes de l'éditeur Orson qui primeraient.

2) Créer une landing page

  • Cliquez sur la vignette de la page concernée,
  • Cliquez sur "...",
  • Cliquez sur Référencement (SEO)
  • Collez cette ligne de code dans la zone " code HTML/JS/CSS à afficher en bas de page"

<script>$(document).ready(function() {
$('header').remove();
$('footer').remove();
});</script>

Une landing page est une page isolée du reste du site dont un visiteur ne peut sortir qu'en faisant ce que vous avez décidé pour lui. Il n'y a donc ni haut ni bas de page sur une landing page et c'est ce que cette ligne de code permet de faire.

3) Rendre cliquable un numéro de téléphone

  • Insérez le module code dans le bloc concerné ou se trouve le numéro de téléphone que vous voulez rendre cliquable,
  • Collez cette ligne de code: 

<div id="header-phone"><a href= "tel:+0102030405"> 01 02 03 04 05</a></div>

Pour le centrer ou le mettre en taille plus importante vous pouvez utiliser le code ci dessous

  • center : le tel sera centré - right il sera à droite - left à gauche
  • H5 : est plus petit que H4 ou H3 ..

<div id="header-phone" class="text-center"><h5><a href= "tel:+0256546920"> 02 56 54 69 20</a></h5></div>


Il vous faut bien sur personnaliser votre propre numéro de téléphone

  • Cliquez sur "Ok" et,
  • Publiez.

4) Rendre cliquable un mail pour ouvrir un éditeur d'email

  • Insérez le module code dans le bloc concerné ou se trouve l'adresse mail que vous voulez rendre cliquable,
  • Collez cette ligne de code: 

<a href="mailto:votre adresse mail">votre adresse mail ou Contacter ou ce que vous voulez </a>

Il vous faut bien sur personnaliser votre propre adresse mail

  • Cliquez sur "Ok" et,
  • Publiez.

5) Connecter un gestionnaire d'email

  • Ouvrez un compte auprès du partenaire de gestion d'email ( Zoho - Gmail - autre),

Afin de vérifier que vous êtes propriétaire du nom de domaine il vont vous demander de mettre un code dans l'environnement Orson.

  • Sélectionnez le DNS Manager pour cela cochez "Tukows" ou "Open SRS",
  • Choisissez la méthode "TXT",
  • Le prestataire va vous indiquer une "valeur" et une notion de "destination". Cette valeur à cette forme

Zoho : zoho-verification=zbunnombre.zmverify.zoho.com
Google : google-site-verification=une séquencealphanumérique

  • Communiquez nous cette valeur par le live chat
  • C'est à nous d'intervenir. Il faut compter 12H minimum pour que le scellement soit finalisé

6) Cas spécifique centrer un texte sur un menu

1.Insérer un code dans le haut de page 

<div id=mailcontact><a href=“mailto:contact@toto.com”>contact@toto.com</a>

2.Insérer un code bas de page

@media (max-width: 767px){

 #mailcontact{

  text-align: center;

 }

}

</style>

Contactez nous sur le live chat ou par téléphone pour plus d'explications,

nos équipes feront le maximum pour se rendre disponibles.

Articles liés : plus de conseils pour créer un site internet efficace

Design de mon site internet

Comment modifier le design de mon site internet sur le logiciel Orson.io? Découvrez les étapes pas à pas en tutoriel pour créer un site internet beau et design.

Menu de navigation de mon site internet

Comment créer et modifier le menu de votre site internet ? Toutes les étapes pour créer un menu ergonomique pour permettre à vos visiteurs de naviguer dans votre site. 

Intégrer des images à mon site

Comment intégrer des images sur votre site internet ? Vous allez pouvoir glisser et déposer vos images depuis votre ordinateur et trouver d'autres images gratuites à partir des banques d'images libres de droit.