Enable your Custom Post Type
To start using your custom posts with Elementor, first switch on your custom post type in Settings.
Add Posts Loop
To display multiple posts on a page using the Elementor page editor, add a Posts widget from the pro section of the menu.
Once added, to make it show your custom posts expand the Query → Source settings and change it to your custom post type.
Now you can see your custom posts that were synced from Airtable.
Make a Single Post Template
To use dynamic data (such as the metadata synced from Airtable) you will need to create a template.
Open Templates → Theme Builder
Choose Single Post.
Select a template, they should all work the same way.
When the template opens, at the bottom left click on Settings, then change the Preview Settings to your custom post type.
There seems to be a bug with Elementor, please refresh the page after changing the preview data to see the metadata in the menu.
Now you can begin adding content widgets and customizing the layout.
In the widgets, you can use Dynamic Tags to display your data from Airtable fields.
Click the database icon next to any input. Click Key and then select the data to display.
In this example I’m using a Button and showing the price inside Text, and using the URL in the Link…
The Meta Data widget is also fairly useful for showing multiple field values with icons.
The values come from the Airtable fields that were synced in as Meta Data for your custom posts.
Shortcodes
Thanks to our user Paul G for this tip…
In some cases, getting the custom fields to appear in Elementor can be buggy. An alternative is to use shortcodes to retrieve the field values.
Note that if you send in a number with 2 decimal places, it doesn’t render the rating correctly. In Airtable make sure the number only has one decimal.
When publishing, select your custom post type for where to display your template.
Finished…
Now just continue building your templates, adding widgets and mapping your dynamic data into them.