Beaver Builder & Advanced Custom Fields Tutorial

Better WordPress Websites with Beaver & ACF

[ulplocker id="QLHO51L1cUXezDfH"]

Advanced Custom Fields
https://wordpress.org/plugins/advanced-custom-fields/

Code PHP in Widget
https://wordpress.org/plugins/code-php-in-widget/

The shortcode for text based custom fields.

[acf field="{$field_name}"]
replace {$field_name} with the name of your custom field.

example:

[acf field="my_custom_field"]

The php code for image custom fields.

<?php 

$image = get_field('image');

if( !empty($image) ): ?>

	<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />

<?php endif; ?>
replace {$field_name} with the name of your custom field.

example:

$image = get_field('my_custom_field');

[/ulplocker]