{"id":79,"date":"2023-08-14T11:02:04","date_gmt":"2023-08-14T08:02:04","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=79"},"modified":"2024-01-14T14:13:01","modified_gmt":"2024-01-14T12:13:01","slug":"elementor-integration-with-pods","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/","title":{"rendered":"Elementor Integration With PODS"},"content":{"rendered":"\n

Why use Elementor with PODS<\/h3>\n\n\n\n

PODS brings limitless possibilities for adding extra data to WordPress content by creating custom fields. Elementor allows you to dynamically insert the PODS custom field data directly into your Elementor designs with all the styling options you’ve come to expect from Elementor.<\/p>\n\n\n\n

Note<\/strong>: “Enable Archive Page” should be checked in the Pods custom post type settings as shown below.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

How To Add PODS Custom Fields To A Single Post Template<\/h3>\n\n\n\n
  1. Go to Templates > Theme Builder > Single<\/em> > Add New<\/strong><\/li>
  2. Choose Template Type<\/em> > Single<\/strong>. Name your template and click Create Template<\/strong><\/li>
  3. Click on the Document Settings<\/em> gear icon \"\" located at the bottom left of the panel<\/li>
  4. Click the Preview Settings<\/strong> tab<\/li>
  5. Under Preview Dynamic Content<\/em> select the post type you wish to preview<\/li>
  6. Drag a widget that makes use of dynamic content (e.g. Text widget<\/em>)<\/li>
  7. Click on the Dynamic<\/strong> icon \"\"<\/li>
  8. Choose PODS Field<\/strong><\/li>
  9. Once selected, click again on PODS Field<\/strong><\/li>
  10. In Settings<\/em> > Key<\/em>, select the custom field you want to display<\/li>
  11. The options in the Advanced<\/em> tab are optional. Options include:
    Before<\/strong>: Text to automatically appear before the custom field data
    Fallback<\/strong>: Text to display if custom field has no data
    After<\/strong>: Text to automatically appear after the custom field data<\/li>
  12. Style the custom field widget as you would normally, using the widget\u2019s Style<\/em> tab.<\/li><\/ol>\n\n\n\n
    \n\n\n\n

    Custom PODS fields we support:<\/h3>\n\n\n\n

    Note<\/strong>: Any PODS fields not included in this list are not supported at this time<\/p>\n\n\n\n

    Text:<\/h4>\n\n\n\n

    ‘text’,
    ‘phone’,
    ‘paragraph’,
    ‘relationship (select)’,
    ‘pick’,
    ’email’,’oembed’,
    ‘google_address’,
    ‘wysiwyg’<\/p>\n\n\n\n

    \n\n\n\n

    date:<\/h4>\n\n\n\n

    ‘datetime’,
    ‘date’<\/p>\n\n\n\n

    \n\n\n\n

    URL:<\/h4>\n\n\n\n

    email’,
    ‘file’,
    ‘website’,
    ‘phone’<\/p>\n\n\n\n

    \n\n\n\n

    Image:
    <\/strong> file:type-images<\/p>\n\n\n\n

    Image:
    <\/strong> File:type-images:multiple:true<\/p>\n\n\n\n

    \n\n\n\n

    Example of use<\/h3>\n\n\n\n

    Pet Rescue Listings<\/h4>\n\n\n\n

    A pet rescue website needs to list all pets available for adoption. Custom fields such as Breed, Age, and Size might be needed to accurately describe each animal. PODS makes it easy to create the custom fields, while Elementor brings the magic needed to beautifully display the data on the front end.<\/p>\n\n\n\n

    \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

    Learn how to insert PODS custom field data into your Elementor pages<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3cfcd28d340290fbded3d"],"footnotes":""},"categories":[1463],"tags":[1389,1388,1390,1398,1235],"class_list":["post-79","post","type-post","status-publish","format-standard","hentry","category-troubleshooting-editor","tag-advanced","tag-agency","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"\nElementor Integration With PODS | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Elementor Integration With PODS in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor Integration With PODS | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Elementor Integration With PODS in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-14T08:02:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-14T12:13:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/enable-archive-page.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1764\" \/>\n\t<meta property=\"og:image:height\" content=\"772\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Elementor Integration With PODS\",\"datePublished\":\"2023-08-14T08:02:04+00:00\",\"dateModified\":\"2024-01-14T12:13:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/\"},\"wordCount\":337,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/enable-archive-page-1024x448.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Troubleshooting Editor\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/\",\"url\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/\",\"name\":\"Elementor Integration With PODS | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/enable-archive-page-1024x448.png\",\"datePublished\":\"2023-08-14T08:02:04+00:00\",\"dateModified\":\"2024-01-14T12:13:01+00:00\",\"description\":\"Learn everything about Elementor Integration With PODS in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/enable-archive-page.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/enable-archive-page.png\",\"width\":1764,\"height\":772},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Troubleshooting Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/troubleshooting-editor\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Elementor Integration With PODS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elementor Integration With PODS | Elementor","description":"Learn everything about Elementor Integration With PODS in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/","og_locale":"en_US","og_type":"article","og_title":"Elementor Integration With PODS | Elementor","og_description":"Learn everything about Elementor Integration With PODS in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/","og_site_name":"Help","article_published_time":"2023-08-14T08:02:04+00:00","article_modified_time":"2024-01-14T12:13:01+00:00","og_image":[{"width":1764,"height":772,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/enable-archive-page.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Elementor Integration With PODS","datePublished":"2023-08-14T08:02:04+00:00","dateModified":"2024-01-14T12:13:01+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/"},"wordCount":337,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/enable-archive-page-1024x448.png","keywords":["Advanced","Agency","Expert","Legacy Essential","Pro"],"articleSection":["Troubleshooting Editor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/","url":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/","name":"Elementor Integration With PODS | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/enable-archive-page-1024x448.png","datePublished":"2023-08-14T08:02:04+00:00","dateModified":"2024-01-14T12:13:01+00:00","description":"Learn everything about Elementor Integration With PODS in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/elementor-integration-with-pods\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/enable-archive-page.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/enable-archive-page.png","width":1764,"height":772},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/elementor-integration-with-pods\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Troubleshooting Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/troubleshooting-editor\/"},{"@type":"ListItem","position":4,"name":"Elementor Integration With PODS"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/79\/revisions"}],"predecessor-version":[{"id":43141,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/79\/revisions\/43141"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=79"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=79"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}