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 610 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

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
Pro
“My Favorites” in Bricks

“My Favorites” in Bricks

This Pro tutorial provides the steps to set up and use My Favorites in Bricks Builder.
Read more →
Categories: Bricks, Plugins, Pro
Tags: Query Loop
Pro
Displaying Gallery of SureCart Product Images with Bricks’ Query Loop

Displaying Gallery of SureCart Product Images with Bricks’ Query Loop

Custom query loop for looping through SureCart product images.
Read more →
Categories: Bricks, Plugins, Pro
Tags: SureCart
Pro
Custom Nested Queries in Bricks

Custom Nested Queries in Bricks

In most of the previous tutorials covering nested query loops in Bricks on this site, we accessed the parent query's looping object in the inner…
Read more →
Categories: Bricks, Pro
Tags: Nested Queries, Query Loop
Pro
Parent Query Loop Object – Traversing Nested Query Loops Up in Bricks

Parent Query Loop Object – Traversing Nested Query Loops Up in Bricks

Bricks enables us to build nested query levels of unlimited levels. Here are a couple of examples: Sometimes, you might want to obtain the parent…
Read more →
Categories: Bricks, Pro
Tags: Nested Queries
How to add a layout toggle on query loops in Bricks

How to add a layout toggle on query loops in Bricks

In this tutorial, we’ll show you how to change the layout of your query loop container based on the click of an icon toggle sitting…
Read more →
Categories: Bricks, Free
Tags: Query Loop