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.
