Comment insérer du code HTML sur SiteBuilder Pro ?

Procédure

Pourquoi insérer du code HTML sur SiteBuilder Pro ?

Bien que SiteBuilder Pro dispose de nombreux outils permettant la création de votre site, il peut être nécessaire d'utiliser un système externe tel qu'un système de newsletter ou un agenda permettant à vos visiteurs de prendre rendez-vous.

De ce fait, il est donc possible de créer et mettre en place sur SiteBuilder Pro, un script HTML. 

Comment insérer du code HTML sur SiteBuilder Pro ?

1. Connectez-vous à votre interface SiteBuilder Pro

2. Cliquez ensuite sur l'icône "Avancé" se trouvant dans la barre d'outils de SiteBuilder Pro

Comment insérer du code HTML sur SiteBuilder Pro ?

3. Cliquez sur l'outil "Custom HTML" se trouvant sur la nouvelle fenêtre.

Comment insérer du code HTML sur SiteBuilder Pro ?

4. Dans la rubrique "Page Structure" se trouvant coté droit de votre interface SiteBuilder, recherchez "CustomHtml" et cliquez dessus pour sélectionner l'élément.

Comment insérer du code HTML sur SiteBuilder Pro ?

5. Allez dans la rubrique "Général" et cliquez sur le stylet se trouvant derrière "Code HTML" afin d'insérer votre code. 

Comment insérer du code HTML sur SiteBuilder Pro ?

6. Insérez votre code HTML et cliquez sur "Appliquer" afin de sauvegarder ce dernier. 

Comment insérer du code HTML sur SiteBuilder Pro ?

 Script HTML pour SiteBuilder Pro

Chaque script doit être placé entre des balises <script language="javascript"> et </script>

Interdire le clic droit avec la souris :

 {
return false } function reEnable() { return true }  //if IE4+
document.onselectstart=new Function ("return false")
document.oncontextmenu=new Function ("return false")  //if NS6 if
(windows.sidebar){ document.onmousedown=disableselect
document.onclick=reEnable } 

Insérer un compte à rebours :

 


datedujour = new Date(); 
hdj=datedujour.getHours(); 
mdj=datedujour.getMinutes(); 
sdj=datedujour.getSeconds(); 
date_even = new Date(2020, 3, 25, hdj, mdj, sdj); //janvier = 0 -> Décembre = 11 
date1=datedujour.getTime(); date2=date_even.getTime(); 
nbrej= date2-date1; 
nbrej= Math.round(Math.round(nbrej)/1000)/60/60/24); 
document.write(Il reste "+nbrej+" jours avant le 25 Avril 2020");  

 

Insérer la date et l'heure sur votre page : 


date_du_jour = new Date();
heure_gmt = date_du_jour.toGMTString();
document.write("div align='center'><font size='+1'><b>");
document.write(heure_gmt);
document.write("</b></font></div>");

 

Cacher votre adresse email pour empêcher les robots Spammeurs :


var monmail="<a href=mailto:";
monmail +="monmail@";
monmail +="domaine.com?subject=sujet&nbsp;du&nbsp;mail>";
document.write(monmail+"Ecrivez-moi</a>");

 

Protéger une page par le biais d'un mot de passe (le code HTML doit être inséré sur la page à protéger) :


code = prompt('Entrez le mot de passe. Vous avez 1 seul essai','Entrez le mot de passe ici');
if (code != "votre mot de passe") // Remplacez votremotdepasse par le mot de passe.
{
location.href="mauvaiscode.html";  //Page de redirection si le mot de passe est faux
}

 

Conclusion

Vous savez maintenant comment :

  • Intégrer un script HTML sur SiteBuilder Pro pour enrichir votre site avec des fonctionnalités avancées.
  • Vous connecter à votre interface et naviguer dans les options avancées pour l'insertion de code.
  • Utiliser l'outil "Custom HTML" pour placer votre code sur la page.
  • Protéger votre contenu avec un mot de passe ou cacher votre adresse email des robots spammeurs.
  • Ajouter des scripts utiles comme un compte à rebours, l'affichage de la date et de l'heure, ou encore interdire le clic droit sur votre site.

En suivant ces étapes, vous pouvez personnaliser votre site de manière significative et offrir une expérience utilisateur améliorée. 🌟 Que ce soit pour ajouter des éléments interactifs ou sécuriser vos informations, l'intégration de code HTML ouvre un monde de possibilités. 🚀

Nous espérons que cet article vous a été utile et nous vous remercions pour votre lecture. Si vous avez des questions, des suggestions ou si vous souhaitez partager votre expérience avec l'insertion de code HTML sur SiteBuilder Pro, n'hésitez pas à laisser un commentaire ci-dessous. Votre retour est précieux pour nous et pour la communauté des utilisateurs de SiteBuilder Pro ! 💬👍

Notez cet article


Vous avez noté 0 étoile(s)

Cet article vous a-t-il été utile ?

Merci !

N'hésitez pas à commenter nos pages afin de nous aider à les améliorer si besoin.

Vous souhaitez nous laisser un commentaire concernant cet article ?

Si cela concerne une erreur dans la documentation ou un manque d'informations, n'hésitez pas à nous en faire part depuis le formulaire.






Pour toutes questions non liées à cette documentation ou problèmes techniques sur l'un de vos services, cliquez ici si vous souhaitez contacter le support commercial ou le support technique