Hi everyone! I’ve got an Airtable database embedded on my WordPress site and it’s working great overall. I’m using the gallery view to display items with photos. The problem is when visitors click on any image in the gallery, it just opens a larger version of the same photo. What I really need is for those image clicks to redirect users to different web pages instead.
I reached out to Airtable support and they recommended using no-code platforms like Softr or Nolocco. Unfortunately these services are outside my budget right now and their embedding costs are too high for my current project.
Has anyone found a workaround for this issue? I’m looking for budget-friendly alternatives that would allow clickable gallery images to link to external URLs. Any suggestions would be really appreciated!
Hit this same issue with a client site last year. I pulled the data straight from Airtable’s API and built a custom JavaScript gallery on the WordPress page. Just grab the image URLs and links from your base, then make clickable thumbnails that actually redirect where they should. API calls are free (within reason) and you control how clicks work. Takes some basic coding but there’s tons of tutorials for JS image galleries. You’ll lose Airtable’s built-in filtering/sorting, but you can rebuild those features if you need them. Way cheaper than no-code tools and more reliable than hacky overlay fixes.
Had the same issue with clickable product images for an internal tool. Here’s what I did.
Create a WordPress plugin or custom post type that matches your Airtable data. Sync manually or use Airtable’s sync if you’ve got pro. Build your gallery with WordPress functions.
Store redirect URLs in custom fields for each image. Someone clicks, it reads the field and redirects. Used Flexbox for layout - looked almost identical to Airtable’s gallery.
Took 4 hours for the first version. Way easier than hacking the embedded view, and you control everything. Loads faster too since there’s no iframe.
Not comfortable with PHP? Build a simple HTML page with JavaScript that pulls from Airtable’s API. Host it as a static page and embed that.
Hit this same issue before. I built a custom iframe overlay that worked pretty well - just a transparent div positioned over the Airtable gallery with clickable areas mapped to each image spot. Takes some manual positioning and you’ll need to update it when the gallery layout changes, but it works without extra monthly fees. Downside is it breaks if Airtable tweaks their gallery structure, and you’re stuck maintaining those position coordinates. Not pretty, but it got my client’s project done on a tight budget. You could also try Zapier webhooks for redirects, though that complicates the setup.
Been dealing with this exact sync problem for years. Manual API works but you’ll waste tons of time maintaining it every time data changes.
You need automation that syncs Airtable to your site automatically. Someone updates a record or adds images? Your gallery updates instantly without touching code.
I built this for a product catalog last month. Set up a workflow that watches Airtable changes, grabs image URLs and redirect links, then auto-updates a custom WordPress gallery. 15 minutes setup, runs forever.
Keep your Airtable workflow for data management, but visitors get proper clickable images with exact redirects. No monthly embedding fees, no manual syncing, no iframe hacks that break with Airtable updates.
Build the whole thing without code - it handles data formatting automatically. Way more reliable than API calls or custom overlays.