← All blog posts

How to use Whalesync for two-way syncing between Airtable and Webflow

I checked out Whalesync, a tool for two-way syncing between tools like Airtable, Webflow, Bubble, Noton and more, to see how useful two-syncing is.

November 19, 2022

What is Whalesync?

Whalesync.com website

Whalesync is a no-code automation tool that allows you to sync data between two platforms like Webflow and Airtable, Notion and Bubble, and plenty more.

Unlike a lot of automation tools like make.com or Zapier, Whalesync makes easy for you to set up a two-way syncing workflow that ensure that both databases stay consistent regardless of whether you make a change in one platform or the other.

Editing content via the Webflow CMS

Webflow CMS Editor

One of the key advantages of a two-way syncing tool is that you can easily edit content in whatever platform you want. I created a demo where I synced a Webflow CMS with Airtable.

To my delight, syncing worked flawlessly when I started making changes in the Webflow CMS. After you have clicked the publish button in Webflow, you will see the changes updates in Airtable instantly.

Editing content via Airtable

Airtable base screenshot

The same works the other way around too. If you decide to make some changes to a record inside of Airtable you will see that those changes are reflected immediately in Webflow.

For use cases where you only use Webflow and Airtable, this hear will save you a lot of time and it is really seemless.

How to setup Whalesync?

The process of setting Whalesync up is surprisingly, especially when you compare it to other automation tools that usually required a lot of more manual configuration.

There are three steps involved with getting started:

  1. Connect your apps.
  2. Map your tables to each other
  3. Map your fields to each other

Field mapping is usually something that can be a bit finicky with automation tools, but Whalesync has an automapping tool that makes this step super easy.

All you need to do is make sure is that you have consistent naming conventions for your fields across different platforms. If you do, you will find that you won’t actually need to map any fields.

Pros and cons of two-way syncing

Whalesync Log

All up, I am really impressed with Whalesync and I think it shows how two-way syncing can be valuable. The big pros that stand out for me are:

  • Super easy to set up if you are a complete beginner
  • Near instant syncing of data between platforms
  • Great logging and issue tracking.

The only downside I see with two-way syncing is:

  • You can only do two way syncing with Airtable if you are not using views. This might be problematic if you don’t want specific Airtable records to sync.
  • You can connect your syncing workflows to any other tools like Memberstack that you might also need to update when changes are made. There are likely workarounds for this using webhooks, but if you are going to down that path you may as well just use a tool like make.com or Zapier.

In conclusion, I would say that Whalesync is a great tool. It will serve a lot of great use cases and think that if you don’t want to mess around with complex workflow set ups, this is the tool for you.

Use the code

Copy

Dive Deeper with Webflow CMS scripting series

Learn how to create, update and delete Webflow CMS items individually or in bulk using Airtable Scripts.

Learn more →
Subscribe to the newsletter!

Get notified when I publish my next video or blog

😘 Got it!
Oops! Something went wrong while submitting the form.
Introducing Relume Ipsum: Revolutionize Your Web Design Process with AI-Generated Copy

Introducing Relume Ipsum: Revolutionize Your Web Design Process with AI-Generated Copy

Ready to take your web design game to the next level? Discover how Relume Ipsum's AI-powered plugin can revolutionize your content creation process. Read our blog post now!

Webflow SEO Hack: Convert Your CMS Images to WebP

Webflow SEO Hack: Convert Your CMS Images to WebP

In August, Webflow added an internal compression tool that allows you to convert images to the webP filetype for improved web performance. While this feature is available for static images, it is not yet available for CMS images. Luckily, a solution to this problem is converting your CMS images to WebP.

How to Fix Common Webflow Performance Issues with Lighthouse

How to Fix Common Webflow Performance Issues with Lighthouse

Are you experiencing performance issues on your Webflow site? Lighthouse can help you identify and fix common problems such as slow loading times, poor server response, and lack of caching. Learn how to use Lighthouse to improve your Webflow site's performance and enhance the user experience.

Building a Cover Letter Generation App with Wized, GPT-3, and Webflow

Building a Cover Letter Generation App with Wized, GPT-3, and Webflow

I'll show you how I used the power of GPT-3 by OpenAI, @Wized and Webflow to create an app that generates custom cover letters for job listings. If you are looking for GPT-3 business ideas, feel free to use the same process to set up your own site.

Optimizing Webflow Designs Using Line Clamping

Optimizing Webflow Designs Using Line Clamping

Using line clamps in Webflow allows for the creation of visually appealing layouts by limiting the number of lines of text displayed within an element.

Advanced Webflow Search & Filtering w/ Data Fetcher & Finsweet Attributes

Advanced Webflow Search & Filtering w/ Data Fetcher & Finsweet Attributes

In this post, we'll be walking through the process of using Finsweet Sort and Filter to implement search and basic filtering functionality for our book collection. We'll also be using Data Fetcher to import Google Analytics page views and incorporate them into our Webflow site, allowing us to sort our books by popularity.