Dynamically change Meta Descriptions and Header with Airtable

a.villabruna · 2024-07-26T10:17:37.525Z

Dear community, I have been crawling through the forum but haven’t found a solution.

Goal: My project is a TikTok-like video feed, and I want to index every page. With every video scroll, Meta Header and Description should change dynamically. Header = Place Name and Description = Place Description.

Problem: The source is Airtable, so I cannot use the built-in data types (e.g. Page doesn’t have an associated Data Type).

Do I need Javascript for that? And if so, does someone have a working code?

Screenshot 2024-07-26 at 12.11.071920×1073 141 KB

Thank you!

codefree · 2024-07-26T10:20:51.997Z

Hey @a.villabruna

Multiple ways to connect Airtable with Bubble. You can use the available plugin for this.

manual.bubble.io

Airtable | Bubble Docs

I hope this helps. Let me know if there anything further.

a.villabruna · 2024-07-26T10:28:46.689Z

Thanks @codefree . I already use the Airtable Plugin and also connect through API Connector. That all works fine, but I can’t refer to this data in the Meta section. All that I have available to select are Bubble internal Datatypes, and I also can’t connect to an API.

image684×1360 68.8 KB

codefree · 2024-07-26T10:43:03.606Z

@a.villabruna

To set meta data you are not required to set the type of content. Put your expression in the “Title (for SEO/FB)”.
Would you like to connect on a quick call? DM me if it’s a yes. I will send the link.

a.villabruna · 2024-07-26T12:37:19.666Z

@codefree Same thing, I cannot choose the datatype that I need or refer to a Group on my page:

image486×598 35.3 KB

Screenshot 2024-07-26 at 14.36.09716×863 48.9 KB

Will send you a DM.