Notion page sync

Sync the contents of Notion pages to write blog posts and more

About Notion page sync

Notion Page Sync is one of Whalesync's most powerful Notion features. As you might have guessed, it allows you to sync data from Notion pages to rich text fields in other apps 🤯.

This enables you to write entire blog posts in Notion and sync them instantly to your live blog or site. You can even use Notion AI to write these posts for you.

Notion page content vs. Notion records

A Notion database has a list of records. If you open one of those records, it opens up a page. That page is what Whalesync considers "Notion page content":

How to set up Notion page sync

To use Notion page sync, simply map the "Page Content" field on the field mapping page. This typically maps to a rich text field in other apps like Webflow.

Things to keep in mind

Notion page sync pairs really well with our Webflow Status field extension feature if syncing Notion -> Webflow

Notion page content is a "read-only" field meaning it can only be synced 1-way

If syncing Notion pages to the Webflow CMS, some content may not appear in the Webflow CMS but WILL appear on your live site. Webflow's CMS doesn't always interpret HTML properly, but web pages will.

Supported blocks

If there are blocks or media formats that you need but do not see listed below, please reach out to [e-mail]. We are always looking for ways to improve the product!

Block	Status
📝 Paragraph	✅ Supported
💪 Headings (h1-h3)	✅ Supported
🖼️ Images (png, jpg, gif, svg, unsplash)	✅ Supported
🔗 Links	✅ Supported
📹 Video (mp4, ogg, webm, youtube, vimeo, wistia)	✅ Supported
⚫ Bulleted list	✅ Supported
⚪ Sub-bulleted list	✅ Supported
1️⃣ Numbered list	✅ Supported
🇦Sub-numbered list	✅ Supported
🎤 Quote	✅ Supported
⌨️ Code inline	✅ Supported
⌨️ Code block	✅ Supported
🔈Audio (mp3, ogg)	✅ Supported
☑️ To-do list	✅ Supported
➖ Divider	✅ Supported
⬇️ Toggle	✅ Supported
🔖 Bookmark	✅ Supported
🗣️ Call outs	✖️ Not Supported
🔢 Equation	✖️ Not Supported
👇 Mention	✖️ Not Supported
🔄 Synced blocks	✖️ Not Supported

Captions can be used to add alt text to images

We support the alt property on the image html tag and use the caption text for its value. We use the embed html tag for Unsplash images (because doesn't work otherwise) and the image tag for all other images.