Help Center

Making a User Profile Clickable in the Listing Grid

Making a User Profile Clickable in the Listing Grid

Create a User listing and output it through the Listing Grid widget, where every User will be assigned a link that leads to their profile page.

Before you start, check the tutorial requirements:

  • Elementor (Free version) or Block editor (Gutenberg)

  • JetEngine plugin installed and activated

  • Profile Builder module enabled

    with the User Profile Page created.

Create Listing Item for Users

The first thing you need to do is to create a Listing that’ll store your Users. Go to JetEngine > Listings > Add New and choose Users as the listing source:

listing items for users

Set up a Listing Item in Elementor

Proceed to the setup. In the newly-opened Elementor window, find the Heading widget and place it anywhere you like. Click on the Dynamic Tags icon in the Link row and pick the “Profile Page URL” tag. Once you see the Settings tab, choose the following options:

adding dynamic fields to listing item
Things to know

If you’re unsure which option to pick in the Profile Page drop-down, you can check it in the Profile Builder settings. Go to JetEngine Dashboard and Profile Builder feature, click on the User Page tab, and see the page name that should go into the Profile Page drop-down.

profile page tab in the settings

Now, set the Title row in a way to display the link as it suits you. You can type into the Title text area any required text. Or, go the extra mile and pull the nickname of the queried User into it. To do so, configure the Link row settings as shown below:

user field settings tab in the title row

Add Listing Grid to the Page

Go to the page where you want to place the Users Listing with Elementor. Find the Listing Grid widget, drop it anywhere you please, and select the correct Listing shown on the page. Update the changes.
That’s it! You’ve made a page leading to a single user clickable.

Was this article helpful?

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.