The WordPress data you want, where and how you want it.

Loops & Logic

You shouldn’t have to be a PHP developer to grab the information you need in WordPress and display it on the frontend of your site.

Loops & Logic (L&L) allows you to go beyond the limits of page builders like Gutenberg, Elementor & Beaver Builder by giving you a simple HTML-like syntax to unlock what’s in your database.

Ducky wants to help you learn!
Click on his friends to see how we built various parts of this site with L&L.

<ul>
  <Loop type=duck count=3 orderby=grapes order=desc>
    <li>
      <a href="{Field grapes}"><Field grapes /></a>
    </li>
  </Loop>
</ul>

External Resources

  <ul>
    <Note>#1</Note>
    <Loop type=menu menu="CTA Blocks">
      <Note>#2</Note>
      <li class="menu-item menu-item-{Field id}">
        <Note>#3</Note>
        <a href="{Field url}" target="{Field target}" rel="noopener">
          <Note>#4</Note>
          <div><Field title /></div>
          <div><Field description /></div>
          <div>Visit</div>
        </a>
      </li>
    </Loop>
  </ul>

<Loop type=menu> outputs menu items in a given menu. The menu attribute expects the title or ID of a menu.
Each menu item has an ID, sort of like a post. The ID is useful for generating HTML IDs or unique classnames for styling or Javascript.
The menu loop returns not only the URL of each item, but also the link target for custom menu items, which can be set to open in new tabs.
Finally! A use for the menu item description!

View documentation

The reviews on our homepage are saved as a Custom Post Type (reviews) with ACF fields to handle rating and reviewer details.

 <ul class="grid-masonry">
    <Note>1</Note>
    <Loop type=reviews orderby_field_number=rating order=desc>
      <li class="tt-item card {Field post_class}">
        <div class="content">
          <If field=rating>
            <div class="rating">
              <Note>2</Note>
              <Switch check="{Field acf_radio=rating}">
                <When value="5" />★★★★★
                <When value="4" />★★★★☆
                <When value="3" />★★★☆☆
                <When value="2" />★★☆☆☆
                <When value="1" />★☆☆☆☆
              </Switch>
            </div>
          </If>
          <div class="title"><Field title /></div>
          <div class="description"><Field content /></div>
        </div>
        <div class="footer">
          <Note>3</Note>
          <Set person_content>
            <If field=person_image>
              <span class="avatar"><img src="{Field acf_image=person_image field=url}" alt="{Field person_name}" /></span>
            </If>
            <div>
              <div class="name"><Field person_name /></div>
              <div class="role"><Field person_role /></div>
            </div>
          </Set>
          <Note>4</Note>
          <If field=person_website>
            <a class="author" href="{Field person_website}" target="_blank" rel="nofollow noopener">
              <Get person_content />
            </a>
            <Else />
            <div class="author">
              <Get person_content />
            </div>
          </If>
        </div>
      </li>
    </Loop>
  </ul>

To open a CPT loop, use the Post Type Slug in the type attribute. You can sort the returned posts by a custom field with orderby_field or orderby_field_number
To save a bit of time, you can use Switch/When tags for your logic instead of If/Else. This saves you from having to pass your field to each statement. This rating section could also be written as:
<If check="{Field acf_radio=rating}" value=1>★☆☆☆☆<Else if check="{Field acf_radio=rating}" value=2 />★★☆☆☆ etc.
Use Set and Get to save pieces of markup for use elsewhere. In this example it’s being used for the inner author content, so that it can be placed into alternate wrappers depending on whether there’s a website link available
When using alternate wrappers, it’s usually best to approach things this way instead of wrapping the opening and closing tags each in their own if statement

.grid-masonry {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 1rem;
  -webkit-column-gap: 1rem;
  column-gap: 1rem;
}

.grid-masonry .tt-item {
  break-inside: avoid;
}

.card {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 0 #f0f1f2;
  padding: 1rem;
}

Using ACF with L&L

L&L began its life 8 years ago as the well-loved Custom Content Shortcode plugin.
Here’s what people had to say about L&L’s predecessor:

★★★★★

Absolutely brilliant

I wish I’d found this years ago.

I’ve used this plugin to create detailed, dynamic loops in very complex sites, saving hours on hours of custom programming. It can draw from WordPress loops, ACF fields, you name it. It’s truly fantastic.

But what prompted this review was this morning’s revelation, that it can create “meta shortcodes” – so once you get your complex shortcode-loop structure built, you can create a shortcode out of that, and replace it all with one easy-to-use shortcode. I’m so excited to have found this.
★★★★★

Amazing

Simply amazing. Does everything I could possibly want, and even more.
★★★★★

Amazing plugin.

At a time when many web sites are implemented on templates (wpbakery, Divi, Elementor) that have huge restrictions, this plugin allows you to bypass these restrictions. This plugin deserves your support.
In combination with ACF, it gives us a lot of possibilities.
★★★★★

Best Content Shortcode Plugin

Damn, this plugin saved my time so much. Simple concept but magnificent results. I love this plugin. It gives so many possibilities. What ever page you create, this plugin is a time saver and a must have! Thank You Eliot Akira!
★★★★★

Display an ACF / CPT in a widget

Thanks for this! It allowed us to replace a huge chunk of code that was tangled up in a Pro theme when we redid a website (in an effort to simplify it). We used the plugin to pull a title, a preview (featured image), a download URL, and a PDF viewer URL from an ACF / custom post type and display all that in a sidebar widget.
★★★★★

Endless possibilities

The possibilities are endless…
★★★★★

Genius

Thank you Eliot Akira for this wonderful plugin. Please consider to make this commercial so that:

a) you get paid for your efforts
b) people use it with inner peace.
★★★★★

It’s a Doozy – Love this Plugin

I use this plugin with ACF and it saved me the time to handcode templates and snippets to file by way of Elementor, and it served Relationship field types like a champ.

This allowed me to save the money I would have otherwise had to spend in time (manual coding) and money (buying a paid plugin to serve bidirectional Relationships fields that wasn’t available in standard/pro Elementor).

Thank you VERY much for this gem.
★★★★★

Love this plugin

Makes rapid dev of loop-content pages extremely easy and is likewise lightweight. This should really be part of wordpress core. Fantastic!
★★★★★

State of the art conception. An essential plugin.

Custom Content Shortcode is THE way to go to take control of your WordPress installation if you cannot modify the source code, either because you cannot access it (eg. if your site is hosted on WordPress.com), or because you simply don’t want to.

These shortcodes are perfectly well thought and designed, they are just coherent and consistent all the way. It just feels like they are a native feature of WordPress.

Combine with custom post type plugins like WCK and ACF to unlock the full power of WP, without the need to modify a single source file.
★★★★★

Superb! Saved my day with custom post types.

I created a custom post type to separate a specific kind of post (with custom fields) from the regular blog posts. But I was struggling to find a way to list the available custom post entries in a sidebar and had not found any plugins with the flexibility and formatting control that I needed.

With this plug-in I was able to create 8-10 lines of shortcoding in a custom HTML widget that listed the most recent posts, showed the date/author of each in a smaller font than the title and finished up with a pagination control allowing the user to scroll through all available posts.

Superb!
★★★★★

Thank you for this great plugin!

I was looking since days for a way to show and sort lists of custom fields and only with this plugin I could finally manage to create those kind of lists.
★★★★★

Unlimited possibilities

It opens endless possibilities, especially when working with ACF and custom post types.
★★★★★

Words are not enough…!

This is amazing. Saved me hours and hours, and ended up with a much better site in the end.

How on earth can Loops & Logic top all of that?

Well, L&L is generating its own wall of positive reviews, too:

★★★★★

Amazing and seamless

Thanks for this plugin, it’s great for its simplicity and concept, I love the ACF support.

Great documentation!
★★★★★

Amazing Tool that changes everything!

I can’t imagine using WordPress without Loops & Logic. I’ve replaced cumbersome page builder sections with simple and powerful L&L templates that work perfectly with ACF and CPT. The team is brilliant and unbelievably helpful. Thanks!
★★★★★

Amazing!

Wow, what can I say but amazing! I agree with others that this should be in the top five plugins!

Yes, this plugin is not for folks who don’t code, but is a great plugin for someone who wants to start. However, for folks like myself who like to code, who do code, and who makes custom sites — this plugin is a game changer.

One plugin to rule them all!
★★★★★

Amazingly flexible development tool

Amazingly flexible plugin for building websites quickly and efficiently, looking forward to seeing it evolve.
★★★★★

An amazingly powerful plugin, with excellent support

This plugin is amazing and can do incredible things. It can just about do anything you want it to, there are just so many options. Loops & Logic is definitely a plugin you should consider having in your WordPress arsenal.
★★★★★

Brilliant plugin – theme builder agnostic

I needed a solution to build dynamic repeaters with my favorite page builder, which hadn’t released support for loops yet. I’ve also been using L&L to tie up loose ends with other builders that can’t handle complex dynamic showcases – and L&L merges perfectly with every builder I’ve tried, without ever glitching out.

Now I’m finding myself wanting to go back to HTML and CSS with Loops & Logic because it makes theme building super clean – I could probably ditch every other page builder and use my own framework and build literally any type of site, especially that it supports Woo & LearnDash. Talk about the ultimate flexibility!
★★★★★

Excellent lowcode templating

Quite a nifty and powerful plugin for lowcode templating 🙂 Saves a ton of development time.
★★★★★

Excellent Plugin

Loops & Logic is awesome! Makes it so easy to build out dynamic content and support has been amazing.
★★★★★

Fantastic plugin with great support

Love this plugin, it’s made some trickier parts of my dev process really simple. The support is incredibly helpful.
★★★★★

Genius at play

This plugin is made by absolute geniuses.

I have used it in a variety of ways with Elementor and it works straight out of the box. Thank you!
★★★★★

Great product and great service!

This is my first experience with this plugin, but I can tell you I will be using it every chance I get moving forward! Great service as well!!
★★★★★

I LOVE IT! <3

THIS! IS! AMAZING! LOVE IT! <3
★★★★★

I’m SO glad I discovered Loops & Logic!!!

Now I can finally create my own dynamic websites! The possibilities are endless! And if you get stuck; the support is fast, professional and very comprehensive!

From now on I will use Loops & Logic in as many projects as possible so that all content is clear and flexible.
★★★★★

Just brilliant. Great support too.

As a WordPresser who slings HTML + Tailwind CSS, this plugin has been an absolute godsend. I can do complex queries in the front end, and can go further than any ‘Posts Module/Block/Widget’ UI could ever hope for.
★★★★★

Just the best

Custom content was good and powerful, but Loops & Logic brings it to another level! The plugin is very clean, and gives you the opportunity to do a crazy amount of dynamic coding, and is especially useful when you find that “almost perfect” plugin which lacks a feature or two : with L&L, you can most of the time add this feature yourself.

True, it’s not a drag and drop plugin, and you’ll have to study the documentation and take some time to master it, but the investment is really worth it.

I’m not doing much with L&L right now, only pretty simple dynamic stuff, but it’s a relief to know it’s there, and as soon as there is something I wish to do that is not included in a plugin’s feature, I’ll always immediately turn to L&L to see if it can be done.
So far, I’ve never been disappointed 🙂

Last and not least, this is a free plugin, which is crazy considering all the possibilities it offers!
★★★★★

Lifesaver

This is no exaggeration. L&L has been a lifesaver to me and saved hundreds of hours of extra work in template building. Really well done, Tangible. “This is the way!”
★★★★★

Love it

A very useful plugin. Thanks for making it.
★★★★★

One of the best plugin

Seriously! this is a hidden gem for those who understand HTML and CSS.
★★★★★

One of the Top 3 WordPress plugins

This plugin is absolutely awesome and should be one of the TOP 3 WordPress plugins in any category ! A game changer plugin.
★★★★★

Recommend for every WP install.

Loops & Logic is a secret weapon for developers who need to work with block-based systems and page builders where conditionals are either poorly supported, or not supported at all.

This is a great tool.
★★★★★

THE essential Plugin

If you have been using Widgets for years and years and, like me, now discover that the Widget editor has gone crazy, fear not, Tangible Templates have replaced all my Widgets with a much better solution.

If you have been using the plugin Custom Content Shortcode for years and years and, like me, have just found out that it being deprecated, fear not!

I wish I had found this Plugin sooner. Simple functions like <if loop exists …> makes building flexible page layouts so much easier. I am now reviewing all the shortcodes that I have created or used from other plugins to see which can be replaced by Tangible Templates.

Great support from the team and community. I would have appreciated more examples to help me get started, but now I’m off the ground I want to explore what else this plugin can do.
★★★★★

The plugin is great and the support is awesome

The best support I’ve ever had! I’m not even kidding!
★★★★★

This plugin will make some waves

This plugin is a game changer. Really easy to use. Def. keep an eye on it.
★★★★★

Very useful, even to a beginner

As a designer (read “person regularly mystified by lines of PHP”) I found this plugin useful in achieving what I could not do with my page builder of choice. I feel like I’m only scratching the surface of what this plugin can do, but am eager to learn more.

And here are just a few of the new superpowers you get with L&L:

Use as a theme builder with Layouts

Add location rules to use layouts in your theme
Load L&L templates with shortcodes

Use the [template] shortcode to output one of your saved templates with support for passing attributes to use as local variables.
WP Fusion integration

Use L&L to get WP Fusion user tags and test whether content is restricted
Use Sass without a compiler

Use Sass, the popular CSS extension language, without a compile step
Pass variables to CSS and JS

Set JS and Sass variables to easily pass data from your main template to your styles and scripts
Upcoming premium integration with 6 popular plugins

WooCommerce, Gravity Forms, Easy Digital Downloads, LearnDash, Lifter LMS and The Events Calendar

Get updates and be the first to know when the pro version launches!

Blog

Go to blog

- Product Updates
Update: template previews and new code editor in versions 4.0.0 to 4.0.2
By Benjamin on January 4, 2024
- Product Updates
Update: editor upgrade, Pods support, and new export format in versions 3.3.0 to 3.3.1
By Julia on November 2, 2023
- Product Updates
Update: insert headers/footers, RegEx, and more in versions 3.2.0 to 3.2.9
By Benjamin on July 17, 2023

Like Loops & Logic?

Like L&L? Here’s a secret just for those that get to the bottom of this page: you’ll soon be able to build page builder blocks for Gutenberg, Elementor and Beaver Builder with L&L using our upcoming Tangible Blocks plugin.

Apply for beta access here