Learn how to use the new image layout options in GHL Customer Care Forms & Surveys, including focal point selection, corner radius, and slide-level customization.
6 min read1,317 words9 explained imagesUpdated Mon, 10 Aug at 9:59 AM
Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
Create visually engaging Forms and Surveys with flexible image layout options that better match your brand and content. GHL Customer Care now offers additional image placement styles, layout-specific styling controls, focal point selection for fixed images, and slide-level image customization in Surveys. These enhancements give you greater control over image presentation while helping you build polished, professional-looking experiences.
What You'll Learn
This article explains how to customize image layouts in GHL Customer Care Forms & Surveys using new layout options, image styling controls, focal points, and survey slide overrides.
You'll learn how to choose from five layout options, adjust styling and spacing, set focal points for fixed layouts, and customize image layouts at the individual survey slide level.
Image layouts determine how images are displayed alongside your form fields or survey content. Choosing the right layout helps improve visual hierarchy, keeps important content in focus, and creates a more engaging experience for visitors.
With this update, you can choose from multiple image placement styles, adjust spacing and image styling for supported layouts, and customize individual survey slides with their own image layouts.
2Key Benefits of Image Layouts
Image layout options provide greater flexibility when designing Forms and Surveys, making it easier to create experiences that align with your brand and improve usability.
More layout flexibility: Choose from five image placement options to better match your design.
Better image presentation: Keep the most important part of an image visible using Focal Point selection.
Improved visual styling: Adjust image corner radius and spacing for a cleaner, more modern appearance.
Greater survey customization: Apply different images and layouts to individual survey slides.
Professional designs: Build Forms and Surveys that feel more polished and visually balanced.
3Available Image Layout Options
Each layout offers a different way to display images alongside your content. Selecting the appropriate layout helps improve readability while supporting your overall design goals.
Left Center
Displays the image on the left side of the form or survey while keeping it vertically centered next to the content.
Best suited for:
Registration forms
Contact forms
Lead capture forms
Marketing forms
Supports:
Image Corner Radius
Image-Field Spacing
Right Center
Displays the image on the right side of the form or survey while vertically centering it with the content.
Best suited for:
Marketing pages
Appointment forms
Promotional forms
Supports:
Image Corner Radius
Image-Field Spacing
Left Fixed
Displays a fixed image on the left side of the form while the form content appears alongside it.
Best suited for:
Hero images
Large promotional graphics
Lifestyle photography
Supports:
Focal Point selection
Right Fixed
Displays a fixed image on the right side of the form while content remains on the opposite side.
Best suited for:
Promotional campaigns
Event registration pages
Landing pages
Supports:
Focal Point selection
Background
Uses the uploaded image as the background behind the form or survey.
Best suited for:
Landing pages
Promotional campaigns
Branded experiences
4Customize Image Styling
Additional styling controls allow you to refine how images appear within supported layouts, helping create cleaner spacing and a more polished design.
Image Corner Radius
Image Corner Radius lets you round the corners of images used in supported layouts.
Supported layouts:
Left Center
Right Center
Use this setting to:
Match your website branding
Create softer visual designs
Modernize the appearance of images
Image-Field Spacing
Image-Field Spacing controls the distance between the image and the form fields.
Supported layouts:
Left Center
Right Center
Increasing the spacing can:
Improve readability
Reduce visual clutter
Create a more balanced layout
Focal Point
Different screen sizes and aspect ratios may crop portions of fixed images. Focal Point allows you to choose which area of the image remains visible, helping preserve the most important content.
Supported layouts:
Left Fixed
Right Fixed
To adjust the focal point:
Select a Left Fixed or Right Fixed layout.
Click the uploaded image.
Choose the area you want to keep centered.
Save your changes.
5Customize Image Layouts for Individual Survey Slides
By default, every survey slide inherits the main survey image layout. When a specific slide requires a different visual treatment, you can override the default settings and configure its own image and layout.
Note
Slide-level image layout customization is currently available only for Surveys.
You can customize:
Image
Image Layout
Layout behavior
This is useful when:
Different questions require different visuals.
Each slide represents a different topic.
You want to emphasize specific survey sections.
6How to Configure Image Layouts in Forms
Properly configuring image layouts helps ensure your Forms look consistent across devices while making the best use of available design space.
Step 1
Navigate to Sites > Forms.
How to Configure Image Layouts in Forms (image 1 of 9)What this shows Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options…What this showsIllustrates the "How to Configure Image Layouts in Forms" section of "Customize Image Layouts in Forms & Surveys".This screenshot appears in the "How to Configure Image Layouts in Forms" section of "Customize Image Layouts in Forms & Surveys". For context, this section explains: Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options that better match your brand and content. GHL Customer Care now offers additional image placement styles, layout-specific styling controls, focal point selection…. This part of the guide covers 12 fields, listed below.Image 1 of 9
Fields in this part of the guideRegistration formsContact formsLead capture formsMarketing formsImage Corner RadiusImage-Field SpacingMarketing pagesAppointment formsPromotional formsHero imagesLarge promotional graphicsLifestyle photography
Buttons and menus referencedLeft Center or Right CenterLeft Fixed or Right Fixed
All 4 steps in this procedure
Registration forms
Contact forms
Lead capture forms
Marketing forms
Step 2
Create a new form or open an existing one.
Step 3
Open the Styles and Options tab in the right sidebar.
How to Configure Image Layouts in Forms (image 2 of 9)What this shows Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options…What this showsIllustrates the "How to Configure Image Layouts in Forms" section of "Customize Image Layouts in Forms & Surveys".This screenshot appears in the "How to Configure Image Layouts in Forms" section of "Customize Image Layouts in Forms & Surveys". For context, this section explains: Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options that better match your brand and content. GHL Customer Care now offers additional image placement styles, layout-specific styling controls, focal point selection…. This part of the guide covers 12 fields, listed below.Image 2 of 9
Fields in this part of the guideRegistration formsContact formsLead capture formsMarketing formsImage Corner RadiusImage-Field SpacingMarketing pagesAppointment formsPromotional formsHero imagesLarge promotional graphicsLifestyle photography
Buttons and menus referencedLeft Center or Right CenterLeft Fixed or Right Fixed
All 4 steps in this procedure
Registration forms
Contact forms
Lead capture forms
Marketing forms
Step 4
Expand Layout.
Step 5
Enable Show Image.
How to Configure Image Layouts in Forms (image 3 of 9)What this shows Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options…What this showsIllustrates the "How to Configure Image Layouts in Forms" section of "Customize Image Layouts in Forms & Surveys".This screenshot appears in the "How to Configure Image Layouts in Forms" section of "Customize Image Layouts in Forms & Surveys". For context, this section explains: Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options that better match your brand and content. GHL Customer Care now offers additional image placement styles, layout-specific styling controls, focal point selection…. This part of the guide covers 12 fields, listed below.Image 3 of 9
Fields in this part of the guideRegistration formsContact formsLead capture formsMarketing formsImage Corner RadiusImage-Field SpacingMarketing pagesAppointment formsPromotional formsHero imagesLarge promotional graphicsLifestyle photography
Buttons and menus referencedLeft Center or Right CenterLeft Fixed or Right Fixed
All 4 steps in this procedure
Registration forms
Contact forms
Lead capture forms
Marketing forms
Step 6
Upload or select an image.
Step 7
Choose an Image Layout.
How to Configure Image Layouts in Forms (image 4 of 9)What this shows Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options…What this showsIllustrates the "How to Configure Image Layouts in Forms" section of "Customize Image Layouts in Forms & Surveys".This screenshot appears in the "How to Configure Image Layouts in Forms" section of "Customize Image Layouts in Forms & Surveys". For context, this section explains: Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options that better match your brand and content. GHL Customer Care now offers additional image placement styles, layout-specific styling controls, focal point selection…. This part of the guide covers 12 fields, listed below.Image 4 of 9
Fields in this part of the guideRegistration formsContact formsLead capture formsMarketing formsImage Corner RadiusImage-Field SpacingMarketing pagesAppointment formsPromotional formsHero imagesLarge promotional graphicsLifestyle photography
Buttons and menus referencedLeft Center or Right CenterLeft Fixed or Right Fixed
All 4 steps in this procedure
Registration forms
Contact forms
Lead capture forms
Marketing forms
Step 8
Configure the available layout-specific options:
Left Center or Right Center
Image Corner Radius
Image-Field Spacing
Left Fixed or Right Fixed
Focal Point
Step 9
Preview your form.
Step 10
Save your changes.
How to Configure Image Layouts in Forms (image 5 of 9)What this shows Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options…What this showsIllustrates the "How to Configure Image Layouts in Forms" section of "Customize Image Layouts in Forms & Surveys".This animation appears in the "How to Configure Image Layouts in Forms" section of "Customize Image Layouts in Forms & Surveys". For context, this section explains: Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options that better match your brand and content. GHL Customer Care now offers additional image placement styles, layout-specific styling controls, focal point selection…. This part of the guide covers 12 fields, listed below.Image 5 of 9
Fields in this part of the guideRegistration formsContact formsLead capture formsMarketing formsImage Corner RadiusImage-Field SpacingMarketing pagesAppointment formsPromotional formsHero imagesLarge promotional graphicsLifestyle photography
Buttons and menus referencedLeft Center or Right CenterLeft Fixed or Right Fixed
All 4 steps in this procedure
Registration forms
Contact forms
Lead capture forms
Marketing forms
7How to Configure Image Layouts in Surveys
Survey image layouts can be applied globally or customized for individual slides, giving you more flexibility when designing multi-step experiences.
Configure the Survey Image Layout
Step 1
Navigate to Sites > Surveys.
How to Configure Image Layouts in Surveys (image 6 of 9)What this shows Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options…What this showsIllustrates the "How to Configure Image Layouts in Surveys" section of "Customize Image Layouts in Forms & Surveys".This screenshot appears in the "How to Configure Image Layouts in Surveys" section of "Customize Image Layouts in Forms & Surveys". For context, this section explains: Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options that better match your brand and content. GHL Customer Care now offers additional image placement styles, layout-specific styling controls, focal point selection…. This part of the guide covers 12 fields, listed below.Image 6 of 9
Fields in this part of the guideRegistration formsContact formsLead capture formsMarketing formsImage Corner RadiusImage-Field SpacingMarketing pagesAppointment formsPromotional formsHero imagesLarge promotional graphicsLifestyle photography
Buttons and menus referencedLeft Center or Right CenterLeft Fixed or Right Fixed
All 4 steps in this procedure
Registration forms
Contact forms
Lead capture forms
Marketing forms
Step 2
Create or edit a survey.
Step 3
Open the Styles tab.
Step 4
Enable Show Image.
How to Configure Image Layouts in Surveys (image 7 of 9)What this shows Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options…What this showsIllustrates the "How to Configure Image Layouts in Surveys" section of "Customize Image Layouts in Forms & Surveys".This screenshot appears in the "How to Configure Image Layouts in Surveys" section of "Customize Image Layouts in Forms & Surveys". For context, this section explains: Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options that better match your brand and content. GHL Customer Care now offers additional image placement styles, layout-specific styling controls, focal point selection…. This part of the guide covers 12 fields, listed below.Image 7 of 9
Fields in this part of the guideRegistration formsContact formsLead capture formsMarketing formsImage Corner RadiusImage-Field SpacingMarketing pagesAppointment formsPromotional formsHero imagesLarge promotional graphicsLifestyle photography
Buttons and menus referencedLeft Center or Right CenterLeft Fixed or Right Fixed
All 4 steps in this procedure
Registration forms
Contact forms
Lead capture forms
Marketing forms
Step 5
Upload or select an image.
Step 6
Choose an Image Layout.
How to Configure Image Layouts in Surveys (image 8 of 9)What this shows Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options…What this showsIllustrates the "How to Configure Image Layouts in Surveys" section of "Customize Image Layouts in Forms & Surveys".This screenshot appears in the "How to Configure Image Layouts in Surveys" section of "Customize Image Layouts in Forms & Surveys". For context, this section explains: Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options that better match your brand and content. GHL Customer Care now offers additional image placement styles, layout-specific styling controls, focal point selection…. This part of the guide covers 12 fields, listed below.Image 8 of 9
Fields in this part of the guideRegistration formsContact formsLead capture formsMarketing formsImage Corner RadiusImage-Field SpacingMarketing pagesAppointment formsPromotional formsHero imagesLarge promotional graphicsLifestyle photography
Buttons and menus referencedLeft Center or Right CenterLeft Fixed or Right Fixed
All 4 steps in this procedure
Registration forms
Contact forms
Lead capture forms
Marketing forms
Step 7
Configure the available layout-specific settings.
Step 8
Save your survey.
Override the Layout for an Individual Slide
Step 1
Open the survey builder.
Step 2
Select the slide you want to customize.
Step 3
Click the Settings icon for that slide.
Step 4
Locate Image Layout Settings.
Step 5
Change the setting to Independent.
Step 6
Upload a different image if desired.
Step 7
Select a different Image Layout.
Step 8
Save your changes.
How to Configure Image Layouts in Surveys (image 9 of 9)What this shows Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options…What this showsIllustrates the "How to Configure Image Layouts in Surveys" section of "Customize Image Layouts in Forms & Surveys".This animation appears in the "How to Configure Image Layouts in Surveys" section of "Customize Image Layouts in Forms & Surveys". For context, this section explains: Forms & Surveys Customize Image Layouts in Forms & Surveys Create visually engaging Forms and Surveys with flexible image layout options that better match your brand and content. GHL Customer Care now offers additional image placement styles, layout-specific styling controls, focal point selection…. This part of the guide covers 12 fields, listed below.Image 9 of 9
Fields in this part of the guideRegistration formsContact formsLead capture formsMarketing formsImage Corner RadiusImage-Field SpacingMarketing pagesAppointment formsPromotional formsHero imagesLarge promotional graphicsLifestyle photography
Buttons and menus referencedLeft Center or Right CenterLeft Fixed or Right Fixed
All 4 steps in this procedure
Registration forms
Contact forms
Lead capture forms
Marketing forms
8Best Practices
Following a few design recommendations can help create more visually balanced Forms and Surveys while improving the overall user experience.
Use Center layouts for forms with smaller images.
Use Fixed layouts for larger promotional or hero images.
Select a Focal Point before publishing fixed layouts to ensure important content remains visible.
Increase Image-Field Spacing when forms contain many fields to improve readability.
Use Corner Radius to match your brand's visual style.
Override survey slide layouts only when individual slides benefit from unique imagery.
9Frequently Asked Questions
Q: Which image layouts support Image Corner Radius?
Image Corner Radius is available only for the Left Center and Right Center layouts.
Q: Which image layouts support Image-Field Spacing?
Image-Field Spacing is available only for the Left Center and Right Center layouts.
Q: Which image layouts support Focal Point?
Focal Point is available only for the Left Fixed and Right Fixed layouts.
Q: Can every survey slide have its own image?
Yes. Enable Independent under Image Layout Settings for the slide you want to customize.
Q: Can Forms use slide-level image layouts?
No. Slide-level image layout customization is currently available only for Surveys.
Q: What happens if I don't enable Independent for a survey slide?
The slide inherits the main survey image and image layout settings.
Q: Does changing the survey image update every slide?
Yes. Unless a slide has been configured with Independent image settings, it uses the survey's default image and layout.
Q: Will these layouts work on different screen sizes?
