Advanced Custom Fields Extensions & Resources

<!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Advanced Custom Fields Extensions & Resources | Awesome ACF</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script type="text/javascript"> /* <![CDATA[ */ var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}}); /* ]]> */ </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/png" sizes="140x140" href="https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf/assets/images/favicon.png">  <meta name="description" content="A directory of third-party extensions, snippets, guides, tutorials & resources for the awesome Advanced Custom Fields (ACF) WordPress plugin."/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://www.awesomeacf.com/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Advanced Custom Fields Extensions & Resources | Awesome ACF" /> <meta property="og:description" content="A directory of third-party extensions, snippets, guides, tutorials & resources for the awesome Advanced Custom Fields (ACF) WordPress plugin." /> <meta property="og:url" content="https://www.awesomeacf.com/" /> <meta property="og:site_name" content="Awesome ACF" /> <meta property="og:updated_time" content="2021-08-04T09:21:31+10:00" /> <meta property="article:published_time" content="2017-05-22T13:48:04+10:00" /> <meta property="article:modified_time" content="2021-08-04T09:21:31+10:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Advanced Custom Fields Extensions & Resources | Awesome ACF" /> <meta name="twitter:description" content="A directory of third-party extensions, snippets, guides, tutorials & resources for the awesome Advanced Custom Fields (ACF) WordPress plugin." /> <meta name="twitter:site" content="@awesomeacf" /> <meta name="twitter:creator" content="@awesomeacf" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="AwesomeACF" /> <meta name="twitter:label2" content="Time to read" /> <meta name="twitter:data2" content="Less than a minute" /> <script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.awesomeacf.com/#organization","name":"Awesome ACF","url":"https://www.awesomeacf.com","sameAs":["https://twitter.com/awesomeacf"],"logo":{"@type":"ImageObject","@id":"https://www.awesomeacf.com/#logo","url":"https://www.awesomeacf.com/wp-content/uploads/2016/10/awesome-acf-logo.jpg","contentUrl":"https://www.awesomeacf.com/wp-content/uploads/2016/10/awesome-acf-logo.jpg","caption":"Awesome ACF","inLanguage":"en-US","width":"600","height":"600"}},{"@type":"WebSite","@id":"https://www.awesomeacf.com/#website","url":"https://www.awesomeacf.com","name":"Awesome ACF","alternateName":"AACF","publisher":{"@id":"https://www.awesomeacf.com/#organization"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://www.awesomeacf.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://www.awesomeacf.com/#webpage","url":"https://www.awesomeacf.com/","name":"Advanced Custom Fields Extensions & Resources | Awesome ACF","datePublished":"2017-05-22T13:48:04+10:00","dateModified":"2021-08-04T09:21:31+10:00","about":{"@id":"https://www.awesomeacf.com/#organization"},"isPartOf":{"@id":"https://www.awesomeacf.com/#website"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.awesomeacf.com/#author","name":"AwesomeACF","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/f58e5ae1f959f1b7c7dcdb81a407fa2c?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/f58e5ae1f959f1b7c7dcdb81a407fa2c?s=96&d=mm&r=g","caption":"AwesomeACF","inLanguage":"en-US"},"sameAs":["https://twitter.com/awesomeacf"],"worksFor":{"@id":"https://www.awesomeacf.com/#organization"}},{"@type":"Article","headline":"Advanced Custom Fields Extensions & Resources | Awesome ACF","datePublished":"2017-05-22T13:48:04+10:00","dateModified":"2021-08-04T09:21:31+10:00","author":{"@id":"https://www.awesomeacf.com/#author","name":"AwesomeACF"},"publisher":{"@id":"https://www.awesomeacf.com/#organization"},"description":"A directory of third-party extensions, snippets, guides, tutorials & resources for the awesome Advanced Custom Fields (ACF) WordPress plugin.","name":"Advanced Custom Fields Extensions & Resources | Awesome ACF","@id":"https://www.awesomeacf.com/#richSnippet","isPartOf":{"@id":"https://www.awesomeacf.com/#webpage"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://www.awesomeacf.com/#webpage"}}]}</script>  <link rel='stylesheet' id='wp-block-library-css' href='https://cdn-awesomeacf.pressidium.com/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='acf-remote-sync-css' href='https://cdn-awesomeacf.pressidium.com/wp-content/plugins/acf-remote-sync/build/css/acf-remote-sync.min.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='app-css' href='https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf-child/build//css/app.ae0bef.css?ver=6.6.2' type='text/css' media='all' /> <link rel='stylesheet' id='awesome_styles-css' href='https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf/assets/css/main.css?ver=20190725' type='text/css' media='all' /> <link rel='stylesheet' id='awesome_prism-css' href='https://awesomeacf.com/wp-content/plugins/acf-theme-code-pro/assets/prism.css?ver=20190725' type='text/css' media='all' /> <link rel='stylesheet' id='bfa-font-awesome-css' href='https://use.fontawesome.com/releases/v5.15.4/css/all.css?ver=2.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='bfa-font-awesome-v4-shim-css' href='https://use.fontawesome.com/releases/v5.15.4/css/v4-shims.css?ver=2.0.3' type='text/css' media='all' /> <style id='bfa-font-awesome-v4-shim-inline-css' type='text/css'> @font-face { font-family: 'FontAwesome'; src: url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.eot'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff2') format('woff2'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff') format('woff'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.ttf') format('truetype'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.svg#fontawesome') format('svg'); } @font-face { font-family: 'FontAwesome'; src: url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.eot'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff2') format('woff2'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff') format('woff'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.ttf') format('truetype'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.svg#fontawesome') format('svg'); } @font-face { font-family: 'FontAwesome'; src: url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.eot'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff2') format('woff2'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff') format('woff'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.ttf') format('truetype'), url('https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.svg#fontawesome') format('svg'); unicode-range: U+F004-F005,U+F007,U+F017,U+F022,U+F024,U+F02E,U+F03E,U+F044,U+F057-F059,U+F06E,U+F070,U+F075,U+F07B-F07C,U+F080,U+F086,U+F089,U+F094,U+F09D,U+F0A0,U+F0A4-F0A7,U+F0C5,U+F0C7-F0C8,U+F0E0,U+F0EB,U+F0F3,U+F0F8,U+F0FE,U+F111,U+F118-F11A,U+F11C,U+F133,U+F144,U+F146,U+F14A,U+F14D-F14E,U+F150-F152,U+F15B-F15C,U+F164-F165,U+F185-F186,U+F191-F192,U+F1AD,U+F1C1-F1C9,U+F1CD,U+F1D8,U+F1E3,U+F1EA,U+F1F6,U+F1F9,U+F20A,U+F247-F249,U+F24D,U+F254-F25B,U+F25D,U+F267,U+F271-F274,U+F279,U+F28B,U+F28D,U+F2B5-F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C1-F2C2,U+F2D0,U+F2D2,U+F2DC,U+F2ED,U+F328,U+F358-F35B,U+F3A5,U+F3D1,U+F410,U+F4AD; } </style> <link rel='stylesheet' id='awesomeacf-css' href='https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf/style.css?ver=6.6.2' type='text/css' media='all' /> <script type="text/javascript" src="https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf/assets/js/jquery.min.js?ver=20190725" id="jquery-js"></script> <script type="text/javascript" src="https://cdn-awesomeacf.pressidium.com/wp-content/plugins/acf-remote-sync/build/js/acf-remote-sync.min.js?ver=1" id="acf-remote-sync-js"></script>  <script id="piiTester" type="text/javascript" async="async" crossorigin="anonymous" src="//tracking-cdn.figpii.com/6d3b4f8e06d92c5d47c6c575f3ef23cc.js"></script>   <script type='text/javascript'> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js?v=next'); </script>  <script type='text/javascript'> var url = window.location.origin + '?ob=open-bridge'; fbq('set', 'openbridge', '363741998028496', url); </script> <script type='text/javascript'>fbq('init', '363741998028496', {}, { "agent": "wordpress-6.6.2-3.0.14" })</script><script type='text/javascript'> fbq('track', 'PageView', []); </script>  <noscript> <img height="1" width="1" style="display:none" alt="fbpx" src="https://www.facebook.com/tr?id=363741998028496&ev=PageView&noscript=1" /> </noscript>  <script type="text/javascript" id="google_gtagjs" src="https://www.googletagmanager.com/gtag/js?id=G-SHM9XFLXE4" async="async"></script> <script type="text/javascript" id="google_gtagjs-inline"> /* <![CDATA[ */ window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-SHM9XFLXE4', {} ); /* ]]> */ </script> <style type="text/css" id="wp-custom-css"> /* Hide gfields with .hidden */ .gfield.hidden{ display:none; } </style> <style> article.article-wrapper h2 { font-size: 2.4rem; font-weight: 600; } article.article-wrapper h3 { font-size: 2rem; font-weight: 600; } article.article-wrapper h4 { font-size: 1.6rem; font-weight: 600; } article.article-wrapper h5 { font-size: 1.2rem; font-weight: 600; } article.article-wrapper h6 { font-size: 1.2rem; font-weight: 600; } </style> </head> <body class="home page-template page-template-templates page-template-extensions page-template-templatesextensions-php page page-id-233 extensions"> <div class="wrapper"> <div class="header"> <a href="https://www.awesomeacf.com" class="header__logo"> <span>Awesome</span> <img class="acf-logo" src="https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf/assets/images/acf-logo.png" alt="ACF"/> </a> <div class="header__nav"> <ul> <li class="page_item page-item-243"><a href="https://www.awesomeacf.com/advanced-custom-fields-for-beginners-wordpress/">What is ACF?</a></li> <li class="page_item page-item-243"><a href="https://www.awesomeacf.com/snippets/">Snippets</a></li> <li class="page_item page-item-333"><a href="https://www.awesomeacf.com/videos/">Videos</a></li> <li class="page_item page-item-266"><a href="https://www.awesomeacf.com/articles/">Articles</a></li> <li class="page_item page-item-241"><a href="https://www.awesomeacf.com/about/">About</a></li> </ul> </div> </div> <div class="banner-wrap"> <canvas class="gradient"></canvas> <div class="banner"> <h1 class="banner__heading">ACF Extensions</h1> <h2 class="banner__byline" style="font-weight:normal;line-height: 1.4;margin-top: 0;padding-top: 0;"> Over 170 third party extensions for the awesome <br> <a target="_blank" href="http://www.advancedcustomfields.com/"> Advanced Custom Fields </a> WordPress plugin. </h2> </div> </div> <div class="FeaturedPluginsSection"> <div class="FeaturedPluginsSection__inner"> <h3 class="FeaturedPluginsSection__title">Featured ACF Plugins</h3> <p class="FeaturedPluginsSection__descr">Here are some of the awesome plugins available on Hookturn.io.</p> <div class="FeaturedPlugins"> <div class="FeaturedPlugin"> <img class="FeaturedPlugin__image" src="https://cdn-hookturn.pressidium.com/wp-content/uploads/edd/2016/07/thumb-acf-theme-code.jpg" alt="ACF Theme Code Pro"> <div class="FeaturedPlugin__content"> <h3 class="FeaturedPlugin__title"> ACF Theme Code Pro </h3> <p class="FeaturedPlugin__description">Generate the code you need to use Advanced Custom Fields in your theme templates and register ACF Blocks and options pages with ease.</p> <button class="FeaturedPlugin__button" type="button">Get it now</button> </div> <a class="FeaturedPlugin__link" href="https://hookturn.io/downloads/acf-theme-code-pro/?utm_source=awesomeacf&utm_medium=banner&utm_campaign=featured plugins" target="_blank" title="ACF Theme Code Pro for ACF"></a> </div> <div class="FeaturedPlugin"> <img class="FeaturedPlugin__image" src="https://cdn-hookturn.pressidium.com/wp-content/themes/hookturn-2018/images/acf-custom-database-tables-thumb.png" alt="ACF Custom Database Tables"> <div class="FeaturedPlugin__content"> <h3 class="FeaturedPlugin__title"> ACF Custom Database Tables </h3> <p class="FeaturedPlugin__description">Build scalable ACF-powered applications by storing ACF field data in custom database tables. Structured data means faster queries, flexibility, and easier export and analysis.</p> <button class="FeaturedPlugin__button" type="button">Get it now</button> </div> <a class="FeaturedPlugin__link" href="https://hookturn.io/downloads/acf-custom-database-tables/?utm_source=awesomeacf&utm_medium=banner&utm_campaign=featured plugins" target="_blank" title="ACF Custom Database Tables for ACF"></a> </div> <div class="FeaturedPlugin"> <img class="FeaturedPlugin__image" src="https://cdn-hookturn.pressidium.com/wp-content/themes/hookturn-2018/images/advanced-forms.png" alt="Advanced Forms Pro"> <div class="FeaturedPlugin__content"> <h3 class="FeaturedPlugin__title"> Advanced Forms Pro </h3> <p class="FeaturedPlugin__description">Build powerful & extendable front-end forms using Advanced Custom Fields. Manage posts & users, build simple or complex forms, & connect your ACF Forms to external services.</p> <button class="FeaturedPlugin__button" type="button">Get it now</button> </div> <a class="FeaturedPlugin__link" href="https://hookturn.io/downloads/advanced-forms-pro/?utm_source=awesomeacf&utm_medium=banner&utm_campaign=featured plugins" target="_blank" title="Advanced Forms Pro for ACF"></a> </div> <div class="FeaturedPlugin"> <img class="FeaturedPlugin__image" src="https://cdn-hookturn.pressidium.com/wp-content/uploads/2023/05/acf-remote-sync-product-image.jpg" alt="ACF Remote Sync"> <div class="FeaturedPlugin__content"> <h3 class="FeaturedPlugin__title"> ACF Remote Sync </h3> <p class="FeaturedPlugin__description">Set up a network of sites & migrate ACF field groups between them OR use a single site as a central repository for all your ACF field groups.</p> <button class="FeaturedPlugin__button" type="button">Get it now</button> </div> <a class="FeaturedPlugin__link" href="https://hookturn.io/downloads/acf-remote-sync/?utm_source=awesomeacf&utm_medium=banner&utm_campaign=featured plugins" target="_blank" title="ACF Remote Sync for ACF"></a> </div> </div> </div> </div> <style> .FeaturedPluginsSection { background: #f1f1f1; padding: 2rem 0; } .FeaturedPluginsSection__inner { text-align: center; padding: 30px 20px 40px; } .FeaturedPluginsSection__title { font-size: 2rem; margin-bottom: 0rem; padding: 0; } .FeaturedPluginsSection__descr { font-size: 1.2rem; margin-bottom: 2.6rem; padding: 0; } .FeaturedPlugins { display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; max-width: 540px; margin: 0 auto; } @media screen and (min-width: 960px) { .FeaturedPlugins { flex-direction: row; max-width: 1240px; } } .FeaturedPlugin { background: white; flex: 1; width: 100%; border: 1px solid #e5e5e5; transition: color .300s, background .300s, border .300s; position: relative; display: flex; flex-direction: column; justify-content: stretch; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06); } .FeaturedPlugin:hover { border: solid 1px #263328; } .FeaturedPlugin a:hover { text-decoration: none; } .FeaturedPlugin__link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .FeaturedPlugin__title { padding: 0; } .FeaturedPlugin__image { } .FeaturedPlugin__content { padding: 20px; flex: 1; display: flex; flex-direction: column; } .FeaturedPlugin__description { padding: 0; color: #777; margin: 1rem 0 1.4rem; font-weight: normal; } .FeaturedPlugin__button { width: 100%; border-radius: 4px; background: #3e8ec7; color: white; padding: 20px; border: none; margin-top: auto; transition: color .300s, background .300s, border .300s; font-weight: bold; text-transform: uppercase; } .FeaturedPlugin:hover .FeaturedPlugin__button { background: #48b8e5; } /* Override main styles */ body .search-bar { display: block; width: 100%; clear: both; overflow: auto; background: #f5f5f5; padding: 60px 20px; border-top: 1px solid #e5e5e5; border-bottom: none; } .CommunityPluginSectionHeading { text-align: center; } .CommunityPluginSectionHeading__title { font-size: 2rem; margin-bottom: 0; padding: 0; } .CommunityPluginSectionHeading__descr { font-size: 1.2rem; margin-bottom: 2.6rem; padding: 0; } .CommunityPluginSearch { max-width: 768px; margin: 0 auto; } </style> <div class="content"> <div id="links"> <div class="search-bar"> <div class="CommunityPluginSectionHeading"> <h3 class="CommunityPluginSectionHeading__title">Community ACF Plugins</h3> <p class="CommunityPluginSectionHeading__descr">Here are all the awesome ACF extensions we've been able to find.</p> </div> <div class="CommunityPluginSearch"> <input class="search" placeholder="Search our directory of ACF extensions…"/> <button class="sort" data-sort="updated"> Sort by updated date </button> </div> </div> <ul class="link-list list"> <li id="accordion-tab"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-accordion/"> <h3 class="extension-item__name name ">Accordion Tab</h3> <p class="extension-item__description">Provides an easy way to organize big forms by grouping the fields in accordion tabs. </p> </a> </li> <li id="acf-autosize"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-autosize/"> <h3 class="extension-item__name name ">ACF Autosize</h3> <p class="extension-item__description">Automatically resize and improve upon WYSIWYG and textarea fields in Advanced Custom Fields.</p> </a> </li> <li id="acf-blocks"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-blocks/"> <h3 class="extension-item__name name ">ACF Blocks</h3> <p class="extension-item__description">A collection of ready-to-use Gutenberg Blocks for WordPress.</p> </a> </li> <li id="acf-blocks-pro"> <a target="_blank" rel="nofollow" class="extension-item " href="https://r.freemius.com/3703/3431894/"> <h3 class="extension-item__name name ">ACF Blocks Pro</h3> <p class="extension-item__description">Premium ready-to-use Gutenberg Blocks for WordPress — a forever growing collection of creative blocks to help you create beautiful websites quickly.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-custom-database-tables"> <a target="_blank" class="extension-item " href="https://hookturn.io/downloads/acf-custom-database-tables/"> <h3 class="extension-item__name name ">ACF Custom Database Tables</h3> <p class="extension-item__description">Organise & structure your field group data into custom database tables for faster and more flexible applications.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-fluent"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/samrap/acf-fluent"> <h3 class="extension-item__name name ">ACF Fluent</h3> <p class="extension-item__description">Create custom field "queries" using an expressive, fluent interface that makes templating with ACF a breeze.</p> </a> </li> <li id="acf-focuspoint"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/ooksanen/acf-focuspoint"> <h3 class="extension-item__name name ">ACF FocusPoint</h3> <p class="extension-item__description">Add a new field type to ACF allowing users to select focal points on images</p> </a> </li> <li id="acf-for-dokan"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-for-dokan/"> <h3 class="extension-item__name name ">ACF For Dokan</h3> <p class="extension-item__description">Provides an easy option to make custom fields available for use in the vendor dashboard.</p> </a> </li> <li id="acf-for-wc-vendors-pro"> <a target="_blank" rel="nofollow" class="extension-item " href="https://krazyplugins.com/product/acf-for-wc-vendors-pro/"> <h3 class="extension-item__name name ">ACF For WC Vendors Pro</h3> <p class="extension-item__description">Users can add/edit custom fields from their vendor dashboard.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-for-woocommerce"> <a target="_blank" rel="nofollow" class="extension-item " href="https://krazyplugins.com/product/acf-for-woocommerce/"> <h3 class="extension-item__name name ">ACF For WooCommerce</h3> <p class="extension-item__description">Allows admin to create a new custom field for customer registration form.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-for-woocommerce-panels"> <a target="_blank" rel="nofollow" class="extension-item " href="https://krazyplugins.com/product/acf-for-woocommerce-panels/"> <h3 class="extension-item__name name ">ACF For WooCommerce Panels</h3> <p class="extension-item__description">Allows admin to create a new custom field for WooCommerce tabs like General, Inventory, Shipping, Linked Products and Advanced.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-for-woocommerce-variation"> <a target="_blank" rel="nofollow" class="extension-item " href="https://krazyplugins.com/product/acf-for-woocommerce-variation/"> <h3 class="extension-item__name name ">ACF For WooCommerce Variation</h3> <p class="extension-item__description">Allows admin to create a new custom field for WooCommerce variation.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-front-form-for-elementor-page-builder"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/3q2yn"> <h3 class="extension-item__name name ">ACF Front Form for Elementor Page Builder</h3> <p class="extension-item__description">Make Front end Forms with Advanced Custom Fields using Elementor Page Builder or shortcode</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-front-form-with-visual-composer-integration"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/G4aO2"> <h3 class="extension-item__name name ">ACF Front Form with Visual Composer Integration</h3> <p class="extension-item__description">Display front end forms with Advanced Custom Fields using WPBakery Page Builder</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-frontend-display"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/ge9qX"> <h3 class="extension-item__name name ">ACF Frontend Display</h3> <p class="extension-item__description">Show ACF field's value on Frontend & Meta_key value on frontend without coding</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-hide-layout"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-hide-layout/"> <h3 class="extension-item__name name ">ACF Hide Layout</h3> <p class="extension-item__description">Easily hide the layout of the flexible content on the frontend but still keep it in the backend.</p> </a> </li> <li id="acf-image-focus"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/lexo-ch/acf-image-focus"> <h3 class="extension-item__name name ">ACF Image Focus</h3> <p class="extension-item__description">ACF extension for displaying the images with different proportions in predefined "frame" by setting position, without cropping.</p> </a> </li> <li id="acf-multistep"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/Xv6G3"> <h3 class="extension-item__name name ">ACF Multistep</h3> <p class="extension-item__description">Break long ACF forms into steps</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-onyx-poll"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-onyx-poll/"> <h3 class="extension-item__name name ">ACF Onyx Poll</h3> <p class="extension-item__description">Create polls using ACF. </p> </a> </li> <li id="acf-table-editor-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/BVjOJ"> <h3 class="extension-item__name name ">ACF Table Editor Field</h3> <p class="extension-item__description">Creates an Excel like grid table that can be populated by admin users.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-tooltip-helper"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/EgkOD"> <h3 class="extension-item__name name ">ACF Tooltip Helper</h3> <p class="extension-item__description">Improve your admin by converting ACF description fields into nice tooltips.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="acf-viewer-for-woocommerce"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-viewer-for-woocommerce/"> <h3 class="extension-item__name name ">ACF Viewer for WooCommerce</h3> <p class="extension-item__description">This plugin allows you to show ACF fields on WooCommerce product pages. No coding skill require.</p> </a> </li> <li id="acf-website-screenshot"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/brLPM"> <h3 class="extension-item__name name ">ACF Website Screenshot</h3> <p class="extension-item__description">Generates a screenshot of a website from a link provided from an ACF text field and saves it to your WordPress media library.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="add-css-to-acf-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/pressmaninc/add-css-to-acf-field"> <h3 class="extension-item__name name ">Add CSS to ACF Field</h3> <p class="extension-item__description">Control the appearance of your ACF fields by adding CSS directly to the field settings.</p> </a> </li> <li id="address"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/strickdj/acf-field-address"> <h3 class="extension-item__name name ">Address</h3> <p class="extension-item__description">A field to hold an address: street, city, state, country.</p> </a> </li> <li id="address-autosuggest-and-autocomplete"> <a target="_blank" rel="nofollow" class="extension-item " href="https://codecanyon.net/item/acf-address-autosuggest-and-autocomplete/20515011"> <h3 class="extension-item__name name ">Address Autosuggest and Autocomplete</h3> <p class="extension-item__description">It add capability to turn any field into Address Auto suggestion and Auto Completion Field.</p> </a> </li> <li id="address/map"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/chrisgoddard/acf-address-map-field"> <h3 class="extension-item__name name ">Address/Map</h3> <p class="extension-item__description">A better map field for Advanced Custom Fields (includes address, phone, website, etc).</p> </a> </li> <li id="admin-columns"> <a target="_blank" rel="nofollow" class="extension-item " href="https://www.admincolumns.com/advanced-custom-fields-columns/"> <h3 class="extension-item__name name ">Admin Columns</h3> <p class="extension-item__description">Create editable, sortable and filterable columns out of your Advanced Custom Fields.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="admin-flexible-content-collapse"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-admin-flexible-content-collapse/"> <h3 class="extension-item__name name ">Admin Flexible Content Collapse</h3> <p class="extension-item__description">Make Flexible Content Field Layouts collapsible in the Field Group Editor.</p> </a> </li> <li id="advanced-custom-fields-for-woocommerce"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/A1rna"> <h3 class="extension-item__name name ">Advanced Custom Fields for WooCommerce</h3> <p class="extension-item__description">Sell configurable products with advanced custom fields. Customize WooCommerce checkout fields. Add custom fields to user’s profile.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="advanced-custom-search-pro"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/jGPQZ"> <h3 class="extension-item__name name ">Advanced Custom Search Pro</h3> <p class="extension-item__description">For anyone who needs an advanced search for posts or custom posts in WordPress admin or in frontend, without additional code.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="advanced-elements-add-on-for-elementor"> <a target="_blank" rel="nofollow" class="extension-item " href="https://goose.studio/products/advanced-elements/"> <h3 class="extension-item__name name ">Advanced Elements add on for Elementor</h3> <p class="extension-item__description">Integrates many of the the ACF fields in Elementor, including extensive repeater field support.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="advanced-forms"> <a target="_blank" class="extension-item " href="https://wordpress.org/plugins/advanced-forms/"> <h3 class="extension-item__name name ">Advanced Forms</h3> <p class="extension-item__description">Create flexible and developer-friendly forms using the power of Advanced Custom Fields</p> </a> </li> <li id="advanced-forms-pro"> <a target="_blank" class="extension-item " href="https://hookturn.io/downloads/advanced-forms-pro/"> <h3 class="extension-item__name name ">Advanced Forms Pro</h3> <p class="extension-item__description">Build powerful and extendable front end forms and easily connect your front end forms with your custom fields.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="advanced-search"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-advanced-search/"> <h3 class="extension-item__name name ">Advanced Search</h3> <p class="extension-item__description">Extends the WordPress search widget and allows to search by content with filters in fields created using ACF.</p> </a> </li> <li id="advanced-taxonomy-selector"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/danielpataki/acf-advanced-taxonomy-selector"> <h3 class="extension-item__name name ">Advanced Taxonomy Selector</h3> <p class="extension-item__description">allows you to create a field for users to select terms from multiple taxonomies.</p> </a> </li> <li id="ajax-load-more"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/ajax-load-more-for-acf/"> <h3 class="extension-item__name name ">Ajax Load More</h3> <p class="extension-item__description">Provides additional functionality for infinite scrolling Repeater and Relationship field data.</p> </a> </li> <li id="amp"> <a target="_blank" rel="nofollow" class="extension-item " href="https://ampforwp.com/acf-amp/?ref=208&campaign=AwesomeACF"> <h3 class="extension-item__name name ">AMP</h3> <p class="extension-item__description">Enables you to display ACF data into the AMP version of your website.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="animate-parameter"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/reyhoun/acf-animate-parameter"> <h3 class="extension-item__name name ">Animate Parameter</h3> <p class="extension-item__description">Get Animate Parameter from user.</p> </a> </li> <li id="archive-templates"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-archive/"> <h3 class="extension-item__name name ">Archive Templates</h3> <p class="extension-item__description">Attach ACF fields to the archive template.</p> </a> </li> <li id="audio-video-player"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/virgo79/acf-audio-video-player"> <h3 class="extension-item__name name ">Audio Video Player</h3> <p class="extension-item__description">Select audio or video files from Media Library and display them using the WordPress media player</p> </a> </li> <li id="auto-generated-value"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/andersthorborg/ACF-auto-generated-value"> <h3 class="extension-item__name name ">Auto-generated value</h3> <p class="extension-item__description">Creates a hidden/readonly field in a repeater that gets a unique key, that won't change once it is saved.</p> </a> </li> <li id="autocomplete-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/iambriansreed/Advanced-Custom-Fields-Autocomplete"> <h3 class="extension-item__name name ">Autocomplete Field</h3> <p class="extension-item__description">Simple field that looks up values previously entered for this field.</p> </a> </li> <li id="autoresize"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-autosize/"> <h3 class="extension-item__name name ">Autoresize</h3> <p class="extension-item__description">Autoresize wysiwyg and textarea fields in ACF</p> </a> </li> <li id="background"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/reyhoun/acf-background"> <h3 class="extension-item__name name ">Background</h3> <p class="extension-item__description">Provides a field containing the all background css attribute.</p> </a> </li> <li id="beautiful-flexible"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-beautiful-flexible/"> <h3 class="extension-item__name name ">Beautiful Flexible</h3> <p class="extension-item__description">Transform ACF’s flexible layouts list into a nice and UX popup.</p> </a> </li> <li id="better-search"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-better-search/"> <h3 class="extension-item__name name ">Better Search</h3> <p class="extension-item__description">Adds ability to search by content from selected fields of Advanced Custom Fields.</p> </a> </li> <li id="bidirectional-post-relation"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/hereswhatidid/acf-2way-pr"> <h3 class="extension-item__name name ">Bidirectional Post Relation</h3> <p class="extension-item__description">Creates an extended version of the Related Post field type that is bidirectional.</p> </a> </li> <li id="blocks"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-blocks/"> <h3 class="extension-item__name name ">Blocks</h3> <p class="extension-item__description">A collection of ready-to-use Gutenberg Blocks</p> </a> </li> <li id="buddyforms-acf"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/buddyforms-acf/"> <h3 class="extension-item__name name ">BuddyForms ACF</h3> <p class="extension-item__description">Use all ACF Fields in your form like native BuddyForms</p> </a> </li> <li id="buddypress-groups"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/locomo/acf-field-buddypress-groups"> <h3 class="extension-item__name name ">Buddypress Groups</h3> <p class="extension-item__description">A field to select 1 or more Buddypress Groups.</p> </a> </li> <li id="builder"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/StoutLogic/acf-builder"> <h3 class="extension-item__name name ">Builder</h3> <p class="extension-item__description">Create configuration arrays for ACF Pro using the builder pattern and a fluent API.</p> </a> </li> <li id="calculated-fields"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/calculated-fields-for-acf/"> <h3 class="extension-item__name name ">Calculated Fields</h3> <p class="extension-item__description">A custom field type that allows you to perform simple math based on field values.</p> </a> </li> <li id="child-post"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/lucasstark/acf-child-post-field"> <h3 class="extension-item__name name ">Child Post</h3> <p class="extension-item__description">ability to edit related posts directly from a parent post.</p> </a> </li> <li id="city-selector"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-city-selector"> <h3 class="extension-item__name name ">City Selector</h3> <p class="extension-item__description">Allows you to select a city, based on country and province/state</p> </a> </li> <li id="code"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/mbovel/acf-code"> <h3 class="extension-item__name name ">Code</h3> <p class="extension-item__description">Code editor field (Ace Code Editor).</p> </a> </li> <li id="codifier"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/devgeniem/acf-codifier"> <h3 class="extension-item__name name ">Codifier</h3> <p class="extension-item__description">A wrapper class to help write more readable ACF field declarations.</p> </a> </li> <li id="color-palette"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/7studio/acf-color-palette"> <h3 class="extension-item__name name ">Color Palette</h3> <p class="extension-item__description">Color picker with a defined color palette only</p> </a> </li> <li id="color-swatch"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/nickforddesign/acf-swatch"> <h3 class="extension-item__name name ">Color Swatch</h3> <p class="extension-item__description">Allows the creation of color swatches that behave as radio buttons.</p> </a> </li> <li id="columns"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-columns/"> <h3 class="extension-item__name name ">Columns</h3> <p class="extension-item__description">For each column add a Column Field to your field group and define the width for this column. </p> </a> </li> <li id="commonmark-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-commonmark/"> <h3 class="extension-item__name name ">CommonMark Field</h3> <p class="extension-item__description">Allows you to write text in Markdown format, using the CommonMark standard.</p> </a> </li> <li id="companion"> <a target="_blank" rel="nofollow" class="extension-item " href="https://acfcompanion.com/"> <h3 class="extension-item__name name ">Companion</h3> <p class="extension-item__description">CSS toolset (with a little JS) to help you style ACF</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="component-field-addon"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/k1590"> <h3 class="extension-item__name name ">Component Field Addon</h3> <p class="extension-item__description">Allows you to treat a field group as a component and reuse it in any other field groups.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="conditional-taxonomy-rules"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/mattkeys/ACF-Conditional-Taxonomy-Rules"> <h3 class="extension-item__name name ">Conditional Taxonomy Rules</h3> <p class="extension-item__description">Expands on the ACF conditional functionality to allow for taxonomy field types and terms to be selected.</p> </a> </li> <li id="contact-form"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/cpham/acf-contact-form"> <h3 class="extension-item__name name ">Contact Form</h3> <p class="extension-item__description">Create a contact form using an existing Field Group in ACF.</p> </a> </li> <li id="contact-form-7"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/taylormsj/acf-cf7"> <h3 class="extension-item__name name ">Contact Form 7</h3> <p class="extension-item__description">Store one or multiple contact forms in an advanced custom field.</p> </a> </li> <li id="content-analysis-for-yoast-seo"> <a target="_blank" rel="nofollow" class="extension-item " href="https://en-au.wordpress.org/plugins/acf-content-analysis-for-yoast-seo/"> <h3 class="extension-item__name name ">Content Analysis for Yoast SEO</h3> <p class="extension-item__description">Ensure that Yoast SEO analysize all ACF content including Flexible Content and Repeaters.</p> </a> </li> <li id="country"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/nlemoine/acf-country/"> <h3 class="extension-item__name name ">Country</h3> <p class="extension-item__description">Adds a 'Country' field type for the Advanced Custom Fields WordPress plugin.</p> </a> </li> <li id="coupon"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/matrunchyk/acf_coupon"> <h3 class="extension-item__name name ">Coupon</h3> <p class="extension-item__description">Provides a handy read/only field with autogenerated coupon code based on user settings.</p> </a> </li> <li id="cpt-options-pages"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-cpt-options-pages/"> <h3 class="extension-item__name name ">CPT Options Pages</h3> <p class="extension-item__description">Small addon for ACF Options. Adds ACF location for each custom post type archive.</p> </a> </li> <li id="css-margin-&-padding-settings"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/tmconnect/ACF-CSS-Margin-Padding-Settings"> <h3 class="extension-item__name name ">CSS Margin & Padding Settings</h3> <p class="extension-item__description">set margins, paddings, border width, border color, border radius and border styling. Also you can set the background and text color.</p> </a> </li> <li id="currency"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/nekojira/wp-currencies"> <h3 class="extension-item__name name ">Currency</h3> <p class="extension-item__description">Choose currencies using WP Currencies.</p> </a> </li> <li id="customizer"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/mcguffin/acf-customizer"> <h3 class="extension-item__name name ">Customizer</h3> <p class="extension-item__description">Use Fields in WordPress Customizer</p> </a> </li> <li id="date-and-time-picker"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/soderlind/acf-field-date-time-picker"> <h3 class="extension-item__name name ">Date and Time Picker</h3> <p class="extension-item__description">allows you to add a Date and Time Picker field type.</p> </a> </li> <li id="divider"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/Kreshnik/acf-divider-field"> <h3 class="extension-item__name name ">Divider</h3> <p class="extension-item__description">A divider field that lets you group multiple fields under an divider.</p> </a> </li> <li id="dropzone"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-dropzone/"> <h3 class="extension-item__name name ">Dropzone</h3> <p class="extension-item__description">Enable Drag and Drop Upload in ACF’s Image, File and Gallery Field.</p> </a> </li> <li id="duplicate-repeater"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-duplicate-repeater/"> <h3 class="extension-item__name name ">Duplicate Repeater</h3> <p class="extension-item__description">Duplicate repeater and flexible content fields</p> </a> </li> <li id="dynamic-css"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/k159V"> <h3 class="extension-item__name name ">Dynamic CSS</h3> <p class="extension-item__description">Adds the ability to turn your Custom Fields into a dynamic front-end customizer tool.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="dynamic-table"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/Jeradin/acf-dynamic-table-field"> <h3 class="extension-item__name name ">Dynamic Table</h3> <p class="extension-item__description">Adds a Dynamic Table Field to Advanced Custom Fields.</p> </a> </li> <li id="elementor-calendar-for-acf"> <a target="_blank" rel="nofollow" class="extension-item " href="https://r.freemius.com/10852/3431894/?utm_source=awesomeacf"> <h3 class="extension-item__name name ">Elementor Calendar for ACF</h3> <p class="extension-item__description">Display with an elementor widget a beautiful calendar that matches your ACF fields</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="elementor-repeater-for-acf"> <a target="_blank" rel="nofollow" class="extension-item " href="https://r.freemius.com/10860/3431894/?utm_source=awesomeacf"> <h3 class="extension-item__name name ">Elementor Repeater for ACF</h3> <p class="extension-item__description">Display with an elementor widget a custom design ACF repeater</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="enhanced-message-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-enhanced-message-field/"> <h3 class="extension-item__name name ">Enhanced Message Field</h3> <p class="extension-item__description">Adds an enhanced version of the default Message field to accept PHP and certainly no wpauto().</p> </a> </li> <li id="extended"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-extended/"> <h3 class="extension-item__name name ">Extended</h3> <p class="extension-item__description">This plugin aims to provide a range of improvements & optimizations for ACF.</p> </a> </li> <li id="extended-acf"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/vinkla/extended-acf"> <h3 class="extension-item__name name ">Extended ACF</h3> <p class="extension-item__description">Register Advanced Custom Fields with object oriented PHP</p> </a> </li> <li id="fancy-repeater"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/lucasstark/acf-fancy-repeater-field"> <h3 class="extension-item__name name ">Fancy Repeater</h3> <p class="extension-item__description">An updated user interface for Repeater Field.</p> </a> </li> <li id="fewbricks"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/folbert/fewbricks"> <h3 class="extension-item__name name ">Fewbricks</h3> <p class="extension-item__description">Module system for ACF, Write re-usable code instead of using the GUI.</p> </a> </li> <li id="field-selector"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/danielpataki/acf-field_selector_field"> <h3 class="extension-item__name name ">Field Selector</h3> <p class="extension-item__description">Allows you to select a custom set of fields.</p> </a> </li> <li id="fields-to-rest-api"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/lewisdonovan/acf-fields-to-wp-rest-api"> <h3 class="extension-item__name name ">Fields to REST API</h3> <p class="extension-item__description">Programmatically add data from ACF to the WordPress REST API</p> </a> </li> <li id="flexible-columns"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-flexible-columns/"> <h3 class="extension-item__name name ">Flexible Columns</h3> <p class="extension-item__description">Replace the regular single content editor with responsive multiple column editors.</p> </a> </li> <li id="flexible-content-duplication"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/magicstickuk/Flexible-Content-Duplication/"> <h3 class="extension-item__name name ">Flexible Content Duplication</h3> <p class="extension-item__description">Duplicate/Copy/Clone any section of ACF's flexible content field from one page to another</p> </a> </li> <li id="flexible-content-modal"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/edirpedro/acf-flexible-content-modal"> <h3 class="extension-item__name name ">Flexible Content Modal</h3> <p class="extension-item__description">Make ACF Flexible Content editing the content of each layout using a Modal window.</p> </a> </li> <li id="flexible-content-title"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/mmirus/acf-flexible-content-title"> <h3 class="extension-item__name name ">Flexible Content Title</h3> <p class="extension-item__description">Display the content of a text sub field in the title bar</p> </a> </li> <li id="flexible-layouts-manager"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-flexible-layouts-manager/"> <h3 class="extension-item__name name ">Flexible Layouts Manager</h3> <p class="extension-item__description">You can copy/duplicate any layout & import partials/full layouts.</p> </a> </li> <li id="flickr"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/phuisman88/flickrfield"> <h3 class="extension-item__name name ">Flickr</h3> <p class="extension-item__description">Grant you the ability to include photos, sets and galleries from your Flickr account.</p> </a> </li> <li id="focal-point"> <a target="_blank" rel="nofollow" class="extension-item " href="https://en-au.wordpress.org/plugins/acf-focal-point/"> <h3 class="extension-item__name name ">Focal Point</h3> <p class="extension-item__description">Allow users to draw focal points on images. </p> </a> </li> <li id="fold-flexible-content"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-fold-flexible-content/"> <h3 class="extension-item__name name ">Fold Flexible Content</h3> <p class="extension-item__description">Collapsed flexible content panels with helping icons.</p> </a> </li> <li id="font-awesome"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/advanced-custom-fields-font-awesome/"> <h3 class="extension-item__name name ">Font Awesome</h3> <p class="extension-item__description">allow users to select icon from font awesome.</p> </a> </li> <li id="font-icon-picker"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/micc83/acf-fonticonpicker"> <h3 class="extension-item__name name ">Font Icon Picker</h3> <p class="extension-item__description">A Fonts Icons Picker field type.</p> </a> </li> <li id="formidable-forms"> <a target="_blank" rel="nofollow" class="extension-item " href="https://formidableforms.com/knowledgebase/create-posts/integrate-advanced-custom-fields/"> <h3 class="extension-item__name name ">Formidable Forms</h3> <p class="extension-item__description">Create posts from the front-end of your site, and easily map most field types to ACF.</p> </a> </li> <li id="front-end-editor"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-front-end-editor/"> <h3 class="extension-item__name name ">Front End Editor</h3> <p class="extension-item__description">The add-on allows admins to edit text fields, textareas and wysiwyg fields from front end simillary as you would edit a google doc.</p> </a> </li> <li id="frontend-admin-for-acf"> <a target="_blank" rel="nofollow" class="extension-item " href="https://links.awesomeacf.com/acf-frontend-pro"> <h3 class="extension-item__name name ">Frontend Admin for ACF</h3> <p class="extension-item__description">Manage your content from the frontend with ease</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="frontend-display"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/dadmor/ACF_frontend_display"> <h3 class="extension-item__name name ">Frontend Display</h3> <p class="extension-item__description">Display ACF form on frontend your site.</p> </a> </li> <li id="frontend-submit-pro-–-wordpress-user-frontend-post-plugin"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/6Qvnm"> <h3 class="extension-item__name name ">Frontend Submit PRO – WordPress User Frontend Post Plugin</h3> <p class="extension-item__description">Frontend Submission Form Builder – Create Multipurpose Frontend Posting Form with flexible form fields. Just drag & drop, no coding required.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="geometa-for-acf"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/geometa-acf/"> <h3 class="extension-item__name name ">GeoMeta For ACF</h3> <p class="extension-item__description">Store real spatial data with Advanced Custom Fields, using the WP-GeoMeta library.</p> </a> </li> <li id="get-all-objects"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/devlifeX/acf-getallobjects"> <h3 class="extension-item__name name ">Get All Objects</h3> <p class="extension-item__description">Reduce the number of queries made to the database </p> </a> </li> <li id="google-font-selector"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/wp-plugins/acf-google-font-selector-field"> <h3 class="extension-item__name name ">Google Font Selector</h3> <p class="extension-item__description">Allow users to select Google Fonts.</p> </a> </li> <li id="google-map-extended"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/codewahoo/acf-gme"> <h3 class="extension-item__name name ">Google Map Extended</h3> <p class="extension-item__description">Extending the functionality of the built-in Google Map field with several handy features.</p> </a> </li> <li id="google-maps-radius-search"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-google-maps-radius-search/"> <h3 class="extension-item__name name ">Google Maps Radius Search</h3> <p class="extension-item__description">Turns ACF address field into a distance radius search on a search results page.</p> </a> </li> <li id="googlemaps-autocomplete"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/callamwilliams/ACF-GoogleMaps-autocomplete"> <h3 class="extension-item__name name ">GoogleMaps Autocomplete</h3> <p class="extension-item__description">Use the GoogleMaps Autocomplete without having to load in the full map component.</p> </a> </li> <li id="gravity-forms"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-gravityforms-add-on/"> <h3 class="extension-item__name name ">Gravity Forms</h3> <p class="extension-item__description">Select field populated with Gravity Forms.</p> </a> </li> <li id="gravity-forms-media-library"> <a target="_blank" rel="nofollow" class="extension-item " href="https://gravitywiz.com/documentation/gp-media-library-for-gravity-forms/"> <h3 class="extension-item__name name ">Gravity Forms Media Library</h3> <p class="extension-item__description">Upload your files from Gravity Forms to the WordPress Media Library and Advanced Custom Fields.</p> </a> </li> <li id="hider"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-hider/"> <h3 class="extension-item__name name ">Hider</h3> <p class="extension-item__description">A tiny plugin that hides the Advanced Custom Fields menu item</p> </a> </li> <li id="hue-color-picker"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/reyhoun/acf-hue-color-picker"> <h3 class="extension-item__name name ">Hue Color Picker</h3> <p class="extension-item__description">Allow users to select a hue color value.</p> </a> </li> <li id="icon-selector"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/Kreshnik/acf-field-icon-font"> <h3 class="extension-item__name name ">Icon Selector</h3> <p class="extension-item__description">Font icon selector field that lets you preview a font icon.</p> </a> </li> <li id="image-aspect-ratio-crop"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-image-aspect-ratio-crop/"> <h3 class="extension-item__name name ">Image aspect ratio crop</h3> <p class="extension-item__description">Forces the user to crop their image to specific aspect ratio after uploading</p> </a> </li> <li id="image-crop"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/andersthorborg/ACF-Image-Crop"> <h3 class="extension-item__name name ">Image Crop</h3> <p class="extension-item__description">Adds an 'Image with user-crop' field type.</p> </a> </li> <li id="image-hotspots-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-image-mapping-hotspots/"> <h3 class="extension-item__name name ">Image Hotspots Field</h3> <p class="extension-item__description">Add-on to allow the capturing of coordinates on an image, based on user clicks.</p> </a> </li> <li id="image-resize-parameter"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/reyhoun/acf-image-resize-parameter"> <h3 class="extension-item__name name ">Image Resize Parameter</h3> <p class="extension-item__description">Get Image Resize Parameter from user.</p> </a> </li> <li id="image-select"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/cyberwani/ACF-Image-Select"> <h3 class="extension-item__name name ">Image Select</h3> <p class="extension-item__description">Use images to select options within an ACF group.</p> </a> </li> <li id="input-counter"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/Hube2/acf-input-counter"> <h3 class="extension-item__name name ">Input Counter</h3> <p class="extension-item__description">Adds a counter to all text and textarea fields with character limits</p> </a> </li> <li id="instagram"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/francoiscote/acf-field-instagram"> <h3 class="extension-item__name name ">Instagram</h3> <p class="extension-item__description">Fetches the Instagram API for a single media information based on the provided shortcode.</p> </a> </li> <li id="instagram-media-picker"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/N-Molham/acf-instagram-media-picker"> <h3 class="extension-item__name name ">Instagram Media Picker</h3> <p class="extension-item__description">Allowed user to select media (image/video) from their Instagram account to submit</p> </a> </li> <li id="json-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/bitterendio/acf-field-type-json"> <h3 class="extension-item__name name ">JSON Field</h3> <p class="extension-item__description">Field to allow JSON data </p> </a> </li> <li id="justified-image-grid"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/tmconnect/ACF-Justified-Image-Grid"> <h3 class="extension-item__name name ">Justified Image Grid</h3> <p class="extension-item__description">Create an elegant and full responsive image grid.</p> </a> </li> <li id="layer-slider"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/tkin1235/acf-layer_slider"> <h3 class="extension-item__name name ">Layer Slider</h3> <p class="extension-item__description">Adds a Layer Slider field.</p> </a> </li> <li id="leaflet-map"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/jensjns/acf-leaflet-field"> <h3 class="extension-item__name name ">Leaflet map</h3> <p class="extension-item__description">Adds a Leaflet map-field.</p> </a> </li> <li id="link-picker-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-link-picker-field/"> <h3 class="extension-item__name name ">Link Picker Field</h3> <p class="extension-item__description">Allows the selection of a link utilising the WordPress link picker modal dialog.</p> </a> </li> <li id="madmimi-audience-list"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-madmimi-audience-list/"> <h3 class="extension-item__name name ">MadMimi Audience List</h3> <p class="extension-item__description">Allows you to select one or more of your MadMimi audience lists.</p> </a> </li> <li id="mailpoet"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/BeAPI/acf-mailpoet"> <h3 class="extension-item__name name ">Mailpoet</h3> <p class="extension-item__description">Allows you to select a particular form created with Mailpoet and then you can use it in your templates.</p> </a> </li> <li id="mapbox-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://www.wpbees.com/product/mapbox-for-acf/"> <h3 class="extension-item__name name ">Mapbox Field</h3> <p class="extension-item__description">Creates an interactive map with the ability to place a marker. Features a search input, location finder button and click/drag events to place the marker.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="markdown"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/jensjns/acf-markdown-field"> <h3 class="extension-item__name name ">Markdown</h3> <p class="extension-item__description">A textarea with some extra tools and features that makes writing markdown more fun.</p> </a> </li> <li id="material-color"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/bartligthart/acf-field-material-color"> <h3 class="extension-item__name name ">Material Color</h3> <p class="extension-item__description">Select a Color from Google's Material Design color palette and output the hex code.</p> </a> </li> <li id="mc-acf-flexible-template"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/MarieComet/mc-acf-flexible-template"> <h3 class="extension-item__name name ">MC ACF Flexible Template</h3> <p class="extension-item__description">Makes it possible to save the ACF flexible content fields as templates and to use them again. </p> </a> </li> <li id="media-library-folders-pro"> <a target="_blank" rel="nofollow" class="extension-item " href="https://maxgalleria.com/downloads/media-library-plus-pro/"> <h3 class="extension-item__name name ">Media Library Folders Pro</h3> <p class="extension-item__description">Add images to a posts and pages is done solely by clicking the Add Media button.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="menu-chooser"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/reyhoun/acf-menu-chooser"> <h3 class="extension-item__name name ">Menu Chooser</h3> <p class="extension-item__description">Allows you to select a menu.</p> </a> </li> <li id="move-wp-editor"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/Log1x/acf-move-wp-editor"> <h3 class="extension-item__name name ">Move WP Editor</h3> <p class="extension-item__description">A simple field that moves the WordPress content editor of a post or page to the location of this field.</p> </a> </li> <li id="multiple-toggle-switches"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/samjco/acf-switcher"> <h3 class="extension-item__name name ">Multiple Toggle Switches</h3> <p class="extension-item__description">A Nice UI Toogle Multiple choices Switches for ACF</p> </a> </li> <li id="multisite-sync"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-multisite-sync/"> <h3 class="extension-item__name name ">Multisite Sync</h3> <p class="extension-item__description">Sync your Advanced Custom Fields to all of your multisite installations with just one click. Needs ACF Pro 5.0+</p> </a> </li> <li id="native-fields"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/marcusforsberg/ACF-Native-Fields"> <h3 class="extension-item__name name ">Native Fields</h3> <p class="extension-item__description">An interface to move native WordPress fields and options into ACF for a cleaner editor layout</p> </a> </li> <li id="nav-menu-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/jgraup/advanced-custom-fields-nav-menu-field"> <h3 class="extension-item__name name ">Nav Menu Field</h3> <p class="extension-item__description">allowing you to select from the menus you create in the WordPress Admin backend to use on your website's frontend.</p> </a> </li> <li id="ninja-forms"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/ChuckMac/ninja-forms-acf-field"> <h3 class="extension-item__name name ">Ninja Forms</h3> <p class="extension-item__description">Select one or many Ninja Forms.</p> </a> </li> <li id="ninja-forms"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-ninjaforms-add-on/"> <h3 class="extension-item__name name ">Ninja Forms</h3> <p class="extension-item__description">Select field populated with Ninjaforms</p> </a> </li> <li id="nric/fin"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/10w042/acf-nric"> <h3 class="extension-item__name name ">NRIC/FIN</h3> <p class="extension-item__description">Adds a NRIC/FIN field type to Advanced Custom Fields.</p> </a> </li> <li id="number-slider"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/advanced-custom-fields-number-slider/"> <h3 class="extension-item__name name ">Number Slider</h3> <p class="extension-item__description">Allows you to add a Number Slider field type. </p> </a> </li> <li id="openstreetmap-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-openstreetmap-field/"> <h3 class="extension-item__name name ">OpenStreetMap Field</h3> <p class="extension-item__description">Hassle-free OpenStreetMap with ACF</p> </a> </li> <li id="options-for-polylang"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/BeAPI/acf-options-for-polylang"> <h3 class="extension-item__name name ">Options for Polylang</h3> <p class="extension-item__description">Add ACF options page support for Polylang.</p> </a> </li> <li id="options-page-adder"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/Hube2/acf-options-page-adder"> <h3 class="extension-item__name name ">Options Page Adder</h3> <p class="extension-item__description">Allows easy creation of options pages using Advanced Custom Fields Pro needing to do any PHP coding.</p> </a> </li> <li id="options-page-admin"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/options-page-admin-for-acf/"> <h3 class="extension-item__name name ">Options Page Admin</h3> <p class="extension-item__description">Easy creation of options pages using Advanced Custom Fields Pro without needing to do any PHP coding.</p> </a> </li> <li id="overview"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/nopticon/acf-overview"> <h3 class="extension-item__name name ">Overview</h3> <p class="extension-item__description">Allows to quick view the configuration of all field groups</p> </a> </li> <li id="page-builder-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-page-builder-field/"> <h3 class="extension-item__name name ">Page Builder Field</h3> <p class="extension-item__description">This plugin adds a Page Builder (by SiteOrigin) field. Works great with for example flexible content.</p> </a> </li> <li id="page-grandchildren"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-page-grandchildren/"> <h3 class="extension-item__name name ">Page Grandchildren</h3> <p class="extension-item__description">A great way to show group of fields only on grandchildren pages</p> </a> </li> <li id="page-level"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-page-level/"> <h3 class="extension-item__name name ">Page Level</h3> <p class="extension-item__description">Show the field groups based on the page level.</p> </a> </li> <li id="pages-by-template"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/jonathan-dejong/acf-pages-by-template"> <h3 class="extension-item__name name ">Pages by Template</h3> <p class="extension-item__description">Select a page, filtered on pages of a specific template.</p> </a> </li> <li id="pardot-form"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/adriangonzales/acf-pardot-forms"> <h3 class="extension-item__name name ">Pardot Form</h3> <p class="extension-item__description">Embedding Pardot Forms via an ACF dropdown.</p> </a> </li> <li id="paypal"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/mikerodriguez/acf-paypal-field"> <h3 class="extension-item__name name ">PayPal</h3> <p class="extension-item__description">Integrate PayPal forms onto your WP site with the use of ACF.</p> </a> </li> <li id="permalinks"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-permalinks/"> <h3 class="extension-item__name name ">Permalinks</h3> <p class="extension-item__description">Use custom field values in the permalink structure</p> </a> </li> <li id="photo-gallery-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/navz-photo-gallery/"> <h3 class="extension-item__name name ">Photo Gallery Field</h3> <p class="extension-item__description">Extends the Advanced Custom Fields functionality to add ‘Photo Gallery’.</p> </a> </li> <li id="php-vars"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/samjco/ACF-PHP-VARS"> <h3 class="extension-item__name name ">PHP Vars</h3> <p class="extension-item__description">Show and Copy ACF group field variables to add to your theme code.</p> </a> </li> <li id="polylang-fix-relationships"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/mcguffin/polylang-fix-relationships"> <h3 class="extension-item__name name ">Polylang Fix Relationships</h3> <p class="extension-item__description">Manage post relationships like attachments or (ACF Relational fields) which are not covered by Polylang plugin.</p> </a> </li> <li id="post-2-post"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/Hube2/acf-post2post"> <h3 class="extension-item__name name ">Post 2 Post</h3> <p class="extension-item__description">Automatic Two Way (Bidirectional) Relationships with ACF5 Pro</p> </a> </li> <li id="post-object-addon"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-post-object-field-type-add-on/"> <h3 class="extension-item__name name ">Post Object Addon</h3> <p class="extension-item__description">An ACF extension that appends selected field data to post titles for the "Post Object" field type.</p> </a> </li> <li id="post-or-taxonomy-link"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/framedigital/acf-post-term-select"> <h3 class="extension-item__name name ">Post or Taxonomy Link</h3> <p class="extension-item__description">An Advanced Custom Fields field for selecting posts or term</p> </a> </li> <li id="post-type-chooser"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/reyhoun/acf-post-type-chooser"> <h3 class="extension-item__name name ">Post Type Chooser</h3> <p class="extension-item__description">Create a select field populated with selected post types.</p> </a> </li> <li id="post-type-select-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/post-type-select-for-advanced-custom-fields/"> <h3 class="extension-item__name name ">Post Type Select Field</h3> <p class="extension-item__description">Post Type Select provides a select field for choosing a WordPress Post Type.</p> </a> </li> <li id="post-type-selector"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/TimPerry/acf-post-type-selector"> <h3 class="extension-item__name name ">Post Type Selector</h3> <p class="extension-item__description">Provides the option to select a single or multiple post types.</p> </a> </li> <li id="price"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/speccode/acf-field-price"> <h3 class="extension-item__name name ">Price</h3> <p class="extension-item__description">Price Field.</p> </a> </li> <li id="qtranslate"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-qtranslate/"> <h3 class="extension-item__name name ">qTranslate</h3> <p class="extension-item__description">Provides qTranslate compatible ACF field types for Text, Text Area, WYSIWYG, Image and File.</p> </a> </li> <li id="quick-and-easy-post-creation-for-acf-relationship-fields-pro"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/0MbyN"> <h3 class="extension-item__name name ">Quick and easy Post creation for ACF Relationship Fields PRO</h3> <p class="extension-item__description">This plugin simplifies this process by allowing you to create the related posts on the fly.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="quick-and-easy-post-creation-for-relationship-fields"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/quick-and-easy-post-creation-for-acf-relationship-fields/"> <h3 class="extension-item__name name ">Quick and Easy Post creation for Relationship Fields</h3> <p class="extension-item__description">This plugin allows you to create related posts on the fly.</p> </a> </li> <li id="quickedit"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-quickedit-fields/"> <h3 class="extension-item__name name ">QuickEdit</h3> <p class="extension-item__description">QuickEdit and BulkEdit for Advanced Custom Fields.</p> </a> </li> <li id="random-string"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/lukechapman/acf-random-string-field"> <h3 class="extension-item__name name ">Random String</h3> <p class="extension-item__description">Generates a random string.</p> </a> </li> <li id="range-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-range-field/"> <h3 class="extension-item__name name ">Range Field</h3> <p class="extension-item__description">Allows you to add a jQuery Range Slider field type</p> </a> </li> <li id="rcwd-upload-for-advanced-custom-fields"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/z5WPG"> <h3 class="extension-item__name name ">Rcwd Upload for Advanced Custom Fields</h3> <p class="extension-item__description">Allows to add a new single file upload field that is external to the WP media core</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="read-only"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/quantity-digital/acf-read-only"> <h3 class="extension-item__name name ">Read Only</h3> <p class="extension-item__description">Read only field for data that is manipulated only on the backend, but should be visible to the WP admins</p> </a> </li> <li id="real-media-library-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-real-media-library-field/"> <h3 class="extension-item__name name ">Real Media Library Field</h3> <p class="extension-item__description">Add field type to select a media folder (Real Media Library extension).</p> </a> </li> <li id="recaptcha"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/irvinlim/acf-recaptcha"> <h3 class="extension-item__name name ">reCAPTCHA</h3> <p class="extension-item__description">Google's No-CAPTCHA reCAPTCHA, to be used on frontend forms.</p> </a> </li> <li id="recent-posts-widget"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-recent-posts-widget/"> <h3 class="extension-item__name name ">Recent Posts Widget</h3> <p class="extension-item__description">Adds a custom, extended Recent Posts Widget - with ACF and Meta Keys support</p> </a> </li> <li id="recovery-tool-from-php-export"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/BeAPI/ACF-PHP-Recovery"> <h3 class="extension-item__name name ">Recovery Tool from PHP Export</h3> <p class="extension-item__description">Recover field sets from PHP export</p> </a> </li> <li id="repeater-&-flexible-content-collapser"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-repeater-flexible-content-collapser/"> <h3 class="extension-item__name name ">Repeater & Flexible Content Collapser</h3> <p class="extension-item__description">Add's a button to collapse or expand all rows at once.</p> </a> </li> <li id="repeater-&-flexible-content-fields-collapser"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/advanced-custom-field-repeater-collapser/"> <h3 class="extension-item__name name ">Repeater & Flexible Content Fields Collapser</h3> <p class="extension-item__description">Easier sorting for large repeated fields in the Advanced Custom Fields plugin.</p> </a> </li> <li id="repeater-collapser"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/mcguffin/acf-repeater-collapser"> <h3 class="extension-item__name name ">Repeater Collapser</h3> <p class="extension-item__description">Allowing to collapse / expand ACF repeater fields.</p> </a> </li> <li id="repeater-tabs"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/JamesParkNINJA/acf-repeater-tabs"> <h3 class="extension-item__name name ">Repeater Tabs</h3> <p class="extension-item__description">A tabbed-view extension to ACF PRO's repeater fields</p> </a> </li> <li id="required-tabs"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/devgeniem/acf-required-tabs"> <h3 class="extension-item__name name ">Required Tabs</h3> <p class="extension-item__description">Adds an indicator for tabs that contain unfilled required fields</p> </a> </li> <li id="rest-api"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-to-rest-api/"> <h3 class="extension-item__name name ">REST API</h3> <p class="extension-item__description">Exposes Advanced Custom Fields Endpoints in the WP REST API v2</p> </a> </li> <li id="rest-select"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-rest/"> <h3 class="extension-item__name name ">REST Select</h3> <p class="extension-item__description">Provides an input for an endpoint from which the necessary options to populate the select are retrieved.</p> </a> </li> <li id="restrict-color-picker-options"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-restrict-color-picker/"> <h3 class="extension-item__name name ">Restrict Color Picker Options</h3> <p class="extension-item__description">Restrict Advanced Custom Fields color picker field to a specific subset of custom colors.</p> </a> </li> <li id="reusable-field-group"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/tybruffy/ACF-Reusable-Field-Group"> <h3 class="extension-item__name name ">Reusable Field Group</h3> <p class="extension-item__description">Allows you to create a group of fields once, and reuse it within any other field group.</p> </a> </li> <li id="reusable-field-group-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/Hube2/acf-reusable-field-group-field"> <h3 class="extension-item__name name ">Reusable Field Group Field</h3> <p class="extension-item__description">Field groups are rebuilt using local field groups that override existing field groups.</p> </a> </li> <li id="rgba-color"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/reyhoun/acf-rgba-color"> <h3 class="extension-item__name name ">RGBA Color</h3> <p class="extension-item__description">RGBA Color Picker field type.</p> </a> </li> <li id="rgba-color-picker"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-rgba-color-picker/"> <h3 class="extension-item__name name ">RGBA Color Picker</h3> <p class="extension-item__description">Adds an ACF field for an extended color picker with transparency option.</p> </a> </li> <li id="role-selector"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/danielpataki/acf-role_selector"> <h3 class="extension-item__name name ">Role Selector</h3> <p class="extension-item__description">Allows you to select a user role.</p> </a> </li> <li id="searchwp"> <a target="_blank" rel="nofollow" class="extension-item " href="https://searchwp.com/search-acf-advanced-custom-fields-data-in-wordpress/?ref=263&campaign=AwesomeACF"> <h3 class="extension-item__name name ">SearchWP</h3> <p class="extension-item__description">SearchWP abstracts ACF’s data while building its index, creating an optimized search environment & much much more.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="section-styles"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/ractoon/ACF-Pro-Section-Styles"> <h3 class="extension-item__name name ">Section Styles</h3> <p class="extension-item__description">A field to configure CSS styles including: padding, border, margin, and backgrounds.</p> </a> </li> <li id="show-password"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/BeAPI/acf-wp-show-password"> <h3 class="extension-item__name name ">Show Password</h3> <p class="extension-item__description">Very simple WordPress plugin to add a checkbox show password when it's an ACF input type password - it also adds this functionality on login screen WordPress.</p> </a> </li> <li id="sidebar-selector"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/danielpataki/acf-sidebar-selector"> <h3 class="extension-item__name name ">Sidebar Selector</h3> <p class="extension-item__description">Allows you to select a sidebar.</p> </a> </li> <li id="signature"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/AsmodeusNOIR/acf-signature"> <h3 class="extension-item__name name ">Signature</h3> <p class="extension-item__description">Signature field.</p> </a> </li> <li id="simple-tooltip"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-simple-tooltip/"> <h3 class="extension-item__name name ">Simple Tooltip</h3> <p class="extension-item__description">Displays ACF field instructions as tooltips using only CSS.</p> </a> </li> <li id="sites"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/jonathan-dejong/acf-sites"> <h3 class="extension-item__name name ">Sites</h3> <p class="extension-item__description">Provides a field containing the sites in a multisite network.</p> </a> </li> <li id="sku-relationship"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/framedigital/acf-sku-relationship"> <h3 class="extension-item__name name ">SKU Relationship</h3> <p class="extension-item__description">A field for relating Products by SKU</p> </a> </li> <li id="smart-button"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/gillesgoetsch/acf-smart-button"> <h3 class="extension-item__name name ">Smart Button</h3> <p class="extension-item__description">A simple, clean and lean acf Field that allows the user to select an internal link as a post_object or an external link as a url field via a smooth toggle.</p> </a> </li> <li id="star-rating"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/kevdotbadger/acf-star-rating"> <h3 class="extension-item__name name ">Star Rating</h3> <p class="extension-item__description">A simple star rating field.</p> </a> </li> <li id="sub-field-chooser"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/reyhoun/acf-subfield-chooser"> <h3 class="extension-item__name name ">Sub Field Chooser</h3> <p class="extension-item__description">Return custom subfield value of a custom repeater field as a select box.</p> </a> </li> <li id="svg-icon"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/7studio/acf-svg-icon"> <h3 class="extension-item__name name ">SVG Icon</h3> <p class="extension-item__description">Allows you to select icon(s) from a SVG sprite. </p> </a> </li> <li id="tab-merge"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-tab-merge/"> <h3 class="extension-item__name name ">Tab Merge</h3> <p class="extension-item__description">Merges tabs across field groups into a single tab list.</p> </a> </li> <li id="tab-merge-2"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/xuconngzhe/wp-acf-tab-merge"> <h3 class="extension-item__name name ">Tab Merge 2</h3> <p class="extension-item__description">This plugin merges ACF tabs across field groups into a single tab list.</p> </a> </li> <li id="tabbed-content"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/JiveDig/acf-tabbed-content"> <h3 class="extension-item__name name ">Tabbed Content</h3> <p class="extension-item__description">Create responsive and accessible tabbed content for posts, pages, and CPT's.</p> </a> </li> <li id="table-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/advanced-custom-fields-table-field/"> <h3 class="extension-item__name name ">Table Field</h3> <p class="extension-item__description">The Table field plugin enables easely editing a table.</p> </a> </li> <li id="table-importer"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/acodesmith/advanced-custom-fields-table-importer"> <h3 class="extension-item__name name ">Table Importer</h3> <p class="extension-item__description">Add on for the Advanced Custom Fields Table Field</p> </a> </li> <li id="tablepress"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/tylerdigital/acf-tablepress"> <h3 class="extension-item__name name ">TablePress</h3> <p class="extension-item__description">Select a TablePress table.</p> </a> </li> <li id="tag-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/kolhoffmmm/acf_tags"> <h3 class="extension-item__name name ">Tag Field</h3> <p class="extension-item__description">Creates a simple field to add & edit non hieratchical taxonomies, possible to add taxonomies.</p> </a> </li> <li id="term"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/osadi/osadi-acf-field-term"> <h3 class="extension-item__name name ">Term</h3> <p class="extension-item__description">Dropdown or multiselect of all available terms.</p> </a> </li> <li id="theme-code"> <a target="_blank" class="extension-item " href="https://wordpress.org/plugins/acf-theme-code/"> <h3 class="extension-item__name name ">Theme Code</h3> <p class="extension-item__description">Automatically generates the code you need to implement ACF fields in your themes.</p> </a> </li> <li id="theme-code-pro"> <a target="_blank" class="extension-item " href="https://hookturn.io/downloads/acf-theme-code-pro/?utm_source=awesomeacflink"> <h3 class="extension-item__name name ">Theme Code Pro</h3> <p class="extension-item__description">Automatically generates the code you need to implement ACF PRO fields in your themes.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="timezone"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/DocWatson/acf-timezone-picker"> <h3 class="extension-item__name name ">Timezone</h3> <p class="extension-item__description">Allows you to pick from a list of Time Zones.</p> </a> </li> <li id="toggle-true/false"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/samjco/ACF-toggle-true-false-switcher-field"> <h3 class="extension-item__name name ">Toggle True/False</h3> <p class="extension-item__description">Nice UI Toggle True/False switch for ACF!</p> </a> </li> <li id="token-input"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-token-input/"> <h3 class="extension-item__name name ">Token Input</h3> <p class="extension-item__description">Bringing the functionality into ACF similar to Facebook whereby you can search and select multiple items</p> </a> </li> <li id="tooltip"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-tooltip/"> <h3 class="extension-item__name name ">Tooltip</h3> <p class="extension-item__description">Hides the instructions, adds a help symbol to the label of the fields and generate a tooltip of the instuction.</p> </a> </li> <li id="tweet"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/francoiscote/acf-field-tweet"> <h3 class="extension-item__name name ">Tweet</h3> <p class="extension-item__description">Gets a single Tweet Data from the twitter API from the tweet ID.</p> </a> </li> <li id="typography"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/reyhoun/acf-typography"> <h3 class="extension-item__name name ">Typography</h3> <p class="extension-item__description">Provides a field containing the all font css attribute with google font support.</p> </a> </li> <li id="typography-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-typography-field/"> <h3 class="extension-item__name name ">Typography Field</h3> <p class="extension-item__description">Lets you add different text properties e.g. Font Size, Font Family, Font Color etc.</p> </a> </li> <li id="user-network"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/BeAPI/acf-user-network"> <h3 class="extension-item__name name ">User Network</h3> <p class="extension-item__description">This ACF field is a select2 field in order to list all network users. </p> </a> </li> <li id="user-role-selector"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-role-selector-field/"> <h3 class="extension-item__name name ">User Role Selector</h3> <p class="extension-item__description">Allows you to select one or more user roles</p> </a> </li> <li id="validated-field"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/validated-field-for-acf/"> <h3 class="extension-item__name name ">Validated Field</h3> <p class="extension-item__description">Provides input masking and validation of other field types.</p> </a> </li> <li id="vc-integrator"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-vc-integrator/"> <h3 class="extension-item__name name ">VC Integrator</h3> <p class="extension-item__description">Puts a ACF element into your Visual Composer, making it easier than ever to use your custom created fields in your own page design.</p> </a> </li> <li id="viewer"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/josephfusco/advanced-custom-fields-viewer"> <h3 class="extension-item__name name ">Viewer</h3> <p class="extension-item__description">View fields names & data on the front end of your theme while developing.</p> </a> </li> <li id="website"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/Jeradin/acf-website-field"> <h3 class="extension-item__name name ">Website</h3> <p class="extension-item__description">Add-on for Website URLs, allows for website URL, title and a checkbox to open externally or internally.</p> </a> </li> <li id="widget-area"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/dustyf/acf-widget-area"> <h3 class="extension-item__name name ">Widget Area</h3> <p class="extension-item__description">Allows you to pick a widget area to be displayed on a page.</p> </a> </li> <li id="widget-area"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/bonnerl/acf-widget-area"> <h3 class="extension-item__name name ">Widget Area</h3> <p class="extension-item__description">Selecting a widget area from registered sidebars.</p> </a> </li> <li id="widget-options"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/widget-options/"> <h3 class="extension-item__name name ">Widget Options</h3> <p class="extension-item__description">Easily show or hide any widgets using your ACF fields and conditions. </p> </a> </li> <li id="widgets"> <a target="_blank" rel="nofollow" class="extension-item " href="http://acfwidgets.com/"> <h3 class="extension-item__name name ">Widgets</h3> <p class="extension-item__description">With ACFW, you can easily create new widgets without touching any code.</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="willow"> <a target="_blank" rel="nofollow" class="extension-item " href="https://qstudio.us/docs/willow/"> <h3 class="extension-item__name name ">Willow</h3> <p class="extension-item__description">A Logic-less template engine, shaped for WordPress & built around Advanced Custom Fields.</p> </a> </li> <li id="wp-acf-visual-composer-bridge"> <a target="_blank" rel="nofollow" class="extension-item " href="https://1.envato.market/nZaPM"> <h3 class="extension-item__name name ">WP ACF Visual Composer Bridge</h3> <p class="extension-item__description">Integrates Advanced Custom Fields and Visual Composer WordPress Plugins</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="wp-all-import"> <a target="_blank" rel="nofollow" class="extension-item " href="http://www.wpallimport.com/advanced-custom-fields/"> <h3 class="extension-item__name name ">WP All Import</h3> <p class="extension-item__description">Import data from XML & CSV files into Advanced Custom Fields 4, or ACF 5/ACF Pro. </p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="wpgraphql-for-advanced-custom-fields"> <a target="_blank" rel="nofollow" class="extension-item " href="https://www.wpgraphql.com/acf/"> <h3 class="extension-item__name name ">WPGraphQL for Advanced Custom Fields</h3> <p class="extension-item__description">Interact with your Advanced Custom Field data using GraphQL Queries</p> </a> </li> <li id="wpsolr"> <a target="_blank" rel="nofollow" class="extension-item " href="https://secure.2checkout.com/affiliate.php?ACCOUNT=EOSTISSA&AFFILIATE=120651&PATH=http%3A%2F%2Fwpsolr.com%2F%3FAFFILIATE%3D120651&AFFSRC=https%3A%2F%2Fwww.wpsolr.com%2F"> <h3 class="extension-item__name name ">WPSOLR</h3> <p class="extension-item__description">Search Plugin for Elasticsearch and Solr (with ACF)</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="ws-form"> <a target="_blank" rel="nofollow" class="extension-item " href="https://links.awesomeacf.com/ws-form"> <h3 class="extension-item__name name ">WS Form</h3> <p class="extension-item__description">WS Form fully integrates with custom fields created using ACF</p> <span class="extension-item__premium">Premium</span> </a> </li> <li id="yith-woocommerce-compare"> <a target="_blank" rel="nofollow" class="extension-item " href="https://wordpress.org/plugins/acf-yith-woocommerce-compare-support/"> <h3 class="extension-item__name name ">YITH WooCommerce Compare</h3> <p class="extension-item__description">Allows adding fields to the YITH WooCommerce compare table.</p> </a> </li> <li id="youtube-picker"> <a target="_blank" rel="nofollow" class="extension-item " href="https://github.com/airesvsg/acf-youtubepicker"> <h3 class="extension-item__name name ">YouTube Picker</h3> <p class="extension-item__description">Search and select videos on YouTube without leaving the page.</p> </a> </li> </ul> </div> </div> <div class="footer-about-section"> <div class="footer-creators"> <div class="container"> <h3>About Awesome ACF</h3> <p>This site was created by <a href="https://hookturn.io/?utm_source=awesomeacf&utm_medium=site&utm_campaign=awesomeacf&utm_content=footerlink" rel="nofollow" target="_blank">Hookturn</a>, the team behind <a href="https://hookturn.io/downloads/acf-theme-code-pro/?utm_source=awesomeacf" rel="nofollow" target="_blank">ACF Theme Code Pro</a>. If you are interested in contributing or have an extension to add, <a href="mailto:support@hookturn.io">email us</a>. </p> <div class="footer-about-svg"> <a href="https://hookturn.io/?utm_source=awesomeacf&utm_medium=site&utm_campaign=awesomeacf&utm_content=footerlink" rel="nofollow" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 790.86 135.61"> <path d="M92.35,133.57H62l23.32-50H28.23v50H0V5.36H28.23v50H85.34L61.1,5.36H91.42l30.34,64.13Z" style="fill:#2c2460"/> <path d="M127,85v-.37c0-28.14,22.67-51,53.19-51,30.34,0,52.82,22.48,52.82,50.63v.36c0,28.15-22.67,51-53.19,51C149.51,135.61,127,113.13,127,85Zm78.59,0v-.37c0-14.44-10.41-27.05-25.77-27.05-15.9,0-25.4,12.25-25.4,26.69v.36c0,14.44,10.42,27.05,25.77,27.05C196.12,111.67,205.62,99.43,205.62,85Z" style="fill:#2d2460"/> <path d="M240.59,85v-.37c0-28.14,22.66-51,53.18-51,30.34,0,52.82,22.48,52.82,50.63v.36c0,28.15-22.66,51-53.18,51C263.07,135.61,240.59,113.13,240.59,85Zm78.59,0v-.37c0-14.44-10.42-27.05-25.77-27.05-15.9,0-25.41,12.25-25.41,26.69v.36c0,14.44,10.42,27.05,25.77,27.05C309.67,111.67,319.18,99.43,319.18,85Z" style="fill:#2d2460"/> <path d="M355.92,0H383.7V71.1l32.53-35.64h33.26L412.21,74l38.56,59.4H418.61l-25-40.21-9.87,10.42v29.79H355.92Z" style="fill:#2d2460"/> <path d="M465.42,105.64V59.22H453.73V35.46h11.69v-25H493.2v25h23V59.22h-23v41.85c0,6.4,2.75,9.5,9,9.5a28.29,28.29,0,0,0,13.71-3.47v22.3c-5.85,3.47-12.61,5.67-21.93,5.67C476.94,135.07,465.42,128.3,465.42,105.64Z" style="fill:#2d2460"/> <path d="M528.16,98.88V35.46h27.78V90.1c0,13.16,6.21,19.93,16.81,19.93s17.36-6.77,17.36-19.93V35.46H617.9v98H590.11V119.53c-6.39,8.22-14.62,15.72-28.69,15.72C540.4,135.25,528.16,121.36,528.16,98.88Z" style="fill:#2d2460"/> <path d="M630.61,35.46H658.4V55.2c5.66-13.53,14.8-22.3,31.25-21.57V62.69h-1.46c-18.46,0-29.79,11.15-29.79,34.54v36.19H630.61Z" style="fill:#2d2460"/> <path d="M701.13,35.46h27.78V49.35c6.39-8.23,14.62-15.72,28.69-15.72,21,0,33.26,13.89,33.26,36.37v63.42H763.08V78.77c0-13.16-6.21-19.92-16.81-19.92s-17.36,6.76-17.36,19.92v54.65H701.13Z" style="fill:#2d2460"/> </svg> </a> </div> </div> </div> <div class="footer-sponsor"> <div class="container"> <h3>Sponsored by Pressidium</h3> <p>Awesome ACF is sponsored by the very awesome team at <a href="https://pressidium.com/?utm_source=phil&utm_medium=site&utm_campaign=awesomeacf&utm_content=footerlink" rel="nofollow" target="_blank">Pressidium</a>. If you need reliable, secure and scalable Managed WordPress Hosting, <a href="https://pressidium.com/?utm_source=phil&utm_medium=site&utm_campaign=awesomeacf&utm_content=footerlink" rel="nofollow" target="_blank">check them out</a>.</p> <div class="footer-about-svg"> <a href="https://pressidium.com/?utm_source=phil&utm_medium=site&utm_campaign=awesomeacf&utm_content=footerlink" rel="nofollow" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 396.66 64.09"><g data-name="Layer 2"><g data-name="Layer 1"><path d="M87.31 33.81l-.1-18.13a3.14 3.14 0 0 0-.54-6.2C85.3 6.92 81.44 4.87 76.3 3.42v-.28a3.15 3.15 0 0 0-6.11-1.07A84.93 84.93 0 0 0 56.31 1a98.23 98.23 0 0 0-23.38 3.21l-6 1.42a3.15 3.15 0 0 0-6 1.37v.07L6.05 10.61A3.15 3.15 0 1 0 2.66 15l.19 19.84a3.15 3.15 0 1 0 3.54 3.13 2.8 2.8 0 0 0 0-.41L21.17 34a3.14 3.14 0 0 0 4.12 1.67 3 3 0 0 0 1.32-1.06l5 2.39a3.1 3.1 0 0 0 2.63 4v7.61a3.15 3.15 0 1 0 2.95 5.14l13.91 6.42a3.32 3.32 0 0 0-.1.77 3.15 3.15 0 0 0 6.3 0v-.19l13.28-3.42A3.15 3.15 0 1 0 74 53v-3.9a3.14 3.14 0 0 0 2.65-3.1 2.35 2.35 0 0 0 0-.53c4.93-1.79 8.12-3.6 9.62-5.47h.27a3.15 3.15 0 0 0 .83-6.18M6.12 36.5a3.15 3.15 0 0 0-2.06-1.64l-.19-19.93a3.15 3.15 0 0 0 2.05-1.33l15.28 6.94a3.15 3.15 0 0 0 2.18 3.87l.22.05.09 5.16A3.16 3.16 0 0 0 21 32.73v.21zM37.8 52.85a3.13 3.13 0 0 0-1.8-4.06 3.69 3.69 0 0 0-.65-.18V41a3.1 3.1 0 0 0 1.87-1.27l7.88 3.8a3.15 3.15 0 1 0 4-2 3.59 3.59 0 0 0-.47-.12v-6.18a3.15 3.15 0 1 0-3.09-4.92l-7.82-3.55A3.13 3.13 0 0 0 35.41 23h-.18v-7.75a3.1 3.1 0 0 0 1.79-1l8 3.57A3.15 3.15 0 0 0 51.2 19a3.49 3.49 0 0 0 .06-.65c2.27-.56 5.13-1.25 6.27-1.55a28.47 28.47 0 0 0 4.33-1.42 3.15 3.15 0 1 0 .56-5.09l-.26-.13-.16-.03a19.11 19.11 0 0 0-6.49-1.52c-.42 0-.85-.09-1.28-.1-1 0-2 0-3.1.07a3.15 3.15 0 0 0-6.13.86l-1.23.28-6.05 1.46a3.15 3.15 0 1 0-3.49 4.06v7.66a3.15 3.15 0 1 0 3.12 4.8l7.77 3.53a3.14 3.14 0 0 0 2.11 3.91 2.34 2.34 0 0 0 .38.09v6.13a3.19 3.19 0 0 0-2 1.18l-7.92-3.83a2.94 2.94 0 0 0 .12-.84A3.15 3.15 0 0 0 32 36l-5-2.39a3.13 3.13 0 0 0-2-3.89l-.31-.08-.09-5.16a3.15 3.15 0 0 0-.79-6.25 3.19 3.19 0 0 0-2.21 1.35L6.29 12.65a3.09 3.09 0 0 0 .11-.8v-.2l14.84-3.53A3.15 3.15 0 0 0 27.32 7a2.16 2.16 0 0 0 0-.36l5.91-1.41A97.07 97.07 0 0 1 56.34 2 83.65 83.65 0 0 1 70 3.16a3.15 3.15 0 0 0 6 1.32c4.63 1.3 8.15 3.06 9.52 5.16a3.14 3.14 0 0 0-2 3.95 3.17 3.17 0 0 0 .58 1.05 31.29 31.29 0 0 1-8.14 4A3.15 3.15 0 0 0 70 20.11a2.8 2.8 0 0 0 0 .41c-2.49.71-5.25 1.4-8.24 2.07a3.14 3.14 0 1 0-1.84 4 3.07 3.07 0 0 0 1.5-1.18l8.7 3.94a3.41 3.41 0 0 0-.15 1v.19L57 33.93a3.15 3.15 0 1 0-3.59 4.22l.19 19.67a3.17 3.17 0 0 0-2.07 1.36zM44 10.78l1.17-.27a3.14 3.14 0 0 0 6.1-.88 30.18 30.18 0 0 1 4.46 0 26.69 26.69 0 0 1 5.71 1.5 3.14 3.14 0 0 0-.29 3.41 29.64 29.64 0 0 1-3.91 1.25c-1.12.29-3.94 1-6.19 1.52a3.14 3.14 0 0 0-5.69-.48l-7.78-3.48a3.07 3.07 0 0 0 .23-1.08zm32.31 33.66a3.15 3.15 0 0 0-5.52 3A3.12 3.12 0 0 0 72.91 49v4a3.17 3.17 0 0 0-2.58 3.09v.2L57.1 59.7a3.17 3.17 0 0 0-2.4-1.89l-.19-19.61a3.14 3.14 0 0 0 2.75-3.12V35l13.05-3.36A3.15 3.15 0 1 0 72 27.49a3.21 3.21 0 0 0-1.3 1l-8.76-4a3.09 3.09 0 0 0 .11-.8v-.06c2.8-.62 5.64-1.32 8.36-2.09a3.15 3.15 0 0 0 6-1.43 3.38 3.38 0 0 0 0-.45 30.52 30.52 0 0 0 8.64-4.35 3 3 0 0 0 1.24.4l.1 18a3.14 3.14 0 0 0-1.16 6c-1.27 1.35-3.88 3-8.85 4.79m43.73-36.89h13c7.68 0 12.62 3.9 12.62 10.67v.09c0 7.16-5.51 10.93-13.06 10.93h-4.16V38h-8.41zm12.4 15.09c3 0 4.81-1.52 4.81-3.95v-.09c0-2.6-1.78-4-4.86-4h-4v8zM149.3 7.61h14.36c4.68 0 7.85 1.22 9.89 3.3a9.41 9.41 0 0 1 2.69 7.09 9.49 9.49 0 0 1-6.24 9.35l7.24 10.58h-9.72l-6.13-9.15h-3.69V38h-8.41zm14 14.57c2.91 0 4.51-1.39 4.51-3.6v-.09c0-2.43-1.73-3.6-4.55-3.6h-5.51v7.29zM180.52 38h24.64v-7.19h-16.35V26h14.58v-6.61h-14.58v-4.6h16.09V7.63h-24.42zm26.63-4.51a21.15 21.15 0 0 0 14.23 5c7.37 0 12.27-3.69 12.27-9.89v-.09c0-5.68-4.34-7.94-11.32-9.45-4.16-.91-5.25-1.6-5.25-3 0-1.08 1-2 3-2a15.18 15.18 0 0 1 8.5 3l4.21-5.94a19 19 0 0 0-12.49-4c-7.29 0-11.76 4-11.76 9.72v.09c0 6.29 5 8.07 11.45 9.54 4.12.91 5.12 1.69 5.12 2.91v.09c0 1.34-1.21 2.08-3.47 2.08a15.45 15.45 0 0 1-9.85-3.64l-4.68 5.6m28.28 0a21.15 21.15 0 0 0 14.23 5c7.37 0 12.27-3.69 12.27-9.89v-.12c0-5.68-4.34-7.94-11.32-9.45-4.16-.91-5.25-1.6-5.25-2.95V16c0-1.08 1-2 3-2a15.18 15.18 0 0 1 8.5 3l4.18-5.91c-3.29-2.64-7.29-4-12.49-4-7.29 0-11.75 4-11.75 9.72v.09c0 6.29 5 8.07 11.45 9.54 4.12.91 5.12 1.69 5.12 2.91v.09c0 1.34-1.21 2.08-3.47 2.08a15.45 15.45 0 0 1-9.86-3.64l-4.68 5.6M267.85 38h3.43V7.61h-3.43zm12.32-30.37h10.54c9.54 0 16.14 6.55 16.14 15.09v.09c0 8.55-6.59 15.18-16.14 15.18h-10.52zm10.54 27.19c7.68 0 12.58-5.16 12.58-11.93v-.09c0-6.72-4.9-12-12.58-12h-7.11v24zM314.39 38h3.43V7.61h-3.43zm11.84-12.71c0 8.59 5.12 13.19 12.62 13.19s12.66-4.67 12.66-13.48V7.61h-3.43v17.65c0 6.64-3.56 10-9.15 10-5.85 0-9.28-3.64-9.28-10.24V7.61h-3.43v17.65M359.62 38H363V13.42l11 16.22h.17l11.06-16.26V38h3.43V7.61h-3.47l-11.04 16.57-11.06-16.57h-3.47zm34.28-25.12a2.72 2.72 0 0 1-2.73-2.71 2.75 2.75 0 0 1 5.49 0 2.75 2.75 0 0 1-2.73 2.73zm2.5-2.76a2.46 2.46 0 0 0-2.4-2.49h-.05a2.5 2.5 0 0 0-2.5 2.48 2.45 2.45 0 0 0 2.43 2.49 2.48 2.48 0 0 0 2.5-2.48zm-1.62 1.34L394 10.4h-.72v1.06h-.42V8.65h1.26a1.2 1.2 0 0 1 .83.3.68.68 0 0 1 .23.55.83.83 0 0 1-.73.83l.87 1.13zm-.06-2c0-.3-.24-.48-.64-.48h-.83v1h.8c.39 0 .67-.17.67-.5z" fill="#fff"/></g></g></svg> </a> </div> </div> </div> </div> <div class="sub-form" id="subForm"> <span class="sub-form__toggle"> <img src="https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf/assets/images/icon--close.svg"/> </span> <div class="SignUpForm"> <script type="text/javascript"></script> <div class='gf_browser_unknown gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework' data-form-theme='legacy' data-form-index='0' id='gform_wrapper_3' ><style>#gform_wrapper_3[data-form-index="0"].gform-theme,[data-parent-form="3_0"]{--gform-theme-color-primary: #204ce5;--gform-theme-color-primary-rgb: 32, 76, 229;--gform-theme-color-primary-contrast: #fff;--gform-theme-color-primary-contrast-rgb: 255, 255, 255;--gform-theme-color-primary-darker: #001AB3;--gform-theme-color-primary-lighter: #527EFF;--gform-theme-color-secondary: #fff;--gform-theme-color-secondary-rgb: 255, 255, 255;--gform-theme-color-secondary-contrast: #112337;--gform-theme-color-secondary-contrast-rgb: 17, 35, 55;--gform-theme-color-secondary-darker: #F5F5F5;--gform-theme-color-secondary-lighter: #FFFFFF;--gform-theme-color-outside-control-light: rgba(17, 35, 55, 0.1);--gform-theme-color-outside-control-light-rgb: 17, 35, 55;--gform-theme-color-outside-control-light-darker: rgba(104, 110, 119, 0.35);--gform-theme-color-outside-control-light-lighter: #F5F5F5;--gform-theme-color-outside-control-dark: #585e6a;--gform-theme-color-outside-control-dark-rgb: 88, 94, 106;--gform-theme-color-outside-control-dark-darker: #112337;--gform-theme-color-outside-control-dark-lighter: rgba(17, 35, 55, 0.65);--gform-theme-color-inside-control: #fff;--gform-theme-color-inside-control-rgb: 255, 255, 255;--gform-theme-color-inside-control-contrast: #112337;--gform-theme-color-inside-control-contrast-rgb: 17, 35, 55;--gform-theme-color-inside-control-darker: #F5F5F5;--gform-theme-color-inside-control-lighter: #FFFFFF;--gform-theme-color-inside-control-primary: #204ce5;--gform-theme-color-inside-control-primary-rgb: 32, 76, 229;--gform-theme-color-inside-control-primary-contrast: #fff;--gform-theme-color-inside-control-primary-contrast-rgb: 255, 255, 255;--gform-theme-color-inside-control-primary-darker: #001AB3;--gform-theme-color-inside-control-primary-lighter: #527EFF;--gform-theme-color-inside-control-light: rgba(17, 35, 55, 0.1);--gform-theme-color-inside-control-light-rgb: 17, 35, 55;--gform-theme-color-inside-control-light-darker: rgba(104, 110, 119, 0.35);--gform-theme-color-inside-control-light-lighter: #F5F5F5;--gform-theme-color-inside-control-dark: #585e6a;--gform-theme-color-inside-control-dark-rgb: 88, 94, 106;--gform-theme-color-inside-control-dark-darker: #112337;--gform-theme-color-inside-control-dark-lighter: rgba(17, 35, 55, 0.65);--gform-theme-border-radius: 3px;--gform-theme-font-size-secondary: 14px;--gform-theme-font-size-tertiary: 13px;--gform-theme-icon-control-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gform-theme-icon-control-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gform-theme-icon-control-search: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gform-theme-control-border-color: #686e77;--gform-theme-control-size: var(--gform-theme-control-size-md);--gform-theme-control-label-color-primary: #112337;--gform-theme-control-label-color-secondary: #112337;--gform-theme-control-choice-size: var(--gform-theme-control-choice-size-md);--gform-theme-control-checkbox-check-size: var(--gform-theme-control-checkbox-check-size-md);--gform-theme-control-radio-check-size: var(--gform-theme-control-radio-check-size-md);--gform-theme-control-button-font-size: var(--gform-theme-control-button-font-size-md);--gform-theme-control-button-padding-inline: var(--gform-theme-control-button-padding-inline-md);--gform-theme-control-button-size: var(--gform-theme-control-button-size-md);--gform-theme-control-button-border-color-secondary: #686e77;--gform-theme-control-file-button-background-color-hover: #EBEBEB;--gform-theme-field-page-steps-number-color: rgba(17, 35, 55, 0.8);}</style><div id='gf_3' class='gform_anchor' tabindex='-1'></div> <div class='gform_heading'> <h3 class="gform_title">Keep up to date with all things ACF!</h3> <p class='gform_description'>Subscribe to our newsletter or follow <a href="https://twitter.com/awesomeacf" target="_blank" rel="noopener noreferrer">@awesomeacf</a> on Twitter!</p> </div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_3' id='gform_3' action='/#gf_3' data-formid='3' novalidate> <div class='gform-body gform_body'><ul id='gform_fields_3' class='gform_fields top_label form_sublabel_below description_below'><li id="field_3_2" class="gfield gfield--type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label gfield_visibility_visible" data-js-reload="field_3_2"><label class='gfield_label gform-field-label' for='input_3_2' >Email<span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'> <input name='input_2' id='input_3_2' type='email' value='' class='large' placeholder='Email Address' aria-required="true" aria-invalid="false" /> </div></li><li id="field_3_1" class="gfield gfield--type-text field_sublabel_below gfield--no-description field_description_below hidden_label gfield_visibility_visible" data-js-reload="field_3_1"><label class='gfield_label gform-field-label' for='input_3_1' >First Name</label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_3_1' type='text' value='' class='large' placeholder='First Name (optional)' aria-invalid="false" /> </div></li><li id="field_3_3" class="gfield gfield--type-text field_sublabel_below gfield--no-description field_description_below hidden_label gfield_visibility_visible" data-js-reload="field_3_3"><label class='gfield_label gform-field-label' for='input_3_3' >Last Name (optional)</label><div class='ginput_container ginput_container_text'><input name='input_3' id='input_3_3' type='text' value='' class='large' placeholder='Last Name (optional)' aria-invalid="false" /> </div></li><li id="field_3_4" class="gfield gfield--type-captcha hidden field_sublabel_below gfield--no-description field_description_below hidden_label gfield_visibility_visible" data-js-reload="field_3_4"><label class='gfield_label gform-field-label' for='input_3_4' >CAPTCHA</label><div id='input_3_4' class='ginput_container ginput_recaptcha' data-sitekey='6Lcy-LcUAAAAAEiwStuIypuLqh_i8MYZSGOMmWiU' data-theme='light' data-tabindex='-1' data-size='invisible' data-badge='bottomleft'></div></li></ul></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_3' class='gform_button button' value='Submit' onclick='if(window["gf_submitting_3"]){return false;} if( !jQuery("#gform_3")[0].checkValidity || jQuery("#gform_3")[0].checkValidity()){window["gf_submitting_3"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_3"]){return false;} if( !jQuery("#gform_3")[0].checkValidity || jQuery("#gform_3")[0].checkValidity()){window["gf_submitting_3"]=true;} jQuery("#gform_3").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=3&title=1&description=1&tabindex=-1&theme=data-form-theme='legacy'' /> <input type='hidden' class='gform_hidden' name='is_submit_3' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='3' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_3' value='WyJbXSIsIjQ1Mjc3MDM0ODUxZjc3NTQ5MTI4NTRiNDUyYzMzZDI1Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_3' id='gform_target_page_number_3' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_3' id='gform_source_page_number_3' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div> <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_3' id='gform_ajax_frame_3' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 3, 'https://www.awesomeacf.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_3').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_3');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_3').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_3').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_3').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_3').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(jQuery('#gform_wrapper_3').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_3').val();gformInitSpinner( 3, 'https://www.awesomeacf.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [3, current_page]);window['gf_submitting_3'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_3').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_3').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [3]);window['gf_submitting_3'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_3').text());}, 50);}else{jQuery('#gform_3').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger('gform_post_render', [3, current_page]);gform.utils.trigger({ event: 'gform/postRender', native: false, data: { formId: 3, currentPage: current_page } });} );} ); /* ]]> */ </script> </div> </div> </div> <script> (function () { document.addEventListener("DOMContentLoaded", function (e) { if (document.hasOwnProperty("visibilityState") && document.visibilityState === "prerender") { return; } if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) { return; } let referrer_url = null; if (typeof document.referrer === 'string' && document.referrer.length > 0) { referrer_url = document.referrer; } const params = location.search.slice(1).split('&').reduce((acc, s) => { const [k, v] = s.split('=') return Object.assign(acc, {[k]: v}) }, {}) const url = "https://www.awesomeacf.com/wp-json/iawp/search" const body = { referrer_url, utm_source: params.utm_source, utm_medium: params.utm_medium, utm_campaign: params.utm_campaign, utm_term: params.utm_term, utm_content: params.utm_content, gclid: params.gclid, ...{"payload":{"resource":"singular","singular_id":233,"page":1},"signature":"52469622c23ca5d8548c6f1c0b530d48"} } const xhr = new XMLHttpRequest() xhr.open("POST", url, true) xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8") xhr.send(JSON.stringify(body)) }) })(); </script>  <script type='text/javascript'> document.addEventListener( 'wpcf7mailsent', function( event ) { if( "fb_pxl_code" in event.detail.apiResponse){ eval(event.detail.apiResponse.fb_pxl_code); } }, false ); </script>  <div id='fb-pxl-ajax-code'></div><script type="text/javascript" src="https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf-child/build//js/app.663ea7.js?ver=6.6.2" id="app-js"></script> <script type="text/javascript" src="https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf/assets/js/list.min.js?ver=20190725" id="jquery_list-js"></script> <script type="text/javascript" src="https://awesomeacf.com/wp-content/plugins/acf-theme-code-pro/assets/prism.js?ver=20190725" id="jquery_prism-js"></script> <script type="text/javascript" src="https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf/assets/js/granim.min.js?ver=20190725" id="jquery_granim-js"></script> <script type="text/javascript" src="https://cdn-awesomeacf.pressidium.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://cdn-awesomeacf.pressidium.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://cdn-awesomeacf.pressidium.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://cdn-awesomeacf.pressidium.com/wp-includes/js/dist/a11y.min.js?ver=d90eebea464f6c09bfd5" id="wp-a11y-js"></script> <script type="text/javascript" defer='defer' src="https://cdn-awesomeacf.pressidium.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.7.17" id="gform_json-js"></script> <script type="text/javascript" id="gform_gravityforms-js-extra"> /* <![CDATA[ */ var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}}; var gf_legacy_multi = []; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/www.awesomeacf.com\/wp-content\/plugins\/gravityforms\/images"}}; var gf_global = {"gf_currency_config":{"name":"Australian Dollar","symbol_left":"$","symbol_right":"","symbol_padding":" ","thousand_separator":",","decimal_separator":".","decimals":2,"code":"AUD"},"base_url":"https:\/\/www.awesomeacf.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.awesomeacf.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"3a593d2bb3dceda2aa27ea49b28d0fd4","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://cdn-awesomeacf.pressidium.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.7.17" id="gform_gravityforms-js"></script> <script type="text/javascript" defer='defer' src="https://www.google.com/recaptcha/api.js?hl=en&ver=6.6.2#038;render=explicit" id="gform_recaptcha-js"></script> <script type="text/javascript" defer='defer' src="https://cdn-awesomeacf.pressidium.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.7.17" id="gform_placeholder-js"></script> <script type="text/javascript" defer='defer' src="https://cdn-awesomeacf.pressidium.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=59d951b75d934ae23e0ea7f9776264aa" id="gform_gravityforms_utils-js"></script> <script type="text/javascript" defer='defer' src="https://cdn-awesomeacf.pressidium.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=4ef53fe41c14a48b294541d9fc37387e" id="gform_gravityforms_theme_vendors-js"></script> <script type="text/javascript" id="gform_gravityforms_theme-js-extra"> /* <![CDATA[ */ var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"3a593d2bb3dceda2aa27ea49b28d0fd4"}}},"hmr_dev":"","public_path":"https:\/\/www.awesomeacf.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://cdn-awesomeacf.pressidium.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=f4d12a887a23a8c5755fd2b956bc8fcf" id="gform_gravityforms_theme-js"></script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 3) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {jQuery(document).trigger('gform_post_render', [3, 1]);gform.utils.trigger({ event: 'gform/postRender', native: false, data: { formId: 3, currentPage: 1 } });} ); /* ]]> */ </script> <script async src='https://www.google-analytics.com/analytics.js'></script> <script async src='https://cdn-awesomeacf.pressidium.com/wp-content/themes/awesome-acf/assets/js/autotrack.js'></script> <script> // granim var granimInstance = new Granim({ element: '.gradient', name: 'basic-gradient', direction: 'left-right', opacity: [1, 1], isPausedWhenNotInView: true, states: { "default-state": { gradients: [ ['#02AAB0', '#00CDAC'], ['#DA22FF', '#9733EE'], ['#AA076B', '#61045F'] ], transitionSpeed: 10000, } } }); // analtyics window.ga = window.ga || function () { (ga.q = ga.q || []).push(arguments) }; ga.l = +new Date; ga('create', 'UA-59352200-2', 'auto'); ga('require', 'eventTracker'); ga('require', 'outboundLinkTracker'); ga('require', 'urlChangeTracker'); ga('send', 'pageview'); // jQuery (function ($) { $(document).ready(function () { // add the active class on hash var hash = window.location.hash; $(hash).addClass('active'); // search js var options = { valueNames: ['name', 'updated'] }; var linkList = new List('links', options); $('#search-input').on('keyup', function () { var searchString = $(this).val(); linkList.search(searchString); }); // on click of the hide newsletter button $(".sub-form__toggle").click(function (e) { // set the class on the body to style all the things $("body").toggleClass('js-sub-form-hidden'); // set the local storage var localStorage.setItem('hidenewsletter', true); }); // reset local storage if we click the heading (for testing) $(".sub-form__headline").click(function (e) { localStorage.clear(); }); // get the value of the hidden newsletter var from local storage var hidenewsletter = localStorage.getItem('hidenewsletter'); // if the newsletter is set to hidden if (hidenewsletter) { // update the body class $("body").addClass('js-sub-form-hidden'); } }); })(jQuery); </script> </body> </html> </body> </html>

CINXE.COM

Advanced Custom Fields Extensions & Resources | Awesome ACF