Zion builder
How to use ACPT with Zion builder
ACPT supports Zion Builder as a dynamic data provider.
This tutorial will show you how to use ACPT meta fields with Zion Builder.
Step 1. Create the "Property" custom post type
Create is a CPT called "Property" with some meta fields:
image (Image)
phone (Phone)
email (Email)
services (List)
Move to the Step 2.
Step 2. Create new property posts
Let's populate some property posts.
Be sure to populate all the meta fields like this:
![](https://docs.acpt.io/~gitbook/image?url=https%3A%2F%2F3235524095-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fiyf0tSKPgXiyoQ3zV3I6%252Fuploads%252F4uAvFVg9GOcJvSkW9yuP%252Fzion_2.png%3Falt%3Dmedia%26token%3D906a7e39-6dc7-465f-b2f4-48cc5529d59f&width=768&dpr=4&quality=100&sign=d373902d&sv=1)
Now, let's play with Zion Builder.
Step 3. Create the single property page
Create a template for a single property with Zion.
Now, you can use ACPT to display dynamic data in every textual, link, or image element.
For the textual block, you can choose one of those specialized fields:
ACPT Date field
ACPT Icon field
ACPT List field
ACPT Textual field
ACPT Time field
ACPT UOM field
ACPT Video field
Every field has several dedicated options to control the rendering of the textual element.
In our example, we selected the List field, which can be displayed as a list or as a simple string:
![](https://docs.acpt.io/~gitbook/image?url=https%3A%2F%2F3235524095-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fiyf0tSKPgXiyoQ3zV3I6%252Fuploads%252FfTMminBwPDnmqGDHe46P%252Fzion_3.png%3Falt%3Dmedia%26token%3D57776cfb-0733-4bd7-ac90-9687236122ff&width=768&dpr=4&quality=100&sign=d0d3afe1&sv=1)
Go ahead and play with other fields, for example, add the email and the phone number as links:
![](https://docs.acpt.io/~gitbook/image?url=https%3A%2F%2F3235524095-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fiyf0tSKPgXiyoQ3zV3I6%252Fuploads%252FjmMoUSvnrvd87QNZYiSt%252Fzion_4.png%3Falt%3Dmedia%26token%3Dbfd27175-0b64-4f21-8ed6-f09a50be8e49&width=768&dpr=4&quality=100&sign=107a4fb8&sv=1)
Step 4. Create the archive property page
Do the same thing with the archive property template.
In this example, we use the image field:
![](https://docs.acpt.io/~gitbook/image?url=https%3A%2F%2F3235524095-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252Fiyf0tSKPgXiyoQ3zV3I6%252Fuploads%252F5hmdQCb9R4TOXxWQv6CR%252Fzion_5.png%3Falt%3Dmedia%26token%3Dbe071bdc-b7a2-419b-a866-e8720f5769ac&width=768&dpr=4&quality=100&sign=3e8846be&sv=1)
Done!
Now you know to pull dynamic data from ACPT and display it on Zion builder!
Last updated