WordPress Theme Customization with ACF Pro & Elementor Pro

[@deximobart1428]

Hello Mr. Paul. I watch every video you make, and I can say that you are the main reason why I started making websites. I am very glad that I found someone who can teach so patiently and at the same time cover so many features. I just wanted to thank you.

[@WPTuts]

That is my pleasure and great to hear they've helped you so much. 😁

[@Justin-Bamforth]

Another great tutorial Paul. Looking forward to the next one you mentioned at the end.

[@pezreloaded8436]

Paul this is awesome! Thank you for helping us take us further in creating dynamic design setups. I've learned a great deal from these dynamic tutorials.

[@WPTuts]

That's awesome to hear. 😁

[@StevanOvich61]

Another super video Paul. Looking forward to the next part...

[@Pedant_Patrol]

Brilliant! Looking forward to the follow-up vid!

[@chrizolivera]

Thank you so much for this video and the new direction of your channel, I have been searching how to do this since two months ago, I do own ACF Pro and Elementor Pro, but didn't know about the ACF Options Page, I was searching for a plugin that can enable something like this, I want to create a "Client Info Variables Panel" to put all their public info (like there social media links, telephone, email, address, google map link, working hours) and then just pull the info from Elementor dynamic content. Looking forward to all your new videos.

[@WPTuts]

Sounds like an interesting project. 👍🤘

[@LudovicCharlier]

Nice video as usual Paul. I hope to see a similar video with JetEngine option feature :)

[@kloot53]

+1 for same thing for JetEngine

[@kasparthomann8864]

Absolute superb video you show us. I thank you so much for your great work. Well done - in french: Chapeau!

[@WPTuts]

Thank you very much. I thought it was a pretty interesting topic too. 😁

[@_mzkr_]

Quick question. I had a field in an ACF options page and it would not show up in the list. Does Elementor display Options Page ACF's as part of the dynamic content? If so, I must be doing something wrong.

[@TheProdisplay]

Awesome video like always, thanks Paul!!

[@ewanly34]

Thank you Paul, it was new to me

[@theSavanahDev]

Paul, this was another awesome tutorial. How do you know all these things? When I grow up, I would like to be like you...

[@WPTuts]

I have a very curious mind and like to see how I can combine tools to create more unique solutions. 😁

[@chio3112]

Isn't a bit overkill to use Elementor with ACF? What about performance? Can you control performance? Great video!

[@GinaAnagnostopoulou]

Looking forward to the next one Paul. Any other tricks with the functions.php file?

[@WPTuts]

Lots... More coming in future videos. 😉

[@saxirlo-it2016]

Paul this is awesome!!!! thank you so much

[@WPTuts]

My pleasure and it is pretty cool isn't it! 😁

[@walkermock4424]

Hallo mr paul .. How about user chose theme post there is many option diferent theme post so user can post with diferent theme

[@bradleyneedham3972]

What really sucks is this doesn't work on multisite for some reason. On multisite when you update field data assigned to an options page and hit update it doesn't update on the front end unless you go to each page/post the field data is being pulled into and hit the update button on each of those individual posts/pages also. Not so convenient for clients...

[@jamorahcito]

Is that a rupert neve preamp you use? impressive.

[@WPTuts]

It is but not on the audio in these videos. 😉

[@prithvirakhyani5333]

Hi Paul - New fan, appreciate your content! I'm trying to make a form (with / without ACF) that accepts user input on the *front end*, stores it, and displays it dynamically on another page. All without ever accessing the WordPress dashboard. An option I've been recommended is making a form within PHP (which I have to figure out), but still unsure how to take that user input (text or integers), and dynamically display it elsewhere. This video touches my dilemma a bit, but wanted to follow up through here and see if there's anything else you'd recommend. Thank you!

[@WPTuts]

If you're using ACF to input data into a custom post type, that data would immediately store that data on submission of the form. Once submitted, you can pull that data into other pages by filtering the database if necessary or if it's simply on a page after submission, you should be able to do that without too much trouble. I'd recommend joining the WPTuts Facebook group where you'll stand a better chance of getting more focused help on the topic. Https://WPTuts.co.uk/Facebook/

[@Grafficted]

How can we add an option to add code to head (for google and facebook) via acf options page? 🙂

[@MilesVanlife]

I don't suppose you did this one with Jet Engine instead of ACF ?

[@roblilley2343]

Hey Paul, thanks for another really great video... :) Thinking forward, I can see using this Options method to populate the address, telephone number, or other common info in the header/footer as well, but do you think there's a way to use this to populate a variable like site name into a paragraph, like in a privacy policy? Like a global variable.... this would allow me to set up a "starter site" (thanks Dave Foy!) with pre-made pages that have these variables included in them... thanks again for getting me thinking!

[@WPTuts]

Hmm, I'm not too sure. I can't see why not but not too sure if you could use Elementor to build that template unless those variables could be assigned and called up inside the editor and not have the code automatically stripped out.

[@roblilley2343]

@@WPTuts I'm currently using a plugin called Custom Global Variables (free) that works great using shortcodes, and the shortcodes work inside Elementor templates. But it hasn't been updated in over 12 months so I'm looking for something to replace it. I'll keep my eyes on ACF options and see if that's something they'll add in time :) p.s. ACF Pro is going from lifetime pricing to yearly on Feb 24th... in case you haven't heard...

[@gabrielmstowski1827]

Hi, what benefits do you think brings the two plugins together? Apart from the convenience for the customer, who can edit the content directly in the cockpit. It gains time and there is less risk that it breaks something in the page layout. Is there anything else?

[@WPTuts]

I'd say that if you're building a site for a client and want to control exactly what they can change on the site theme (if you build it through EP's Theme Builder), this potentially gives you a huge amount of control. This is just the start of me showing how to really take control of your clients user experience and build a user control panel that can be simpler and more streamlined to the WordPress Dashboard. The added benefit of settings things like this up is that there is considerably less chance of the client breaking the site.

[@gabrielmstowski1827]

Does this option work in the basic version of ACF ? I just launched it and I don't see an additional "options" tab.

[@WPTuts]

No, options is part of ACF Pro I'm afraid.

[@DirkDV]

Nice tut as usual. Just thinking if it wouldn't be easier to just use the Code Snippets plugin (should be installed on all websites anyway, in my humble opinion) instead of setting up a child theme and messing with the functions.php file. Just a thought.

[@WPTuts]

You could certainly go down that route. The end result is the more important thing. 😁

[@PK-is3di]

Hello Paul, when we add pre or post text for dynamic condition, hide when dynamic condition is empty does not work due to pre/post text . Any work around to hide ?

[@WPTuts]

I'll need to look into it, but my gut feeling would be that the value isn't empty because Elementor adding the pre or post content to the blank field entry.

[@chrizolivera]

Paul jumped the first step: In Dynamic Conditions, in the first option "Dynamic Tag" select the AFC URL Link that has to be check if it's empty ps.w.org/dynamicconditions/assets/screenshot-1.png

[@simon_quinn]

Hey Paul. I'm particularly interested in these ACF and Elementor videos. Hey instead of editing the Functions file now I use Code Snippets plugin. It's handy because it's easy to organise each code snippet and enable and disable each with a toggle, plus most importantly if you make any code mistakes the snippet is just automatically disabled, instead of what happens when you make a code mistake in the Functions file is the website breaks until you fix it :-) Check it out. Code Snippets plugin. It's very highly rated and I know a lot of pros in the industry who also use it.

[@WPTuts]

You could certainly use the plugin to manage your code snippets, but to be honest, after the recent vulnerability found in the plugin, I'd rather manually add the content to a child themes functions.php file. That way, I'm in control of what is added and can quickly remove anything that is causing an issue. For more info on that recent vulnerability, here's a link to the WordFence article: www.wordfence.com/blog/2020/01/high-severity-csrf-to-rce-vulnerability-patched-in-code-snippets-plugin/ 😀👍

[@coreykretsinger]

Imma steal that sweet monitor of yours, man. :p hahaha

[@AadityaSharmas]

Nice

[@Eskimoz]

Efficace !

[@jasonbeard]

Hi Paul. Reckon the TITLE here could also use the added words "Options Page" into it, see here image link: prnt.sc/r2hlan Onya maaaate

[@hassnalalshaikh]

Great! Looking forward to the follow-up vid!