wordpress 如何串接 API – JetEngine

既然要串接API,我們就先找到一個fake的API來做串接,網路有很多類似服務,我選的是這間mocki。他的API為

curl https://mocki.io/v1/d4867d8b-b5d5-4a48-a4ab-79131b5809b8

會拿到這樣的response body

[
  {
    "name": "Harry Potter",
    "city": "London"
  },
  {
    "name": "Don Quixote",
    "city": "Madrid"
  },
]

https://mocki.io/fake-json-api

WordPress 外掛 – JetEngine 串接API

請注意若要使用API功能,需要有JetEngine專業版。安裝完外掛後,在側欄找到JetEngine並選擇JetEngine Dashboard的API設定。在API Endpoint URL中放上Fake API。並點選Send request。此時會是connected的狀態。

https://mocki.io/v1/d4867d8b-b5d5-4a48-a4ab-79131b5809b8

JetEngine listing 將API資料調用到 Elementor

從側欄找到Listings,並Add new一個新的Listing,設定如下圖

進入後選擇Dynamic Field,即可在 Object Field找到response body的值囉!

教學參考官方文章:https://crocoblock.com/knowledge-base/articles/jetengine-how-to-display-custom-content-type-items-using-rest-api/

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。