Why do CMS page links display pictures when shared on Whatsapp, but static page links do not? (Regarding Webflow)

Published on
September 22, 2023

When it comes to sharing links on WhatsApp, the preview that appears is determined by the metadata of the webpage being shared. This metadata includes information such as the page title, description, and image.

  1. CMS page links: In the case of CMS page links in Webflow, the content management system generates dynamic pages with unique URLs and metadata for each page. This means that when you share a CMS page link on WhatsApp, the preview will display a picture because the metadata for that specific CMS page includes an image. The image could be set as a featured image within the CMS page settings or pulled from the page content itself.

  2. Static page links: On the other hand, when you share a static page link on WhatsApp, the preview might not display a picture because static pages in Webflow do not have dynamic metadata by default. You can, however, manually add metadata to static pages to control how they appear in WhatsApp previews. This metadata can be added via the Webflow Designer by editing the page settings and filling in the appropriate fields for title, description, and image.

To ensure that your static page links display pictures when shared on WhatsApp, you can follow these steps:

  • Access the Webflow Designer and navigate to the static page you want to share.
  • Click on the page settings icon (gear icon) in the left sidebar.
  • In the Page Settings panel, fill in the necessary fields for title, description, and image. Make sure to add a suitable image that represents the content of the page.
  • Save the changes and publish the site.

By providing relevant metadata for your static pages, you can optimize the shareability and appearance of your links on different platforms, including WhatsApp.

Additional Questions:

  1. How can I add metadata to static pages in Webflow?
  2. Does Webflow provide any default metadata for CMS pages?
  3. Can I customize the preview that appears when sharing pages on social media platforms using Webflow?