Skip to content
aeropage-round-dark
Aeropage Documentation
Wordpress Connector

Building with Elementor Pro


Enable your Custom Post Type

To start using your custom posts with Elementor, first switch on your custom post type in Settings.

Untitled 20.png

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.
Untitled 21.png
Untitled 22.png

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.

Untitled 23.png


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

Untitled 24.png

Choose Single Post.

Untitled 25.png

Select a template, they should all work the same way.

Untitled 26.png

When the template opens, at the bottom left click on Settings, then change the Preview Settings to your custom post type.

blunt-bulb
There seems to be a bug with Elementor, please refresh the page after changing the preview data to see the metadata in the menu.
Untitled 27.png

Untitled 28.png

Now you can begin adding content widgets and customizing the layout.

Untitled 29.png

In the widgets, you can use Dynamic Tags to display your data from Airtable fields.

Click the database icon next to any input.
Choose Post Custom Field
Click Key and then select the data to display.

Untitled 30.png
Untitled 31.png

In this example I’m using a Button and showing the price inside Text, and using the URL in the Link

Untitled 32.png

The Meta Data widget is also fairly useful for showing multiple field values with icons.

Untitled 33.png

The values come from the Airtable fields that were synced in as Meta Data for your custom posts.

Untitled 34.png

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.
Untitled 35.png

blunt-bulb
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.

Untitled 36.png


Finished…

Now just continue building your templates, adding widgets and mapping your dynamic data into them.
Untitled 37.png
Untitled 38.png
Untitled 39.png
Untitled 40.png

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.