How to Display ACF Option Page Fields in WordPress

If you’re using Advanced Custom Fields in WordPress, the Options Page is one of the most useful features available. It allows you to create global fields that can be used across your entire website rather than being tied to individual posts or pages.

This is perfect for content such as:

• Phone numbers
• Email addresses
• Social media links
• Logos
• Footer content
• Announcement bars
• Global settings

In this tutorial, I’ll show you how to:

1. Enable the ACF Options Page
2. Create fields in the WordPress admin
3. Add content to those fields
4. Display the fields within your WordPress theme

---

Step 1: Enable the ACF Options Page

Before you can use an options page, you’ll first need to activate it within your theme.

Add the following code to your functions.php file:

if( function_exists('acf_add_options_page') ) {

    acf_add_options_page(array(
        'page_title'    => 'Theme Settings',
        'menu_title'    => 'Theme Settings',
        'menu_slug'     => 'theme-settings',
        'capability'    => 'edit_posts',
        'redirect'      => false
    ));

}
    

Once added, you’ll see a new “Theme Settings” menu item appear within the WordPress dashboard.

---

Step 2: Create Your ACF Fields

Next, head to:

Custom Fields → Field Groups
    

Click:

Add New
    

Create a new field group such as:

Global Theme Settings
    

Now add your fields.

Example fields:

• Phone Number
• Email Address
• Facebook Link
• Footer Text
• Site Logo

---

Step 3: Assign the Field Group to the Options Page

This is the important part many people miss.

Under:

Location Rules
    

Set:

Options Page is equal to Theme Settings
    

This tells ACF to display these fields on your custom options page rather than on normal posts or pages.

Publish the field group once complete.

---

Step 4: Add Your Content

Now go to:

Theme Settings
    

within the WordPress admin.

You’ll now see all your custom fields available to edit.

Add your content and click:

Save Changes
    

---

Step 5: Display ACF Option Page Fields in Your Theme

To display fields from the options page, use:

<?php the_field('phone_number', 'option'); ?>
    

The important part is:

'option'
    

This tells ACF to retrieve the field from the global options page rather than from a post or page.

---

Using get_field()

You can also store values in variables using get_field().

<?php

$phone = get_field('phone_number', 'option');

echo $phone;

?>
    

This is useful if you need additional logic or conditional statements.

---

Real World Examples

Display a Phone Number

<a href="tel:<?php the_field('phone_number', 'option'); ?>">
    <?php the_field('phone_number', 'option'); ?>
</a>
    

Display an Email Address

<a href="mailto:<?php the_field('email_address', 'option'); ?>">
    <?php the_field('email_address', 'option'); ?>
</a>
    

Display a Logo

<?php

$logo = get_field('site_logo', 'option');

?>

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

Display Social Media Links

<a href="<?php the_field('facebook_link', 'option'); ?>" target="_blank">
    Facebook
</a>
    

---

Common Mistakes

Forgetting ‘option’

This will not work correctly:

<?php the_field('phone_number'); ?>
    

You must include:

<?php the_field('phone_number', 'option'); ?>
    

Incorrect Field Names

Make sure the field name exactly matches the field created within ACF.

Incorrect Location Rules

If your fields are not appearing on the options page, double-check your field group location settings.

---

Final Thoughts

The ACF Options Page is a fantastic way to manage global website content within WordPress.
It keeps your content organised, reduces duplicated content management,and makes theme development much cleaner.

Once configured, you can use the options page for almost anything across your website including:

• Headers
• Footers
• Contact information
• Call-to-actions
• Social media links
• Global design settings

If you haven’t already enabled the options page, make sure to check out my related tutorial on activating the ACF Options Page in WordPress.