Vous pouvez modifier certains affichages sur les opérations marketing grâce au JavaScript. Pour cela, il faut aller dans la modification des designs.Vous pouvez y accéder dans Paramétrage > Design du module > JavaScript personnalisé
| Info | ||
|---|---|---|
| ||
|
Dans Paramétrage > Design du module, vous pouvez complètement modifier l'apparence et les actions de votre design du module grâce au JavaScript personnalisé.
Voici quelques exemples de codes JavaScript les plus utilisés par nos clients.
Supprimer le placeholder de la connexion par email
| Code Block | ||||
|---|---|---|---|---|
| ||||
$(document).ready(function () {
if ($('.step-sbauth').length > 0) {
$('.input-email[name="newsubs"]').attr('placeholder', '');
}
}); |
Personnaliser le titre de l'onglet du navigateur
| Code Block | ||||
|---|---|---|---|---|
| ||||
document.title = 'Le titre du module'; |
Ajouter un contrôle d'âge
| Code Block | ||||
|---|---|---|---|---|
| ||||
$(function() { if($("#popup").hasClass("step-auth") ) { $(".right-side").css("display","none"); $("#popup").append("<div id=\"modal-age-verification\" class=\"modal-consent hide\" style=\"display:none;\"><div class=\"modal-body\" style=\"text-align:center;\"><div style=\"font-size: 1.17em;line-height: 22px;\">Pour continuer, vous devez être âgé de 18 ans ou plus. <br /> Veuillez confirmer votre âge.</div><div style=\"text-align: center;padding: 20px 15px 0 15px;display: flex;justify-content: space-evenly;\"><button class=\"btn btn-large btn-modal btn-no\" type=\"button\" >J'ai moins de 18 ans</button><button class=\"btn btn-large btn-modal btn-yes\" type=\"button\">J'ai 18 ans ou plus</button></div></div><div class=\"modal-footer\"></div></div>"); // Instantiate new modal var modal = new Custombox.modal({ content: { effect: 'fadein', target: '#modal-age-verification', container: "#popup", close: false }, overlay: { close: false } }); // Open modal.open(); $(".btn-yes").live ('click', function() { Custombox.modal.close(); $(".right-side").css("display","table-cell"); }); $( ".btn-no" ).live("click", function() { Custombox.modal.close(); }); } }); |
Remontées d'informations sur Facebook, Google Analytics...
Si vous souhaitez n' obtenir des informations que supplémentaires sur certains modules, vous pouvez exécuter des pixels de tracking en choisissant les modules concernésscripts sur la page de confirmation du module par exemple.
Pour cela, intégrez le tag code de votre outil dans le design de votre module, section JavaScript personnalisé en utilisant le code ci-dessous :
| Code Block | ||||
|---|---|---|---|---|
| ||||
$( document ).ready(function() { if ($("body[data-step='step-thanks']").length > 0){ // Code à exécuter } ); |
Consulter les autres documentations sur le design du module
Page Tree root Design du module searchBox true