Display WordPress users in grid, list, or slider layouts using Gutenberg blocks or shortcodes. Includes query builder and custom user fields.

DevofWP

Habib

habibjh88

User Grid is a powerful and flexible WordPress plugin that lets you display your site users in beautiful grid and list layouts. Whether you’re showcasing team members, registered users, or community profiles, User Grid makes it easy with a robust query builder, custom user fields, and responsive design.
<h4>🔥 New Feature: Shortcode Builder Support!</h4>
Now you can display user grids anywhere in WordPress, even without using the Gutenberg editor. With the new Shortcode Builder, you can create and manage layouts in the admin panel and embed them via shortcode.
<h3>👉 Features</h3>
<ul>
<li>
✅ Beautiful Layouts
<ul>
<li>Choose from 3 grid layouts and 3 list layouts in the free version</li>
<li>Display users in modern, professional designs</li>
</ul>
</li>
<li>
🔍 Powerful User Query Builder
<ul>
<li>Filter users by role, email domain, username, or custom meta fields</li>
<li>Easily include or exclude specific user types</li>
</ul>
</li>
<li>
🎯 Full Control Over Order & Display
<ul>
<li>Drag-and-drop to reorder content (where supported)</li>
<li>Customize which fields appear and in what order</li>
</ul>
</li>
<li>
🖼️ Custom Layout and Design Options
<ul>
<li>Tweak spacing, colors, typography, and more</li>
<li>Fully responsive design that looks great on all devices</li>
</ul>
</li>
<li>
🧱 Gutenberg Block Support
<ul>
<li>Insert User Grids directly into any post or page</li>
<li>Live preview and full customization via block editor</li>
</ul>
</li>
<li>
🔗 Shortcode Support (NEW)
<ul>
<li>Display user grids anywhere: classic editor, widgets, page builders</li>
<li>Build and copy shortcodes from the “User Grids” admin area</li>
</ul>
</li>
<li>
🧑‍💼 User Meta Fields (NEW)
<ul>
<li>Add custom fields like Designation, Job Role, and Custom Author URL</li>
<li>Users can enrich their profiles with detailed professional info</li>
</ul>
</li>
<li>
🌐 Social Media Integration
<ul>
<li>Add links for Twitter, LinkedIn, WhatsApp, Skype, TikTok, YouTube, and more</li>
<li>Great for building team pages, directories, or user showcases</li>
</ul>
</li>
<li>
📸 Gravatar Override Support
<ul>
<li>Users can upload custom profile pictures, bypassing Gravatar</li>
</ul>
</li>
<li>
🧩 Developer Friendly
<ul>
<li>Clean code, extendable architecture, and hookable filters/actions</li>
</ul>
</li>
<li>
💡 And More!
<ul>
<li>Designed to grow with your needs—perfect for directories, team pages, membership sites, and more</li>
</ul>
</li>
</ul>
<h3>👉 Custom User Meta Fields</h3>
Easily manage and display extra user information on the <code>user-edit.php</code> admin page. These fields help create more personalized and professional user profiles for display.
General Information: 
– User Image – Upload a custom avatar 
– Designation – e.g., Software Developer 
– Job Role – e.g., WP Developer at RadiusTheme 
– Custom Author URL – Redirect to a custom page instead of the default author archive
Social Info Fields: 
– Phone 
– Twitter 
– Facebook 
– LinkedIn 
– Google+ 
– Pinterest 
– Instagram 
– WhatsApp 
– Skype 
– TikTok 
– YouTube 
– Reddit
These fields can be easily styled and displayed via the User Grid block or shortcode.
<h3>👉 How to Use</h3>
<h3>1. Using the Gutenberg Editor</h3>
<ul>
<li>Add the User Grid Block to any page or post.</li>
<li>Search for “User Grid” in the block inserter.</li>
<li>Customize layout, filters, and styles from the right-hand sidebar.</li>
<li>See changes instantly in the live preview.</li>
</ul>
<h3>2. Without Gutenberg (Using Shortcode)</h3>
<ul>
<li>Go to Dashboard > User Grids in your WordPress admin.</li>
<li>Click Add New and design your layout using the provided Gutenberg interface.</li>
<li>Copy the generated shortcode from the “User Grid” tab in the right sidebar.</li>
<li>Paste the shortcode into any classic editor, widget, or page builder to display your grid.</li>
</ul>
<h3>👉 Installation:</h3>
<h4>Using The WordPress Dashboard</h4>
<ol>
<li>Navigate to the ‘Add New’ in the plugins dashboard</li>
<li>Search for ‘User Grid’</li>
<li>Click ‘Install Now’</li>
<li>Activate the plugin on the Plugin dashboard</li>
</ol>
<h4>👉 Uploading in WordPress Dashboard</h4>
<ol>
<li>Firs, download the zip file from – https://wordpress.org/plugins/user-grid</li>
<li>Navigate to the ‘Add New’ in the plugins dashboard</li>
<li>Navigate to the ‘Upload’ area</li>
<li>Select <code>user-grid.zip</code> from your computer</li>
<li>Click ‘Install Now’</li>
<li>Activate the plugin in the Plugin dashboard</li>
</ol>
<h4>👉 Using FTP:</h4>
<ol>
<li>Download <code>user-grid.zip</code></li>
<li>Extract the <code>user-grid</code> directory to your computer</li>
<li>Upload the <code>user-grid</code> directory to the <code>/wp-content/plugins/</code> directory</li>
<li>Activate the plugin in the Plugin dashboard</li>
</ol>
<h3>Arbitrary section</h3>
Feel free to provide any additional notes here.
<h3>License & Disclaimer</h3>
This plugin is licensed under the GPLv3. By using this plugin, you agree to the terms and conditions set forth by the GNU General Public License.
<h3>Additional Information</h3>
For more information, support, or to report bugs Please mail us at <code>devofwp@gmail.com</code>

Alternatives to User Grid – Display WordPress Users in a Beautiful Grid Layout

Top alternatives