/
Click-&-copy

Copie vers le presse papier au clic pour Webflow

Un script léger pour copier du texte vers le presse papier en un clic avec un retour visuel personnalisable. Ce script utilise des customs attributes et tourne sur cette page, voir section suivante.

Installation :
≃ 10 minutes
Poids :
1 ko
représentation visuelle du script copy to clipboard au clic de Nicolas Leitao
Installation :
1

Ajoutez ce script dans le before </body> de votre page

<!--{ NL-click-&-copy }-->
<script src="https://cdn.jsdelivr.net/gh/nicolas-leitao/webflow-scripts/nl-click-copy.js" defer></script>
Copier
2a

Configuration au clic sur un bouton

Ce scénario copie le texte d'un text block au clic sur un bouton. C'est la configuration du bouton "copier" juste au dessus. 
Pour cela, Il y a 2 éléments à configurer :

Configuration du bouton

Configuration du texte à copier

2b

Copie au clic sur le texte

Dans ce scénario, le script copie le texte quand on clic dessus (c'est la configuration actuelle des attributs de cette page). Pour faire savoir à votre visiteur que le texte à bien été copié, il va falloir créer une div qui s'affichera uniquement après le clic.

Créez une div qui affichera "copié" après le clic

Configurez le texte à copier.

4

C'est fini 😌

pictogramme cookies site web
Nous sommes les cookies
J'utilise des cookies pour améliorer votre expérience sur mon site ainsi qu'à des fins de statistiques et de mesure d'audience. En utilisant mon site, vous acceptez les cookies.
Préférences des cookies
La confidentialité est importante pour moi, vous avez donc la possibilité de désactiver certains types de cookies qui peuvent ne pas être nécessaires au fonctionnement de base du site Web. Le blocage des catégories peut avoir un impact sur votre expérience sur le site Web. Plus d'informations
Nécessaires
Ces cookies sont indispensables pour naviguer sur le site et ne peuvent pas être désactivés.
Toujours actifs
Préférences
Ces éléments permettent au site Web de mémoriser les choix que vous faites (tels que votre nom d'utilisateur, votre langue ou la région dans laquelle vous vous trouvez) et offrent des fonctionnalités améliorées et plus personnelles.
Statistiques
Ces éléments m'aide à comprendre comment mon site Web fonctionne, comment les visiteurs interagissent avec, et s'il peut y avoir des problèmes techniques.
Marketing
Ces éléments sont utilisés pour diffuser des publicités plus pertinentes pour vous et vos intérêts.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.