Running through those points. Normally, in the Divi integration, the form will be on the results page. You can also have the form on other pages, and for those pages no additional integration is required. The integration is purely on the results page, which ideally will also have the form on.

Let’s say you have a text module. On the page with just the form on, it might look like this:

https://www.screencast.com/t/YvCvDGdBGf

Then, on the page with the results grid, that single shortcode will be added to like this:

[searchandfilter id="77"]
[searchandfilter id="77" action="filter_next_query"]
<script>(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    console.log("ajax complete");
    var grids = document.getElementsByClassName('et_pb_salvattore_content');
    salvattore['register_grid'](grids[0]);
    salvattore['recreate_columns'](grids[0]);
  });
  
}(jQuery));</script>

With a full width layout (not a grid), it might look like this:

[searchandfilter id="77"]
[searchandfilter id="77" action="filter_next_query"]