> For the complete documentation index, see [llms.txt](https://docs.acpt.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.acpt.io/integrations/zion-builder.md).

# Zion builder

How to use ACPT with Zion builder

ACPT supports [Zion Builder](https://zionbuilder.io/) 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:

<figure><img src="https://3235524095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fiyf0tSKPgXiyoQ3zV3I6%2Fuploads%2F4uAvFVg9GOcJvSkW9yuP%2Fzion_2.png?alt=media&amp;token=906a7e39-6dc7-465f-b2f4-48cc5529d59f" alt=""><figcaption></figcaption></figure>

Now, let's play with Zion Builder.

### Step 3. Create the single property page

Create a [template for a single property with Zion](https://zionbuilder.io/?post_type=documentation).

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:

<figure><img src="https://3235524095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fiyf0tSKPgXiyoQ3zV3I6%2Fuploads%2FFccA2lgH9mFtSZKuWV2n%2Fzion_3.png?alt=media&amp;token=5890a268-b633-4b13-abdd-ddb6573bea63" alt=""><figcaption></figcaption></figure>

Go ahead and play with other fields, for example, add the email and the phone number as links:

<figure><img src="https://3235524095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fiyf0tSKPgXiyoQ3zV3I6%2Fuploads%2FjmMoUSvnrvd87QNZYiSt%2Fzion_4.png?alt=media&amp;token=bfd27175-0b64-4f21-8ed6-f09a50be8e49" alt=""><figcaption></figcaption></figure>

### Step 4. Create the archive property page

Do the same thing with the archive property template.

In this example, we use the image field:

<figure><img src="https://3235524095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fiyf0tSKPgXiyoQ3zV3I6%2Fuploads%2F5hmdQCb9R4TOXxWQv6CR%2Fzion_5.png?alt=media&amp;token=be071bdc-b7a2-419b-a866-e8720f5769ac" alt=""><figcaption></figcaption></figure>

Done!

Now you know how to pull dynamic data from ACPT and display it on [Zion Builder](https://zionbuilder.io/)!
