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 supports 2-way syncing meaning you can sync content both from Notion to other apps and from other apps back to Notion

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 [email protected]. We are always looking for ways to improve the product!

How unsupported blocks are handled: Blocks that are not supported will be ignored during the sync process. These blocks will not be deleted or updated in Notion unless their parent object is deleted. They will simply remain unchanged in your Notion page.

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

πŸ“Š Table

βœ… Supported

πŸ—£οΈ Call outs

βœ… Supported

πŸ“ Column list/Column

βœ… Supported

πŸ”„ Synced blocks

βœ–οΈ Not Supported

πŸ“‹ Template

βœ–οΈ Not Supported

🍞 Breadcrumb

βœ–οΈ Not Supported

πŸ“‘ Table of contents

βœ–οΈ Not Supported

πŸ“„ Child page

βœ–οΈ Not Supported

πŸ—ƒοΈ Child database

βœ–οΈ Not Supported

πŸ”— Link to page

βœ–οΈ Not Supported

πŸ”— Link preview

βœ–οΈ Not Supported

πŸ”’ Equation

βœ–οΈ Not Supported

πŸ“Ž PDF

βœ–οΈ Not Supported

πŸ“ File

βœ–οΈ Not Supported

πŸ‘‡ Mention

βœ–οΈ 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

Was this helpful?