Cómo editar imágenes en el editor de formularios de registro
Qué aprenderás
Descubre cómo usar las herramientas integradas de edición de imágenes de Klaviyo (p. ej., cambiar el tamaño, recortar, transformar, etc.) al diseñar tu formulario de registro.
Cuando añades un bloque de imagen a un formulario, puedes usar estas herramientas para aplicar ediciones sencillas a la imagen. Si necesitas hacer cambios más complejos, considera usar una herramienta de edición de imágenes especializada como Canva.
Editar una imagen en Klaviyo
Klaviyo tiene un editor de imágenes integrado en el editor de formularios de registro. Para añadir y editar una imagen en un formulario:
- Ve a Añadir bloques.
- Arrastra y suelta el bloque Imagen en la vista previa.
- Añade o sube la imagen que hayas elegido.
- Haz clic en Editar para acceder a las herramientas de edición de imágenes.
- Utiliza cualquiera de las herramientas de la barra de menú para editar la imagen (por ejemplo, Recortar o Texto) y luego selecciona Aplicar. Tendrás que hacer clic en Aplicar después de cada edición que realices con una herramienta para ver que se reflejan los cambios.
Ten en cuenta que el fondo del lienzo predeterminado es negro, por lo que cualquier área sin rellenar (por ejemplo, detrás de esquinas redondeadas o imágenes con fondos transparentes) aparecerá en negro una vez que se guarde la imagen. Para evitarlo, elige un color de fondo diferente, como el blanco, en la misma sesión de edición.
- Cuando estés satisfecho con tus cambios, haz clic en Guardar para ver la nueva imagen en la vista previa del formulario.
Tus ediciones solo se guardarán si haces clic en Aplicar > Guardar. Si no haces clic en Guardar antes de cerrar el editor, tus ediciones no se guardarán.
Además, cada vez que haces clic en Guardar, se crea una nueva imagen. Una vez que guardas una imagen, no podrás hacer cambios en tus ediciones anteriores. Editar una imagen editada previamente te permitirá aplicar ediciones adicionales, pero no eliminar ni cambiar tus ediciones anteriores. Puedes encontrar todas tus imágenes editadas anteriormente en la biblioteca de marca.
Recursos adicionales
- How to add side images in sign-up forms
Learn how to include a high-quality image to the left or right of your sign-up form for a compelling sign-up experience that matches your brand's design.
- How to create ADA-friendly sign-up forms
Learn how to use the accessibility assistant feature in the Form Alerts tab of the sign-up forms editor to avoid some of the most common web content accessibility guidelines (WCAG) compliance issues. Companies striving to make their websites ADA-friendly should reference and follow WCAG standards. The accessibility assistant guides you in creating sign-up forms that are accessible for all of your site visitors.