Com Afegir un Pop-up de Cookies a WordPress amb Simple Custom CSS and JS
Si vols afegir un avís de cookies personalitzat al teu lloc web WordPress sense instal·lar plugins addicionals específics per a cookies, pots fer-ho amb el plugin Simple Custom CSS and JS. A continuació, es detalla el procés pas a pas.
1. Instal·lació del Plugin
- Accedeix al panell d’administració de WordPress.
- Ves a Plugins > Afegir nou.
- Busca Simple Custom CSS and JS.
- Instal·la i activa el plugin.
Aquest plugin permet afegir codi personalitzat sense modificar els arxius del tema, fent-lo una opció senzilla i segura.
2. Creació dels Arxius CSS i JS
Per mostrar el pop-up i gestionar la seva funcionalitat, cal afegir dos arxius: un de CSS per als estils i un altre de JavaScript per al comportament.
Arxiu CSS (Estil del Pop-up)
- Ves a Custom CSS & JS > Add CSS Code.
- Introdueix el codi CSS que donarà estil al pop-up.
- Desa i activa l’arxiu.
Aquest arxiu defineix:
- La posició fixa del pop-up a la part inferior.
- Els colors, tipografies i transicions.
- L’animació d’entrada i sortida del pop-up.
Arxiu JavaScript (Funcionalitat del Pop-up)
- Ves a Custom CSS & JS > Add JS Code.
- Afegeix el codi JavaScript que crearà i controlarà el pop-up.
- Desa i activa l’arxiu.
Aquest script s’encarrega de:
- Comprovar si l’usuari ja ha acceptat o rebutjat les cookies.
- Generar automàticament el pop-up quan es carrega la pàgina.
- Guardar la decisió de l’usuari a localStorage perquè el missatge no torni a aparèixer.
Confirmació de que funciona correctament:
