Coder CTA en html

Fermé

ebrst - 11 mars 2022 à 17:07
jordane45 Messages postés 38350 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 26 décembre 2024 - 14 mars 2022 à 22:19

Bonjour,
J'ai codé un bouton call to action cette semaine et j'aimerais ajouter quelque chose. Je vous explique. En journée, j'aimerais le laissé tel quel (il redirige vers le numéro de l'entreprise). cependant, j'aimerais qu'entre 19h30 et 8H, le bouton se modifie avec un autre message et il redirigerait vers un lien du site. C'est possible ?
voici mon code actuel (j'ai délibérément retirer le numéro de tph)

<div style="display: flex; justify-content: center;"><a href="0100000000" style="display: block; height: 100px; width: 500px; background: #ff6e36; color: #ffffff; text-align: center; font-weight: bold; font-size: 300%; line-height: 100px; font-family: Arial; border-radius: 20px; text-decoration: none;">Appelez nous !</a></div>

<hr style="margin-top: 55px; margin-bottom: 55px; text-align: center; width: 700px;" />

A voir également:

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38350 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 26 décembre 2024 4 719
11 mars 2022 à 18:48

Bonjour,

En html seul ... non ...
le html n'est pas un langage de programmation...

Pour cela il va falloir y ajouter un langage de programmation tel que du javascript par exemple.

Pierrecastor Messages postés 41473 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 30 mai 2024 4 144
Modifié le 14 mars 2022 à 23:54

Salut,

Effectivement, je pense que quelques lignes de javascript peuvent répondre à la problématique.

Je n'ai pas testé, mais ce genre de code devrait donner une bonne base : https://stackoverflow.com/questions/13823856/javascript-check-time-and-display-message/13823986#13823986

Juste une petite remarque en passant, il est généralement conseillé de gérer tout ce qui est apparence dans un fichier CSS séparé plutôt que directement dans les balises.

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525 > Pierrecastor Messages postés 41473 Date d'inscription mercredi 5 novembre 2003 Statut Modérateur Dernière intervention 30 mai 2024
14 mars 2022 à 21:28

Il ne faut pas oublier que le temps est relatif ;)

Avec ce code on va récupérer l'heure du navigateur.
A priori le but de la demande est d'afficher le numéro uniquement aux heures d'ouvertures du bureau. Il faudrait donc prendre en compte le fuseau horaire car si on consulte le site depuis un autre pays/un autre fuseau, le numéro va s'afficher en dehors des horaires d'ouvertures.

Au final il serait p-e plus pratique d'afficher le numéro à tout moment et d'afficher simplement les horaires en dessous (avec éventuellement un lien vers un formulaire de contact).
Ne pas afficher le numéro n’empêchera pas ceux qui l'ont déjà ou qui le récupère autrement d'appeler en dehors des horaires.
Ceux qui respectent les horaires pourront au moins noter le numéro pour appeler le lendemain (plutôt que ne pas appeler du tout, ce qui le but inverse d'un clic to action).

jordane45 Messages postés 38350 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 26 décembre 2024 4 719 > Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022
14 mars 2022 à 22:19

Heureusement, en javascript, il est plutôt facile de calculer les heures en fonction des différents fuseaux horaires...
On peut même utiliser les heures UTC ...

Discussions similaires

la balise <br> ou <br />

Saut de lignes sans <br/>

Balise </br>

Que veut dire <p> </p>?