11th Dec '25
/
0 comments

How to Insert an Ad or an Element Between Posts in Bricks

This Pro tutorial provides the steps to insert an image or any Bricks element between posts output by a query loop.

Sample application: Show an ad or feature a product in the middle of blog posts.

Setup

Copy the JSON of the fully-built Section from the link below and paste in your Bricks Page/template.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:
Bricks
CSS Grid
Pro

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 612 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
Posts from Random Categories in Bricks

Posts from Random Categories in Bricks

Updated on 31 Jul 2023 In BricksLabs Facebook group a user asked: How would you query 3 WordPress posts from 3 different categories with Brick…
Read more →
Categories: Bricks, Pro
Tags: bricks/posts/query_vars
Pro
Query Loop in Bricks

Query Loop in Bricks

This Pro tutorial walks you through the steps to use the Query Loop feature in Bricks to display a responsive grid of posts using CSS…
Read more →
Categories: Bricks, Pro
Tags: Query Loop
Pro
Post Titles and Post Content Tabs in Bricks

Post Titles and Post Content Tabs in Bricks

How to set up Nestable tabs with post titles as the tab menu, and post content and/or any other post-specific data as the tab content.
Read more →
Categories: Bricks, Pro
Tags: Query Loop, Tabs
HappyFiles Bricks Query Loop

HappyFiles Bricks Query Loop

This tutorial explores different ways in which images from WordPress Media Library organized via HappyFiles can be pulled and shown in Bricks using query loop(s).…
Read more →
Categories: Bricks, Free, Plugins
Tags: HappyFiles
How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 2)

How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 2)

This tutorial provides the PHP & JS codes that can be pasted in order to create a flying effect on map markers each time your…
Read more →
Categories: Bricks, Free, Plugins
Tags: ACF, Animations, Maps, Query Loop
Pro
Posts Grouped by Month and Year in Bricks

Posts Grouped by Month and Year in Bricks

Nesting query loops with months & years in descending order, with the inner loop outputting the posts.
Read more →
Categories: Bricks, Pro
Tags: Nested Queries
Pro
Current Post’s Terms in Bricks

Current Post’s Terms in Bricks

Updated on 15 Jan 2024 This Pro tutorial provides the steps to set up a grid of terms (like categories) that the current post is…
Read more →
Categories: Bricks, Pro
Tags: JSON Code, Query Loop, Terms Query
Pro
ACF Post Object Query Loop inside a Posts Query Loop in Bricks

ACF Post Object Query Loop inside a Posts Query Loop in Bricks

How to loop through a CPT and within each post, output a list of related posts.
Read more →
Categories: Bricks, Plugins, Pro
Tags: ACF, Nested Queries