> ## Documentation Index
> Fetch the complete documentation index at: https://help.askfunnel.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add images, video, icons and emojis to your funnel

> Upload your own pictures, find free photos, create an image with AI, add a video from a link, and use icons and emojis.

<Callout icon="star" color="#155DFC">
  Available on: **all plans** (Starter, Growth, Scale and Enterprise). An AI image uses **4 AI credits**.
</Callout>

Pictures and video make a funnel feel real. In AskFunnel you pick them in one window, called the **Media gallery**. You can upload your own files, search free photos, create a picture from a description, paste a video link, or choose a small icon or emoji.

With media, you can:

* **Upload your own pictures.** Drag in a logo, a photo of your team or a product shot.
* **Use free photos.** Search a library of free photos and add one with a click.
* **Create an image with AI.** Describe what you want and AI makes it.
* **Add a video.** Paste a YouTube or Vimeo link or a direct .mp4 link, or pick a free stock clip.
* **Add icons and emojis.** Use them for benefits, lists and small visual cues.

**Before you start**, you need:

* A funnel open in the builder. See [Launch your first funnel](/getting-started/launch-your-first-funnel).
* A role that can edit funnels: Global Admin, Workspace Admin or Content Editor.
* For AI images, a verified email address and enough AI credits. See [How AI credits work](/billing/ai-credits).

## Important to note

<Warning>
  * Pictures you upload must be JPG, PNG, GIF or WebP files of up to 10 MB each.
  * A video must be a YouTube link, a Vimeo link, a direct link to an .mp4 file, or a clip from the free stock search. Other video sites are not supported.
  * Each AI image uses 4 AI credits. The credits are used when the image starts to generate, even if the result is not what you wanted, so describe it carefully.
  * When your cookie banner is on, a YouTube or Vimeo video only starts by itself after the visitor accepts marketing cookies. Until then it shows a play button and loads when the visitor clicks it. See [Cookies and consent](/funnel-settings/cookies-and-consent).
  * Your changes only go live when you click **"Publish Funnel"**.
</Warning>

## Add an image

<Steps>
  <Step title="Add an Image block or open a picture">
    To add a new picture:

    1. On the left side menu, click the **"Content"** tab, then **"Blocks"**.
    2. Under **Media Elements**, click **"Image"**.
    3. In the left panel, click the tile that says **Add image** and **Click to browse**.

    To change a picture that is already there, click it on the canvas, then click the **Change** icon in the left panel.

    The **Media gallery** window opens.

    <img src="https://mintcdn.com/askfunnel/eJkZXxmpRrHIP4EK/images/funnels/images-video-icons/add-image-tile.png?fit=max&auto=format&n=eJkZXxmpRrHIP4EK&q=85&s=fa51f825d146f12f12564c1b2ae88a2a" alt="The builder with a new Image block selected on the canvas and the left panel showing the empty tile with the text Add image and Click to browse, the Add image tile highlighted" width="2000" height="797" data-path="images/funnels/images-video-icons/add-image-tile.png" />
  </Step>

  <Step title="Choose where the picture comes from">
    Click one of the tabs at the top of the window:

    * **Upload:** click **Upload** or drop a file onto the window. The picture is added as soon as it finishes uploading. Files must be JPG, PNG, GIF or WebP, up to 10 MB.
    * **My gallery:** pictures already uploaded to your organization, newest first. Type in **Search...** to find one, click it, then click **"Select image"**.
    * **Image:** free photos. Type what you want in **Search Unsplash images...** and press Enter, or click a suggestion such as **Business**, **People** or **Nature**. Click a photo, then **"Select image"**. Each photo shows its photographer's name.
    * **AI:** describe the picture in the box, for example "A bright kitchen with a laptop on the counter". The chip next to **Generate image** shows the cost, for example **4 credits** and how many you have left. Click **"Generate image"**, click the result you like, then **"Select image"**. Each click makes one picture, in a wide 4 to 3 shape, and you can generate again to compare.

    <img src="https://mintcdn.com/askfunnel/eJkZXxmpRrHIP4EK/images/funnels/images-video-icons/media-gallery-tabs.png?fit=max&auto=format&n=eJkZXxmpRrHIP4EK&q=85&s=bdc8517a3e7e834bcfff0434f2c60866" alt="The Media gallery window with the tabs Upload, My gallery, Image and AI at the top and the Upload tab open, showing Upload or drop an image here and the allowed file types, JPG, PNG, WebP or GIF, up to 10MB, with the row of tabs highlighted" width="1500" height="1410" loading="lazy" data-path="images/funnels/images-video-icons/media-gallery-tabs.png" />

    <img src="https://mintcdn.com/askfunnel/eJkZXxmpRrHIP4EK/images/funnels/images-video-icons/ai-image-tab.png?fit=max&auto=format&n=eJkZXxmpRrHIP4EK&q=85&s=3a36fe722609659c490357ba358fd66f" alt="The Media gallery window on the AI tab with a prompt typed in the box, the chip that says 4 credits and how many are left, and the Generate image button, the credit chip and the button highlighted" width="1500" height="1000" loading="lazy" data-path="images/funnels/images-video-icons/ai-image-tab.png" />
  </Step>

  <Step title="Frame and describe the picture">
    With the image block selected, the left panel has these controls:

    * **Size:** the **S**, **M**, **L** and **XL** buttons choose the shape of the frame, from wide (16 to 9) to square (1 to 1). Point at a button to see its ratio.
    * **Custom crop:** the button with three dots opens **Crop image**, where you can drag the crop box and choose **Free**, **Original**, **Portrait**, **Square** or **Landscape**. Click **"Save"** when you are done.
    * **Focal point:** drag the dot on the small preview to the part of the picture that must always stay visible. Click **"Reset"** to center it again. This matters when the frame crops the picture on phones.
    * **Edit** and **Remove:** the icons next to **Change** crop the picture again or take it off.
    * **Alt text:** describe the picture in a few words, for example "Agent handing keys to a new owner". Screen readers read it aloud and it shows if the picture cannot load.

    <img src="https://mintcdn.com/askfunnel/eJkZXxmpRrHIP4EK/images/funnels/images-video-icons/image-controls.png?fit=max&auto=format&n=eJkZXxmpRrHIP4EK&q=85&s=a07291487b385430928bcdb5f659f815" alt="The left panel for a selected Image block with the picture preview and the Change, Edit and Remove icons, the S, M, L and XL size buttons with the Custom crop button, the focal point preview and the Alt text field filled in, with the size buttons and the Alt text field highlighted" width="2000" height="1020" loading="lazy" data-path="images/funnels/images-video-icons/image-controls.png" />
  </Step>
</Steps>

<Note>
  The header logo and the **Logo bar** block use a smaller window with two tabs. **Logos** searches the logos of well-known companies, and **Upload** takes your own file. To add your own logo, use **Upload**. See [Make your funnel match your brand](/funnels/brand-your-funnel).
</Note>

To make a picture link somewhere when visitors click it, see [Link buttons and images to a page, a section, a web address, an email or a phone number](/funnels/link-buttons-and-images).

## Add a video

<Steps>
  <Step title="Add a Video block">
    1. Click the **"Content"** tab, then **"Blocks"**.
    2. Under **Media Elements**, click **"Video"**.
    3. In the left panel, click the tile that says **Add video**.
  </Step>

  <Step title="Paste a link or pick a free clip">
    The window has two ways to add a video:

    * **A link:** paste a YouTube link, a Vimeo link or a direct .mp4 link into **YouTube or Vimeo Link** and click **"Add"**. If it says **Enter a YouTube, Vimeo, or direct .mp4 link.**, check the address.
    * **A free clip:** type a word into **Search free high-resolution videos from Pexels** or click a suggestion such as **Nature** or **City**. Point at a clip to preview it, then click it to use it. Click **"Load more"** to see more.

    <img src="https://mintcdn.com/askfunnel/eJkZXxmpRrHIP4EK/images/funnels/images-video-icons/video-window.png?fit=max&auto=format&n=eJkZXxmpRrHIP4EK&q=85&s=06c34f2592c7fa893cb93e173d3a408c" alt="The top of the Media gallery window for a Video block with the YouTube or Vimeo Link field and the Add button, the Pexels search box and the suggestion chips Nature, City, People, Business, Tech, Lifestyle and Abstract below it, the link field with the Add button and the Pexels search box highlighted" width="1560" height="630" loading="lazy" data-path="images/funnels/images-video-icons/video-window.png" />
  </Step>

  <Step title="Choose the shape and playback">
    In the left panel:

    * Choose **Paused** or **Autoplay**. With **Paused**, visitors see a play button and click to start. With **Autoplay**, the video starts by itself, without sound.
    * Open the shape list and choose **Horizontal** (16 to 9, for desktop and YouTube style videos), **Vertical** (9 to 16, for phones, Reels and Stories) or **Square** (1 to 1).

    In the builder, a video always stays paused so you can edit around it. Check how it plays on your live funnel.
  </Step>
</Steps>

## Add icons and emojis

<Steps>
  <Step title="Add a Graphics block">
    1. Click the **"Content"** tab, then **"Blocks"**.
    2. Under **Media Elements**, click **"Graphics"**. A row with one icon is added.
  </Step>

  <Step title="Pick your icons">
    1. In the left panel, under **Icons**, click the plus tile (**Add icon**) to add another one. A row holds up to 12.
    2. In the **Add Icon** window, choose a style: **Outline**, **Filled**, **Rounded**, **Sharp**, **Windows 11**, **Flat Color** or **Emoji**. Then search, for example "trophy", "target" or "heart", and click an icon to add it.
    3. To change an icon later, click its tile under **Icons**. To remove one, use the cross on its tile. A row always keeps at least one icon.

    Some other pictures, such as the small icon next to a list item or the icon of a form field, can also be an emoji. Their window has an **Emoji** tab, where you can search, scroll and click one, and choose a skin tone.

    <img src="https://mintcdn.com/askfunnel/eJkZXxmpRrHIP4EK/images/funnels/images-video-icons/icon-tab.png?fit=max&auto=format&n=eJkZXxmpRrHIP4EK&q=85&s=7579678e49c3b939005d6ae63afa8abf" alt="The top of the Add Icon window with the style chips Outline, Filled, Rounded, Sharp, Windows 11, Flat Color and Emoji and the search box with the word target typed in, the style chips and the search box highlighted" width="1560" height="510" loading="lazy" data-path="images/funnels/images-video-icons/icon-tab.png" />
  </Step>

  <Step title="Size and color them">
    Choose a size from **XS**, **S**, **M**, **L** or **XL** and set the gap between icons. Use the color swatch in the left panel to change the color of a one color icon. Icons in the **Flat Color** and **Emoji** styles keep their own colors.
  </Step>

  <Step title="Publish your funnel">
    Click **"Publish Funnel"**, then open the arrow next to it and click **"View live"** to check everything on your phone and on your computer. See [Publish, unpublish and restore an earlier version](/funnels/publish-and-restore).
  </Step>
</Steps>

## How do I know it is working?

* The picture, video or icon shows on the canvas right after you pick it.
* On your live funnel, the picture looks sharp and the part you set as the focal point stays in view on a phone.
* A video shows its play button, or plays without sound if you chose **Autoplay**.

## Troubleshooting

<AccordionGroup>
  <Accordion title="Why can't I upload my image?">
    The window only takes JPG, PNG, GIF and WebP files of up to 10 MB. Other formats, such as HEIC from some phones, PDF or SVG, are refused. A message tells you if the type is not allowed or the file is too large. Save the picture again as a JPG or PNG, make it smaller if needed, and try again. If you only see **Couldn't upload the image. Try again.**, check your connection and retry.
  </Accordion>

  <Accordion title="Generate image is grayed out">
    Look at the credit chip. You need 4 credits, and the chip shows how many are left this month. If you have fewer, add credits or wait for next month. See [How AI credits work](/billing/ai-credits).
  </Accordion>

  <Accordion title="I see Please verify your email address to use AI features">
    Open the verification email we sent you and click its link, then try again.
  </Accordion>

  <Accordion title="The AI image is not what I wanted">
    Describe the subject, the setting and the style in more detail, then click **"Generate image"** again. Each try uses 4 credits. The new picture is added to the list, so you can compare them before you click **"Select image"**.
  </Accordion>

  <Accordion title="My video does not start by itself">
    Autoplay must be set to **Autoplay** in the left panel, and the video plays without sound. On a funnel with a cookie banner, a YouTube or Vimeo video starts by itself only after the visitor accepts marketing cookies. A direct .mp4 clip does not need that. Visitors can always click the play button.
  </Accordion>

  <Accordion title="It says Enter a YouTube, Vimeo, or direct .mp4 link.">
    The address is not one of those. Copy the link from the address bar of the video page, or use a link that ends in .mp4. Other video sites cannot be added.
  </Accordion>

  <Accordion title="I cannot find the picture I uploaded">
    Open **My gallery** and use **Search...**, or click the refresh icon. **My gallery** shows pictures uploaded to your whole organization.
  </Accordion>

  <Accordion title="My logo or picture looks cropped on a phone">
    Drag the focal point to the important part of the picture, or choose a different shape with **S**, **M**, **L** or **XL**. Use the device icon at the right edge of the canvas to switch to **Mobile** and check.
  </Accordion>
</AccordionGroup>

## What to do next

<Columns cols={3}>
  <Card title="Make your funnel match your brand" icon="palette" href="/funnels/brand-your-funnel">
    Colors, text styles and your logo.
  </Card>

  <Card title="Link buttons and images" icon="arrow-pointer" href="/funnels/link-buttons-and-images">
    Send visitors to a page, a web address, an email or a phone number.
  </Card>

  <Card title="How AI credits work" icon="coins" href="/billing/ai-credits">
    See what uses credits and how to add more.
  </Card>
</Columns>

Need help? Email [support@askfunnel.com](mailto:support@askfunnel.com).
