> ## 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.

# Set up your social preview and favicon

> Choose the title, description and image people see when they share your funnel link, and the icon in the browser tab.

When someone shares your link on Facebook, WhatsApp, LinkedIn or X, the platform shows a preview card with a title, a short description and an image. A clear card makes your link look professional. The favicon is the small icon in the browser tab next to your page title.

You set both in your funnel's settings, one funnel at a time, so every funnel can have its own look.

With these settings, you can:

* **Control the share card.** Set the title, the description and the preview image.
* **Brand the browser tab.** Show your own icon instead of the AskFunnel default.
* **Go live without republishing.** When you save, your live funnel is updated right away.

**Before you start**, you need:

* A funnel, and a role that can open **"Funnel Settings"**: Global Admin, Workspace Admin or Content Editor.
* Your images ready, if you want them. They must be PNG, JPG or WebP files smaller than 5 MB. A crop window opens when you add one, so you can frame it.

## Set up your social preview

<Steps>
  <Step title="Open your funnel settings">
    1. From your funnel list, click the three dots (**...**) on your funnel's row, then click **"Funnel Settings"**. Inside the builder, you can click the gear icon at the top right instead.
    2. On the left side menu, click **"Social Preview"**.
  </Step>

  <Step title="Write your title and description">
    * **Title:** a short headline for the share card. Keep it under 60 characters. It can be up to 120 characters. If you leave it empty, AskFunnel uses your funnel name. The title is also the page title in the browser tab.
    * **Description:** one or two sentences that say what people get. Aim for 50 to 255 characters. It can be up to 300 characters.

    The **Preview** card below the fields updates as you type, so you can see how it reads.
  </Step>

  <Step title="Add a preview image">
    1. In the **Preview** card, click **"+ Add preview image"**.
    2. Choose an image from your computer. Use a picture that is 1200 by 630 pixels (PNG, JPG or WebP).
    3. In the crop window, move the picture to frame it and click **"OK"**.

    To replace it later, hover over the image and click **"Change image"**. To delete it, click **"Remove image"**.

    <img src="https://mintcdn.com/askfunnel/LRqKSARrAmDYPt5e/images/funnel-settings/social-preview-and-favicon/social-preview.png?fit=max&auto=format&n=LRqKSARrAmDYPt5e&q=85&s=72208b9f9202d45e9a0e1450356b6920" alt="The Social Preview settings with a title and description typed in and the Add preview image area highlighted" width="1740" height="1858" data-path="images/funnel-settings/social-preview-and-favicon/social-preview.png" />
  </Step>

  <Step title="Save your changes">
    A bar with **You have unsaved changes** appears at the top. Click **"Save changes"**. You see **Settings saved. Your live funnel is updated.**
  </Step>
</Steps>

## Set up your favicon

<Steps>
  <Step title="Open the Favicon settings">
    In **Funnel Settings**, click **"Favicon"** on the left side menu. A preview of a browser tab shows your funnel name next to the current icon.
  </Step>

  <Step title="Add your icon">
    1. Click **"+ Add favicon"**.
    2. Choose a square image that is at least 256 by 256 pixels (PNG, JPG or WebP). A simple version of your logo works best, because the icon is very small.
    3. In the crop window, frame the square and click **"OK"**.

    To change it later, hover over the icon and click **"Change image"**. Click **"Remove image"** to go back to the AskFunnel default icon.

    <img src="https://mintcdn.com/askfunnel/LRqKSARrAmDYPt5e/images/funnel-settings/social-preview-and-favicon/favicon.png?fit=max&auto=format&n=LRqKSARrAmDYPt5e&q=85&s=d8a675ff5448a9b4fe233d9335a1d890" alt="The Favicon settings with a browser tab preview and the Add favicon area highlighted" width="1760" height="856" loading="lazy" data-path="images/funnel-settings/social-preview-and-favicon/favicon.png" />
  </Step>

  <Step title="Save your changes">
    Click **"Save changes"** in the bar at the top. Your live funnel shows the new icon. Browsers keep old icons for a while, so reload the page or open it in a private window to check.
  </Step>
</Steps>

<Tip>
  * Put the most important part of your preview image in the center. Platforms crop the edges differently.
  * Keep text on the image short and large. It is small in a feed.
  * Write the description for the person who sees the link in a message, not for search engines.
</Tip>

## How do I know it is working?

* Your funnel link in a new browser tab shows your icon and your title.
* Paste your link into a chat or a post draft. A card with your title, description and image appears.

## Troubleshooting

<AccordionGroup>
  <Accordion title="The old preview still shows when I share the link">
    Social platforms keep a copy of your card for a while, so a new preview may take time to show up for a link that was shared before. Wait a while, or add a small change to the end of your link, such as `?v=2`, so the platform treats it as a new link. Some platforms also have a link checker that refreshes the card.
  </Accordion>

  <Accordion title="My image is rejected">
    If it says **Image must be smaller than 5MB**, reduce the file size and try again. A 1200 by 630 pixel JPG is usually far smaller than 5 MB. If it says **You can only upload image files**, choose a PNG, JPG or WebP picture. Other file types are not accepted.
  </Accordion>

  <Accordion title="The browser tab still shows the old icon">
    Browsers cache icons. Close the tab, reopen your link, or try a private window. It can take a little while to update.
  </Accordion>

  <Accordion title="I do not see the Save changes bar">
    It only appears after you change something. Change a field or add an image and it shows at the top of the page.
  </Accordion>
</AccordionGroup>

## What to do next

<Columns cols={3}>
  <Card title="Set up cookies and consent" icon="cookie-bite" href="/funnel-settings/cookies-and-consent">
    Decide whether people see a cookie banner before tracking starts.
  </Card>

  <Card title="Connect your custom domain" icon="globe" href="/funnel-settings/custom-domain">
    Put your funnels on your own web address.
  </Card>

  <Card title="View and manage your leads" icon="users" href="/leads/view-and-manage-leads">
    See the leads your shared link brings in.
  </Card>
</Columns>

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