Skip to main content
All CollectionsGetting Started with Lasso
How to Use Lasso with Other Theme & Page Builders
How to Use Lasso with Other Theme & Page Builders

Lasso works with just about any unique theme or page builder, this guide will show you how to use it with major editors like Elementor.

Andrew avatar
Written by Andrew
Updated over 8 months ago

Using Lasso with Elementor Page Builder

You can use Lasso with the Elementor page builder!

When you have a post or page open with Elementor ('Edit with Elementor') you can use the Elements sidepanel to search for "Lasso" to find the block type and click to add to your post/page:

After you've clicked or dragged the Lasso block to add it to your post, the empty Lasso block will appear on the page to show you where it has been added:

Now you need to select a Lasso product link to insert into this Lasso display block, to do that; just click the green Add a Display button!

Then you'll be able to Choose a Display Type, if you just want to add a Lasso product display for a single produt, choose Single:

After that you'll be able to Choose a Link to insert into this display. You can Create a Link if you want to add a new one that isn't already in your products list, or + Add one that already exists:

Now you'll have a Lasso product added into a Lasso display on your page and can further customize it using the Lasso Shortcode block options in the Elementor side panel:

To learn more about all the shortcode options you can change and what they do, check out our Shortcode Reference Guide.

How to Use Lasso With Other Page Builders

Not every unique page builder will have block options like Elementor with Lasso, but in those cases you can always fallback to using shortcodes.

Shortcodes are a native feature of WordPress that work in the Classic Editor, Gutenberg block editor, as well as any other type of editor or page builder.

Note: Everything you need to know about Lasso's shortcodes is covered in our Shortcode Reference Guide.

If you have an irregular page builder, you'll need to get comfortable with using shortcodes. Learn all about it by clicking below:

Adding a Single Product Display via Shortcode

Every Lasso product you add to your Lasso Dashboard has it's own unique ID (several numbers) and a rel otherwise known as the permalink, these are both the start of a Lasso shortcode for a single display.

Let's say you want to grab the shortcode for a product to display as a single Lasso product display, just open the product in your Dashboard and click the Copy Shortcode button:

It will be saved to your clipboard, and looks like this:

[lasso rel="copywriting" id="1011"]

You can then paste that shortcode into any post or page and when previewed or published, WordPress will pick up the shortcode to pull the display from Lasso to your viewers.

It will use all the defaults of that product from the Dashboard, but that's where you can use the shortcode attributes to customize it!

Adding a Grid Display via Shortcode

Adding a Grid Lasso display to a post or page that uses an irregular editor can be done using shortcodes, too!

To create a shortcode for a grid, you'll need a slightly different shortcode that looks like this:

[lasso type="grid" category="our-courses" link_id="1967169"]

You can grab this shortcode easily by navigating to Lasso > Groups > Select your group:

Once you've opened a Group, you'll again see a Copy Shortcode link to copy the needed shortcode to your clipboard:

From the above example, my shortcode looks like this:

[lasso type="grid" category="favorite-dog-bowls"]

It's a grid type by default, but that can also be changed along with various other customizations using the shortcode attributes.

Adding a Text Link with Other Page Builders

If you're using the native WordPress Classic or Gutenberg editors, then Lasso will show it's product links as "Lasso-Urls" within your link search:

It allows you to easily select your permalink for an affiliate product right from the editor!

But this won't always be an option in other page builder types that might not search across all your post types.

In those cases, you'll need to grab the permalink yourself. Here's how:

Open the product link inside your Lasso Dashboard, right click on the permalink showing underneath the product title, and select Copy Link/Copy Link Address:

Then, in the post you want to update, add a link the way you normally would, but just paste the Lasso URL you copied.

Note: Don't use cloaked permalinks for Amazon products since that goes against Amazon TOS. Lasso should detect these for you and fix links in posts/pages if you have Auto-Amazon setup!

Did this answer your question?