Cómo editar imágenes en el editor de formularios de registro
Objetivos del artículo
Aprende a usar las herramientas integradas de edición de imágenes de Klaviyo (p. ej., cambiar el tamaño, recortar, transformar, etc.) al diseñar tus formularios de registro.
Cuando agregas 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 especializada de edición de imágenes como Canva.
Editar una imagen en Klaviyo
Klaviyo incluye un editor de imágenes integrado en el editor del formulario de registro. Para agregar y editar una imagen en un formulario:
- Ve a Agregar bloques.
- Arrastra y suelta el bloque de Imagen en la vista previa.
- Agrega o sube la imagen elegida.
- Haz clic en Editar para acceder a las herramientas de edición de imágenes.
- Usa cualquiera de las herramientas de la barra de menú para editar tu imagen (p. ej., Recortar o Texto) y luego selecciona Aplicar. Deberás hacer clic en Aplicar después de cada edición que realices con una herramienta para ver los cambios reflejados.
Ten en cuenta que el fondo predeterminado del lienzo es negro, por lo que las áreas sin rellenar (p. ej., detrás de las esquinas redondeadas o de imágenes con fondos transparentes) se verán negras una vez que se guarde la imagen. Para evitarlo, elige un color de fondo diferente, como blanco, en la misma sesión de edición.
- Una vez que estés conforme con las ediciones, haz clic en Guardar para ver la nueva imagen en la vista previa del formulario.
Los cambios solo se guardarán si haces clic en Aplicar > Guardar. Si no haces clic en Guardar antes de cerrar el editor, los cambios no se guardarán.
Además, cada vez que haces clic en Guardar, se crea una nueva imagen. Una vez que guardes una imagen, no podrás hacer cambios en tus ediciones anteriores. Editar una imagen que ya se editó te permitirá aplicar ediciones adicionales, pero no eliminar ni cambiar las ediciones anteriores. Puedes encontrar todas las imágenes que editaste 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.