How to edit images in the sign-up form editor
You will learn
Learn how to crop images, change their display size, and use Remix to edit images with AI in your sign-up forms.
When you add an image block to a form, you can use these tools to apply simple edits to the image. If you need to make more complex changes, consider using a specialized image editing tool like Canva.
Crop an image in a sign-up form
Cropping a GIF saves a still PNG image. To keep its animation, use the GIF without cropping. If Show social media label is on, turn it off before cropping.
For an existing image, follow step 1 below to open the form, select its Image block in the preview, then continue from Crop in step 5.
To add and crop an image block in a form:
- Navigate to Sign-up forms. Open the 3-dot actions menu for the form you want to update and select Edit.
- Click Add content in the sidebar to open the Add blocks panel.
- Drag and drop an Image block into the preview.
- Click Select image and choose an image from your image library, or upload a new image.
- Click Crop in the image settings. If it is not visible, open the 3-dot actions menu and select Crop.
- Choose a crop shape or aspect ratio, such as Circle or 1:1. Drag the crop area to position it and drag its edges to resize it, or enter Width and Height values in pixels.
A Circle crop is saved as a PNG with transparent areas outside the circle.
- Once you're satisfied with your edits, click Save to see the new image in your form preview.
Click Save to keep your crop. Click Cancel to discard your crop changes.
Saving a changed crop creates a new image in your image library. To adjust a saved crop, select the same image block and click Crop again. To return to the uncropped image, click Replace and choose the original image from your image library.
Change an image’s display size
Select the image block in your form preview. In its settings, enter a Width in pixels to change how large the image appears in the form.
Edit an image with Remix
Use Remix to describe changes you want AI to make to an image, such as changing its background or colors. Start with an image already added to your form. Remix is unavailable for GIFs. If you select an image from the Social Content Library, its Remix control is disabled.
- Select the image block in the preview, then click the sparkle icon in the image settings. Its tooltip is Remix with AI.
- Enter a description of the change you want, such as “Replace the background with a white wall.” Click the arrow button to submit your request.
- Review the generated image. To refine it, edit your description and submit another request. When you are satisfied, click Confirm to save the selected result to your image library and use it in your form.
Review and publish your form
Review Alt text in the image block’s settings and enter a brief description of the image. Alt text helps visitors using screen readers understand it. Learn more about creating accessible sign-up forms.
Saving a crop or confirming a Remix updates the form you are editing. To show the changes on your site:
- Review the image in your form preview and resolve any blocking form alerts.
- Click Publish or schedule and select Publish now.
- Click Publish now to publish your changes.
Additional resources
- 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.