Site docs are currently being updated 🚧 Thank you for your patience! 🙏

WPGraphQL Logo

Url

ACF
Last Upated: Thursday, Feb 1, 2024

url

The URL field is native to ACF (FREE) and provides a text input specifically designed for storing web addresses.

Resolve Type

Fields of the url type will resolve to String in the GraphQL Schema.

Field Settings

Below you will find information about how various ACF field settings can impact how the field will map to the GraphQL Schema and/or modify resolution of the field when queried.

Field Configuration

<?php
add_action( 'acf/include_fields', function() {
  if ( ! function_exists( 'acf_add_local_field_group' ) ) {
      return;
  }
  acf_add_local_field_group(
    [
      {
        "key": "my_field_group_",
        "title": "My Field Group with url",
        "show_in_graphql": 1,
        "graphql_field_name": "myFieldGroupWithUrl",
        "map_graphql_types_from_location_rules": 0,
        "graphql_types": [
          "Page"
        ],
        "fields": [
          {
            "key": "my_field_",
            "label": "My Field",
            "name": "my_field",
            "type": "url",
            "show_in_graphql": 1,
            "graphql_field_name": "myFieldWithUrl"
          }
        ],
        "location": [
          [
            {
              "param": "post_type",
              "operator": "==",
              "value": "page"
            }
          ]
        ]
      }
    ]
  );
});

Querying the Url field

Next
User