All Collections
Getting Started with Lasso
How to Create and Manage Grid Displays
How to Create and Manage Grid Displays

Learn how to display a grid of affiliate links by using Lasso Groups.

Andrew avatar
Written by Andrew
Updated over a week ago

What Are Lasso Grid Displays?

Lasso Grids have multiple columns and rows and are a versatile way to show multiple products all at once.

Grids can be used for everything from resource pages to top-3 product displays.

There's no limit to how many products you can show in a Grid, and you can add the same Lasso Link to as many Grids as you'd like.

How to Make Lasso Grids

You can set up Grids in just a few steps:

  1. Organize your Lasso Links into Groups.

  2. Rearrange the order of your Links, so they show in the order you'd like.

  3. Add a shortcode to your post to display a Grid using the products from your Group.

  4. Optional: Add shortcode arguments to customize how your Grid looks.

1. How to Organize Your Lasso Links into Groups

You can use a Group of Lasso Links to show a Grid Display on your website. But first, you need to add and organize that Group!

There are two options to create a Group and add products to it:

  • Via Link Details pages of your Lasso Links.

  • Via the Groups tab.

Create a Group and Add Products from the Link Details Page

Once you navigate to a Lasso product, scroll down until you see the Groups text box towards the bottom of the left column.

Type the name you'd like to give your Group, and then click the purple box with your Group name (or hit Enter on your keyboard).

Once that's done, you'll see your Group appear in the text box. Be sure to hit the Save Changes button at the bottom of the screen!

Repeat this process on the Link Details pages for any additional Lasso Links you'd like to add to your Group.

Or, add those products via the Groups Tab! πŸ‘‡

Create a Group and Add Products from the Groups Tab

Click Groups in the lefthand sidebar of the Lasso plugin to navigate to the Groups page.

There, you'll see a green Add New Group button. Click that if you're starting a Group from scratch.

Or, click on any of your existing Group names if you want to add products to that Group.

When you click on a Group name, you'll see all of the Lasso Links in that Group.

Simply click the Add a Link button to pull up a list of all your existing Lasso Links, which you can add to your Group. Choose as many Links as you'd like!

2. How to Rearrange the Order of Links in Your Group

Within the Group page (more on this in step 1, above), you can drag and drop the order in which your Lasso Links will appear in the Grid.

To move a Link, hover over the product until you see the group of squares on the left-hand side. Then, drag and drop that Link to be in the order you'd like it to show in your Group.

You can rearrange your Group and add new Links at any time. Once you're done, it will instantly update all of your Grid Displays to reflect the new order and products.

This is an easy way to optimize and test the order of your products!

3. How to Use a Shortcode to Display a Grid

In the WordPress editor, click the cactus icon to add a display. First, it'll ask you which type of display you want. Choose Grid.

This will bring up a list of all your Groups. Now, just choose the Group you want to display and it'll add a shortcode to your post.

In the example, if we chose the Podcasting Group, it would add a shortcode to your post that looks like this:

[lasso style="grid" category="podcasting"]

From here, you can add arguments to the shortcode to customize it.

4. Optional: How to Add Shortcode Arguments to Customize How Your Grid Looks

This makes displays appear side by side with a max of two affiliate links per row.

columns ="3" (default is 2)
Add this if you want to display one or three affiliate links per row instead of the default of two.

[lasso style="grid" categories="podcasting, favorite-tools" columns="3"]

Read more about shortcodes in our shortcode reference guide.

Did this answer your question?