~~UPDATED 02/23/22~~
Nobull Airtable is a great tool with a lot of potential. That said, it’s far from a perfect plug & play solution, and it often fails without explanation, which can be frustrating.
We all love Finsweet, but and we’re all clearly getting more than we pay for from them.
Still, since they have no troubleshooting docs or support forums, I thought I’d share some of my findings and solutions after spending a few days wrestling with Airtable (AT), Webflow (WF) and Nobull (NB).
Basics
- It’s important to understand that Nobull uses Webflow’s CMS API to import and modify records in the database, which under the hood is the same method that Zapier, Integromat or any other integration solution would use. While Nobull may make what’s complicated about those solutions moero straightforward, it causes failures for many of the same reasons.
- Webflow > Airtable sync has a much higher success rate. After all, Webflow needs its CMS data to be structured in a specific way, whereas Airtable is much more agnostic and flexible. Therefore, there are many “right” ways to have your data in Airtable, but only one “right” way to get it into Webflow.
- When items in Airtable fail to sync to because the data is coming in a way different than Webflow is expecting it to.
-
Important:
Airtable’s Linked Records and Webflow’s Multi-Reference Fields are similar, but not indentical. Yes, you can do more with Airtable than you can with Webflow, but you need to keep the limitations of Webflow’s architecture in mind.- When you create a linked record in an Airtable table, it is automatically “mirrored” in the respective linked table, reciprocating the link. This is not the case in Webflow. (e.g. If you like a ‘Post’ to a ‘Category’ in Airtable, then the ‘Category’ will also have
- ~~Note: I’m still exploring whether it’s possible to get the mirrored relationship from Airtable into Webflow. Suffice it to say for the time being this is a useful feature to have when designing, but the same functionality can be achieved in the Designer by filtering your Collection List by the respective Multi-Reference field.
Troubleshooting / Solutions
- Make sure you have the required fields laid out in the Nobull documentation.
- In many cases where there are errors, you can get a lot of information about what’s going by opening your browser’s console and expanding any alerts.
- Take it easy with Linked Records/Multi-Reference field connects. As far as I can tell, it doesn’t work with two-way syncing. So if you’re getting errors, try linking Multi-References in just one of the linked tables, without mirroring.
- You also need to be extra careful when syncing both multi-reference fields and filtered views from AT > WF. Any record that is linked to in one connect view but filtered out of the corresponding table will cause the entire sync to fail with the error:
Uncaught (in promise) Error: No record with ID rec############# in this query result
- If you delete any fields in your Airtable or in Webflow that were included in your Nobull connect, then Nobull gets FOMO and likes to break, because it has no way of being informed that field was deleted. Syncing won’t work until you delete or relink that field connection.
- Any data sent to a Webflow number field needs to be a number and match the type and format set in Webflow. Be sure that any Airtable Lookup/Rollup, or Formula fields are not computing to
#ERROR
orNaN
- Airtable may sometimes inexplicably change a field type - it happened to me most often changing a single-line text field to a Long Text field. Or sometimes the content of a formula will modify something after you save the field and reopen it. Unfortunately Airtable’s formula editor ain’t the best, so always check your field types and formulas in Airtable and make sure the data format is correct.
- Sometimes the issue is that your Webflow site needs to be published. Nobull conveniently includes a button to publish your Webflow site from inside Airtable. It’s best to publish the Webflow site before you “publish” the Nobull connect ~ but be careful that you’re not inadvertently publishing any staged changes in the Webflow designer – this is especially important for team sites with multiple editors/designers.
- Sometimes a field is the offender, so if you unlink that field then the reords will stop failing. It can be a process of trial and error.
- Sometimes your Collection Items limit has been reached, and there isn’t any warning for this.
- Sometimes your Item IDs have changed for one reason or another (perhaps you restored a Webflow backup, or changed values). You may get an error in the console that reads:
msg: "CMS Items not found: 61fafa5eca60etcetcetc"
Try clearing all the values in the Item ID field, and re-sync with Airtable as the source > Webflow. This will create all the items over again in the Webflow collection, and then delete the existing ones! (Question for @Rohan_Ganachari - will this delete existing records first and then create new ones, or vice-cersa? I’m not sure but think I’ve noticed that the ‘new’ records were created created from the AT data, resulting in numbers or letters appended to the slug.) - Just like inside the Webflow CMS, you can’t directly delete records that are linked in another collection/table from Nobull. Nobull will throw an error to the console:
code: 409, msg: "This item is still being used by: Record Name Here", _meta: {…}, stack: "", … }
- Nobull will sometimes show that a larger number of records processed/updated/created/failed than you have in the table that you’re syncing - Nobull counts any linked records in your table as another record processed.
Sometimes, these numbers will keep on increasing after Nobull tells you “You can close this window”… I haven’t figured out why this is. ¯\_(ツ)_/¯ - Sometimes duplicates occur when syncing from Airtable to Webflow.
This may appear in the browser console, so just delete the duplicate record inside Webflow.
Other Errors/Limitations
- Nobull appears unable to sync Lookup Fields.
-
PUT. https://webflow-api-proxy.nobullapp.com/……… [HTTP/2 429 Too Many Requests 213ms]
Occurs frequently - Sometimes
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://webflow-api-proxy.nobullapp.com/collections/61f...038cd17/items/61fb060f....ac7440?. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 500.
occurs, no idea why.
This list is not exhaustive, but I hope it stirs up some conversation and solutions for when Nobull just doesn’t work.