Step 1: Install Loops & Logic
In the admin dashboard of your WordPress site, navigate to Plugins > Add New, search for Loops & Logic, and click Install Now. Once it's finished installing, click Activate.
Step 2: Download some demo templates
Click here to download a .json file that contains some general L&L templates that will work with the data structure of most WordPress blogs. On a PC, right-click the page and choose "Save as..." to download the file. On a Mac, click File > Save As to save the .json file.
Step 3: Import the file into Loops & Logic
In your site's dashboard, navigate to Tangible > Import & Export and click Import. Select the .json file you just downloaded.
Step 4: Explore the templates
You'll now have a handful of templates visible under Tangible > Templates. To view any of them, click on the post title. We recommend starting with the template called "Beginner - Recent post links."
Each template contains a note at the top describing how it works and some templates include inline comments to further explain how different parts of the Loops & Logic templating language work.
Step 5: Add a template to a page
In Gutenberg
Here's what the interface looks like in Gutenberg. The Editor tab allows you to write inline L&L markup and the Saved templates tab allows you to select one of your templates to render it. To see a template's output, click Preview or view your page on the front end.
In Elementor
Here's what the interface looks like in Elementor. In the "use existing template" dropdown, selecting "no" allows you to write inline L&L markup. Selecting "yes" allows you to select one of your saved templates to render it. The template's output will be displayed in the page builder or on the front end of the site.
In Beaver Builder
Here's what the interface looks like in Beaver Builder. In the "use existing template" dropdown, selecting "no" allows you to write inline L&L markup. Selecting "yes" allows you to select one of your saved templates to render it. The template's output will be displayed in the page builder or on the front end of the site.
In another page builder
Step 6: Try things!
We're strong believers in learning by doing. So play around with the templates you've downloaded and see what happens! If you'd like to get a deeper understanding of how the L&L templating language works and how you can get the most out of this plugin, we recommend going through our beginner's guide to Loops & Logic to learn everything you'll need to know to build just about any template you can imagine. Happy looping!