Best way to use Gravity Forms with Bricks Builder?

fyrekcaz · May 14, 2025, 7:15am

I’ve recently switched from Beaver Builder to Bricks and so far everything has been going pretty smooth - however - one major pain point I’m having is with Gravity Forms. It seems like it just doesn’t work with Bricks all that well out of the box and I’m wondering if anybody has recommendations?

I did apply the fix posted here:

That works mostly fine (though forms still often load unstyled in some situations) and I’ve also created the following snippet that’ll match the Gravity Forms buttons to the Bricks setting:

gist.github.com

https://gist.github.com/zackeryfretty/5cd6362baba21c9be1fa0cec7fcaca66

Add Bricks CSS to Gravity Form Buttons.php

function add_brx_btn_css_to_gf( $button, $form ) {
    
    $fragment = WP_HTML_Processor::create_fragment( $button );
    $fragment->next_token();
    $fragment->add_class( 'brxe-button' );
    $fragment->add_class( 'bricks-button' );
    $fragment->add_class( 'bricks-background-primary' );

    return $fragment->get_updated_html();

This file has been truncated. show original

Between the two I can get by - but - doing any sort of styling feels like pulling teeth – is anybody using Gravity Forms with Bricks?

glp · October 27, 2025, 1:50am

I can commiserate with you. Gravity Forms and some other plugins (I always fight with calendar plugins, too) are highly opinionated about styling. I would describe them as hostile toward theme coding. Sadly, it’s a game of whackamole, finding and overriding each variable.

spireworks · March 2, 2026, 7:24am

So, finally began digging into Bricks, and wondering why Gravity shortcodes don’t work out of the box, but despite putting in the jquery code to the theme funcions file, it still will not show gravity forms on either side. This is the only builder we have used where Gravity does not just work, as it should. Gravity has been around forever, has a massive install base and enables incredible workflows. Why do people have to hack Bricks in order to make a plugin that works everywhere else function at all? I get that their styling snobbiness is a pain, but it should at least function out of the gate. Gravity has been around longer than Bricks. How is it that it still does not work.

I have tried inserting the shortcode via the code element, the basic text element, but no joy. After searching for solutions, I came across this thread and have tried the functions code, but nothing changed.

I need to get this working asap, but frankly, it is disconcerting that at this stage of development in both these two major WordPress players cannot play nice with each other.

fastpress.pro · March 5, 2026, 1:58pm

Gravity Forms work out of the box with bricks. I used it on more then 30+ client sites. Did u test the Bricks shortcode Widget to insert the GF shortcode?

spireworks · March 5, 2026, 4:02pm

I was an idiot earlier. In the past, our workflow had the Gravity shortcodes built programmatically and placed within a standard text field. I was not looking for a shortcode element, which was my error.