The Image element lets you place pictures on your page — product shots, logos, screenshots, testimonials, banners, and more. Its settings let you choose the image, label it properly, and decide what happens when someone clicks it.

This guide walks through each setting and the things worth getting right so your images look sharp and load fast.

Prefer to watch? Here's the video walkthrough:

Note on adding the image first: Like any element, an Image needs a row with a column to sit in. If you haven't added the Image element yet, drag it in from Components → Elements (see Adding Elements in the Landing Page Editor), then open its settings.

Select Image

Click the Select Image button to either upload a new image from your computer or reuse one you've already uploaded to FlexiFunnels. Anything you upload is saved in your FlexiFunnels media library, so you don't have to upload the same logo or photo twice — pick it from there next time.

Get the image right before you upload. Most image problems come down to the file itself, not the settings:

• Sharpness — upload an image at least as large as the space it'll fill. A small image stretched big looks blurry.
• Loading speed — very large files (several MB) slow your page down. Compress photos before uploading so they stay crisp but light.
• Logos and icons — use a transparent PNG so there's no white box around them.

From these Settings, one can Upload and Select Images in Flexifunnels. 

Select Image -  Click on the “Select Image” Button to Upload New image OR To Use images already uploaded in Flexifunnels. 

Title & ALT

These are two short text labels you give the image. They're easy to skip, but worth filling in:

• ALT (alt text) — a plain description of what the image shows, e.g. "Woman doing yoga at sunrise." It matters because: search engines like Google can't "see" pictures, so they read the ALT text to understand the image (good for SEO); screen readers read it aloud for visually impaired visitors (accessibility); and it's the text shown if the image ever fails to load.
• Title — usually appears as a small tooltip when someone hovers their mouse over the image.

Filling in the ALT text especially is a small habit that helps your page's SEO and accessibility at no cost.

Action Type — what happens when someone clicks the image

You can make an image clickable (or not). There are four options:

• None — nothing happens on click. Use this for plain decorative images. (This is also why a "clickable" image sometimes does nothing — it's set to None.)
• Open URL — sends the visitor to a web address when they click the image (e.g. clicking your logo goes to your homepage, or a product photo goes to its sales page). Enter the full URL, starting with https://.
• Scroll to Section — instead of leaving the page, this smoothly scrolls the visitor to another section on the same page (e.g. clicking a "See pricing" image jumps down to your pricing section). You select which section it scrolls to.

Open Popup — shows a popup when the image is clicked. The popup has to be created first — see How to Add a Pop-Up to Your FlexiFunnels Landing Page.

Common situations & quick fixes

"The Image element won't drop onto the page." It needs a row with a column to sit in. If your section is empty, add a row first (Plus icon → Components → Rows), then drop the image into a column.

"My image looks blurry or pixelated." The uploaded file is smaller than the space it's filling, so it's being stretched. Re-upload a higher-resolution version that's at least as large as the area it needs to fill.

"My image looks stretched or squashed." When resizing, change the width and height in proportion (keep the aspect ratio) so the picture keeps its natural shape. Forcing it to a different shape distorts it.

"My page loads slowly." Large image files are the usual cause. Compress your images before uploading — aim for the smallest file size that still looks sharp.

"I click the image but nothing happens." Check the Action Type. If it's set to None, the image isn't clickable. Set it to Open URL, Scroll to Section, or Open Popup depending on what you want.

"Scroll to Section isn't working." The section you're scrolling to must exist on the same page. Make sure it's still there and selected correctly in the Action settings.

"Open Popup does nothing." The popup must be built first before you can link to it. Create your popup (see the popup guide above), then select it in the image's Action settings.

"My changes aren't showing on the live page." Edits need to be saved and published before visitors see them. After editing, save and re-publish if the page is already live.

Still stuck?

If an image won't upload, display, or click through the way you expect after trying the steps above, submit a ticket and tell us which page you're editing and what's happening — a screenshot of your image settings helps us sort it out quickly.