GutenBricks
  • ๐Ÿš€ Getting Started
    • Next: Common Troubleshooting Issues
    • Next: Configure Page Template to render
    • Next: Manage Block using Template Bundles
    • ๐Ÿค”Most common troubleshooting step
  • ๐ŸŒŸFeatures
    • Working with Elements
    • Variants
    • InnerBlock
    • Fine-Tune Text Editing
    • Dynamic Class
    • Code Block with Dynamic Data
    • ๐Ÿ’กQuick Tips
      • Dynamic Short Code
      • Accordion Block using InnerBlock
    • โšกAdvanced
      • Custom Block HTML ID
      • Value Binding (coming soon)
      • Creating "comments and docs" inside a template
      • Globally Updating Block Styles
      • Block Wrapper Dynamic Class
      • Working with WPML or Polylang
  • ๐Ÿ€Dynamic Data
    • GB:Meta
    • ACF
      • Setting Up ACF
      • Post Object Field (in-progress)
    • Meta Box
      • Setting Up Meta Box (In-progress)
      • Post Field (in-progress)
    • Built-in GutenBricks Dynamic Data
  • ๐ŸฐClient Experience
    • Documenting Blocks
    • Custom Block Preview
    • Custom Pop-up Text
    • Default Page Template
  • ๐Ÿ› ๏ธCustomizing Gutenberg
    • Gutenberg Editor Custom CSS
      • CSS Snippet: Make the block section not full height for ACSS
  • ๐ŸคนResources
    • ๐Ÿ‘ฉโ€๐Ÿ’ป Developer API
      • echo:gb_current_element_id returns unique ID
      • GutenBricks Events for Gutenberg Editor
      • gb_get_field()
      • Unique IDs
      • Filter: gutenbricks_bricks_theme_name
    • ๐Ÿ”Œ Third Party Integrations
      • ACSS integration with GutenBricks
        • ACSS 2.8.0 Section padding missing
      • ACF / Meta Box integration
    • โค๏ธ Our Approach and Philosophy
  • ๐Ÿ“– Changelog
    • Known issues and bugs
    • Current Changelog
    • Past Changelog
      • v1.1-RC (Released as v1.1.0)
      • v1.0-RC (Released as v1.0)
Powered by GitBook
On this page
  • TLDR;
  • Common Workflow
  • Most Important Step: Set Location Rule
  1. Dynamic Data
  2. ACF

Setting Up ACF

We will take a look at how to set up ACF to work with GutenBricks.

PreviousACFNextPost Object Field (in-progress)

Last updated 9 months ago

This article is about the WordPress plugin GutenBricks, which allows you to create Gutenberg blocks using the Bricks Builder page builder in a no-code approach. Visit for more information.

TLDR;

Do what you normally do with ACF and Bricks, but make sure to set the location rule so that the field group is linked to the template. Read: Most Important Step: Set Location Rule

Common Workflow

Step 1: Create a field group as usual

Step 2: Set the location rule to Bricks Template or individual template post <- MOST IMPORTANT

Step 3: Apply the field values in the Bricks template

Step 4: Enter the ACF value in the Gutenberg editor

Most Important Step: Set Location Rule

Once you create a field group, all you have to do is set up a correct location rule to make the field group visible when users edit the block in the Gutenberg editor.

There are two common ways:

  1. Assigning Post to a particular block as shown in the screenshot below.

  2. Or less commonly, assigning Post Type to Template. In this case, the field group will be visible in every block. This can be handy if you have general fields used by every block.

๐Ÿ€
GutenBricks.com
Here, we are assigning the field group to FAQ Bricks Template