✅ Crear el proyecto: Comprobado
✅ Crear las diferentes pantallas y enumerarlas: Comprobado
¡Ahora es el momento de ocuparse del diseño del widget!
Abre la puerta de la personalización, entra en el spa de belleza de las cookies y haz que tu widget sea tan hermoso como tu sitio 💋💄
Para acceder a la configuración de personalización gráfica del widget, hay 2 soluciones:
👉 a través del engranaje ⚙️, luego en el menú "Colores y Guía de Estilo"
👉 a través de la pestaña "Personalizar la apariencia del widget"
1. POSICIÓN DEL WIDGET & SUPERPOSICIÓN
La primera sección de la interfaz de personalización del widget es la sección de Estilo del Botón.
Bajo esta sección, tienes diferentes configuraciones que te permiten gestionar :
|
La posición del widget en tu sitio y el botón |
|
|
El desplazamiento de tu página web en dispositivos móviles |
|
|
Para saber más al respecto, es 👉 aquí 👈 |
2. COLORES 🦄, GRÁFICOS 🎨, FUENTE 👮
La segunda sección de la interfaz de configuración de tu widget es la sección de Colores.
Bajo esta sección, puedes gestionar todo el diseño de colores de tu widget según 4 tipos definidos: mancha de pintura, color base, botones y superposición.
Como recordatorio, la superposición es la sombra detrás de la pared de consentimiento 😉.
Las diversas secciones te permiten cambiar el color de cada elemento haciendo clic en el pequeño cuadrado frente a él.
Gracias a las cartas de colores, puedes elegir con precisión el color que deseas para cada elemento representado.
💡 ¡Recuerda validar la carta de colores cuando cambies el color del elemento elegido!
Es mágico 🪄 puedes ver tus cambios en tiempo real gracias a la representación de tu widget Axeptio en el lado izquierdo de la interfaz de configuración :
https://www.loom.com/share/9b9fb9124d464f9aa1d6afffa64356fa
3. BORDES DEL WIDGET, TAMAÑO DE FUENTE, SOMBRA DEL CUADRO
La tercera sección para personalizar tu widget es la sección de Estilo del Widget.
Sus diferentes secciones te permiten cambiar los bordes del widget, sus botones y establecer el tamaño de fuente.
¡De regalo! Aquí también puedes jugar con la sombra del cuadro de tu widget 👻
¡Da rienda suelta a tus deseos!
Enfoque en la sombra del cuadro:
La sombra del cuadro es la que se encuentra detrás de tu widget de cookies cuando se muestra.
Puedes elegir mantener la predeterminada o no usarla en absoluto:
¡O aún mejor! ¡Puedes elegir personalizarla! Es decir, puedes definir tú mismo su tamaño y color 🎨
Para hacerlo, simplemente selecciona "Sombra personalizada CSS" y completa el cuadro CSS que aparece.
El tamaño de la sombra se define en píxeles y el color se gestiona entre los corchetes rgba.
4. ELECCIÓN DE LA TIPOGRAFÍA
La cuarta y última se
✅ Crear el proyecto: Comprobado
✅ Crear las diferentes pantallas y enumerarlas: Comprobado
¡Ahora es el momento de ocuparse del diseño del widget!
Abre la puerta de la personalización, entra en el spa de belleza de las cookies y haz que tu widget sea tan hermoso como tu sitio 💋💄
Para acceder a la configuración de personalización gráfica del widget, hay 2 soluciones:
👉 a través del engranaje ⚙️, luego en el menú "Colores y Guía de Estilo"
👉 a través de la pestaña "Personalizar la apariencia del widget"
1. POSICIÓN DEL WIDGET & SUPERPOSICIÓN
La primera sección de la interfaz de personalización del widget es la sección de Estilo del Botón.
Bajo esta sección, tienes diferentes configuraciones que te permiten gestionar :
|
La posición del widget en tu sitio y el botón |
|
|
El desplazamiento de tu página web en dispositivos móviles |
|
|
Para saber más al respecto, es 👉 aquí 👈 |
2. COLORES 🦄, GRÁFICOS 🎨, FUENTE 👮
La segunda sección de la interfaz de configuración de tu widget es la sección de Colores.
Bajo esta sección, puedes gestionar todo el diseño de colores de tu widget según 4 tipos definidos: mancha de pintura, color base, botones y superposición.
Como recordatorio, la superposición es la sombra detrás de la pared de consentimiento 😉.
Las diversas secciones te permiten cambiar el color de cada elemento haciendo clic en el pequeño cuadrado frente a él.
Gracias a las cartas de colores, puedes elegir con precisión el color que deseas para cada elemento representado.
💡 ¡Recuerda validar la carta de colores cuando cambies el color del elemento elegido!
Es mágico 🪄 puedes ver tus cambios en tiempo real gracias a la representación de tu widget Axeptio en el lado izquierdo de la interfaz de configuración :
https://www.loom.com/share/9b9fb9124d464f9aa1d6afffa64356fa
3. BORDES DEL WIDGET, TAMAÑO DE FUENTE, SOMBRA DEL CUADRO
La tercera sección para personalizar tu widget es la sección de Estilo del Widget.
Sus diferentes secciones te permiten cambiar los bordes del widget, sus botones y establecer el tamaño de fuente.
¡De regalo! Aquí también puedes jugar con la sombra del cuadro de tu widget 👻
¡Da rienda suelta a tus deseos!
Enfoque en la sombra del cuadro:
La sombra del cuadro es la que se encuentra detrás de tu widget de cookies cuando se muestra.
Puedes elegir mantener la predeterminada o no usarla en absoluto:
¡O aún mejor! ¡Puedes elegir personalizarla! Es decir, puedes definir tú mismo su tamaño y color 🎨
Para hacerlo, simplemente selecciona "Sombra personalizada CSS" y completa el cuadro CSS que aparece.
El tamaño de la sombra se define en píxeles y el color se gestiona entre los corchetes rgba.
4. ELECCIÓN DE LA TIPOGRAFÍA
La cuarta y última sección (uf 😰) de la interfaz de personalización de tu widget es la sección de Tipografía.
¡Te permite seleccionar la tipografía de tu elección! Y sí, ¡eso es todo!
Si no quieres ocuparte de estos detalles, déjanoslo a nosotros, nos encargaremos de todo 💆
Todo lo que tienes que hacer es marcar las casillas "Cargar fuente" y nos encargaremos de identificar la fuente que ya está en tu sitio y ponerla en tu widget (siempre que sea libre de derechos, por supuesto 😉 ).
¡Y eso es todo! 🎉 ¡Ahora sabes todo para hacer que tu widget sea el más hermoso!
Lo único que queda por hacer es publicarlo 💪 Pero antes de eso, ven y echa un vistazo rápido a las otras características de tu panel de control 👉 🎁