Klikgeluid-widget
Geef elke klik op je website een zacht geluid en een ripple, met één regel code. Kies een geluid en een kleur, probeer het in het vak en kopieer dan het fragment naar je pagina.
Alles draait in je browser. Niets van wat je typt, klikt, filmt of zegt wordt geüpload of bewaard.
Zo voeg je het toe
- Kies een geluid, een ripplekleur en een grootte, en klik in het vak om het te proberen.
- Druk op Kopiëren en plak het fragment in je pagina, vlak voor
</body>. - Klaar: elke klik en tik op de pagina speelt het geluid en tekent een ripple.
Goed om te weten
- Het is één klein script, geladen vanaf clacky.app. Geen cookies, geen tracking, er wordt niets verzameld.
- Browsers staan geluid pas toe nadat iemand klikt of tikt, en dat is precies wanneer het speelt.
- Wie “Verminder beweging” aan heeft, krijgt geen ripple, en geluiden spelen standaard zacht.
- In een hoek staat een klein linkje “Clicks by Clacky”. Dat houdt de widget gratis, dus laat het alsjeblieft staan.
Waar het past
Portfolio’s, speelse landingspagina’s, games, kindersites, demo’s. Waarschijnlijk niet de betaalpagina van je bank.
Vragen
Hoe voeg ik klikgeluiden toe aan mijn website?
Kies hier een geluid, kopieer het fragment van één regel en plak het in je pagina vóór </body>. Elke klik speelt dan het geluid en toont een ripple.
Werkt het met Webflow, Framer, WordPress of Squarespace?
Ja, overal waar je eigen code aan de pagina kunt toevoegen: plak het fragment in de instelling voor custom code of footercode van je site.
Volgt de widget mijn bezoekers?
Nee. Hij zet geen cookies en verstuurt nergens iets naartoe. De browsers van je bezoekers downloaden alleen het scriptbestand.
Kan ik de link “Clicks by Clacky” weghalen?
Die link houdt de widget gratis, dus laat hem alsjeblieft staan. Botst hij met je ontwerp, laat het ons weten via hello@clacky.app.
Meer gratis tools
- ToetsenbordtesterDruk op elke toets, zie welke werken.
- MuistestElke knop, het wiel en dubbelklikken.
- CPS-testKlikken per seconde, 1 tot 60 s.
- WebcamtestJe camera, de resolutie en fps.
- MicrofoontestLive niveau, golfvorm, 5 seconden terugluisteren.
- Dode-pixeltestSchermvullende kleuren om slechte pixels te spotten.
- Wat is mijn schermresolutie?Resolutie, Retina-schaal, viewport, Hz.
- Mac-toetsenbordsymbolen⌘ ⌥ ⇧ ⌃: namen, klik om te kopiëren.
- InternetsnelheidstestDownload, upload en ping in Mbps.
- Klikgeluid-generatorHoor 37 klikgeluiden, download een WAV.
- Klik-ripple-makerScreenshot erin, klik-GIF of video eruit.
- ScreenshotframeMac-venster-, MacBook- of iPhone-frames voor screenshots.
- Typtest