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 support@whalesync.com. We are always looking for ways to improve the product!

BlockStatus

πŸ“ 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.

Last updated