Start to Finish Custom Post Types with ACF and Elementor

Learn how to used Advanced Custom Fields Pro and Elementor Pro to build powerful custom posts types. We'll cover:
- Using ACF to add a custom post type (Donuts)
- Adding a field group to the new post type (Fields like description and nutritional info)
- Adding a taxonomy to the new post type (Cake, Glazed, Sprinkle, Etc)
- Building a Loop Item template to display the post content in the Loop Item Grid widget (display a list of donuts)
- Using the Elementor Taxonomy Filter widget for live sorting of the posts in a list (Sort the donuts by kind)
- Building a single post template to display the custom post data (Show information about an individual donut)
***If you need pagination like a "load more" button to load more posts... since we didn't use an archive template, using pagination on an Elementor post list widget will likely fail. To learn more about pagination and some workarounds other than archives, see: • Elementor Load More Pa... - I'm also working on a video demonstrating yet another way to deal with pagination and will update this description once it is ready. Ultimately, building an archive page is the best bet when you need pagination. Here's how to convert to an archive template and fix your pagination (heads up, archives break the Elementor taxonomy filter widget):
• How to fix custom post...
ACF: www.advancedcu...
Download Elementor Pro here:
bit.ly/element...
We may receive a small affiliate kickback if you purchase any of these solutions using our links. Thanks for your support!

[@wasifahmed1991]

Amazing explanation of ACF plugin and Custom post. Thanks and keep teaching 👍

[@KingGrizzly]

Thank you for the kind words! Very glad this was helpful. Happy web designing!

[@marcvangijn1349]

THNX for the video. Clear explanation and helpful.

[@user-dl1zp1el8g]

great video - 26:22 javascript for whole box link - could you share it? would be awesome.

[@KingGrizzly]

Can you see this snippet? kinggrizzly.com/wp-content/uploads/snippets/clickable-parent.txt
If you can, you'll need to add the script to your site and then just need the 'clickable' class on the parent container. Only put one URL inside.
So, if you have a container with a heading, paragraph, image, and button... just link one of them. The 'clickable' class on the container will see it and link through.

[@2kpixy]

13:14 Is the 'ACF Image Field' option in the dropdown only visible with ACF Pro?

[@KingGrizzly]

I'm not certain, but do think Elementor Pro is required to see those ACF dynamic fields. According to ChatGPT: "Yes, in Elementor, using dynamic tags for ACF (Advanced Custom Fields) image fields is only supported by Elementor Pro. The free version of Elementor does not support ACF integration for dynamic content, including image fields. Elementor Pro allows you to pull in data from ACF, including images, and display it dynamically in widgets like the Image widget or other relevant areas."

[@2kpixy]

​@@KingGrizzly No I do have Elementor Pro, I was wondering about ACF Pro because I don't see them..

[@KingGrizzly]

@@2kpixy Ah, I see. If you were able to successfully create the image in ACF, then I don't think that should prohibit you from finding it with the dynamic tag.
You might try changing the settings on the image field itself in ACF. I know you can change a setting so it outputs an Image Array, Image URL, or Image ID. Try "Image URL".