Title: SmartUpWorld Portfolio Showcase
Author: Smartupworld Websolutions
Published: <strong>October 1, 2026</strong>
Last modified: October 1, 2026

---

Search plugins

![](https://ps.w.org/smartupworld-portfolio-showcase/assets/banner-772x250.jpg?rev
=3722427)

![](https://ps.w.org/smartupworld-portfolio-showcase/assets/icon-256x256.png?rev
=3722427)

# SmartUpWorld Portfolio Showcase

 By [Smartupworld Websolutions](https://profiles.wordpress.org/smartupworld/)

[Download](https://downloads.wordpress.org/plugin/smartupworld-portfolio-showcase.1.0.0.zip)

 * [Details](https://wordpress.org/plugins/smartupworld-portfolio-showcase/#description)
 * [Reviews](https://wordpress.org/plugins/smartupworld-portfolio-showcase/#reviews)
 *  [Installation](https://wordpress.org/plugins/smartupworld-portfolio-showcase/#installation)
 * [Development](https://wordpress.org/plugins/smartupworld-portfolio-showcase/#developers)

 [Support](https://wordpress.org/support/plugin/smartupworld-portfolio-showcase/)

## Description

**SmartUpWorld Portfolio Showcase** turns your client websites, demos and case studies
into a clean, filterable portfolio grid. Every project card looks like a small browser
window with the site’s address, a screenshot, a category badge and a link to the
live site — ideal for web design agencies, freelancers, developers and theme shops.

It works as an **Elementor widget** and as a **shortcode**, so you can use it with
Elementor, the block editor, the Classic editor or directly in a theme template.

#### Works the moment you activate it

Drop the widget or shortcode on a page and three sample projects appear straight
away, so you can style the section before you add real work. The samples vanish 
automatically as soon as you publish your first project. No setup screens, no settings
to save.

#### Features

 * **Elementor widget** “Portfolio Showcase” with content, layout, colour, spacing
   and typography controls.
 * **Shortcode** `[suw_portfolio]` for any editor, widget area or theme.
 * **Portfolio admin section** — add projects with a title, screenshot, website 
   URL and project type.
 * **Filter tabs** built from your project types, with optional counts.
 * **Responsive grid** — 1 to 4 columns per device, full-width background with a
   centred container.
 * **One-click demo content** — import six editable projects in three types (Blog,
   Business, E-commerce) plus a demo page, and delete them again with one click.
 * **Bundled sample images** — nothing is downloaded from third-party sites.
 * **Colours via CSS custom properties** — match any brand from the Elementor Style
   tab.
 * Card order controlled by the standard Order field.

#### SEO and performance

 * Real `<img>` screenshots with `alt` text, `width`/`height` (no layout shift) 
   and responsive `srcset`. Loading is left to WordPress core, which eager-loads
   images likely to be in view and lazy-loads the rest — good for Core Web Vitals.
 * Correct heading hierarchy — card titles automatically sit one level below the
   section heading.
 * Schema.org `ItemList` structured data (JSON-LD) for your projects. Disable it
   with the `suwpf_schema_enabled` filter if your SEO plugin already covers it.
 * One small stylesheet and one tiny deferred script with no jQuery dependency, 
   loaded only on pages that show a portfolio.
 * Accessible: filter buttons use `aria-pressed`, cards are keyboard focusable, 
   external links announce that they open in a new tab, and animations respect “
   reduce motion”.

#### Documentation

Everything is explained inside WordPress under **Portfolio  Docs & Demo**. The full
online guide is at [smartupworld.com/smartupworld-portfolio-showcase](https://smartupworld.com/smartupworld-portfolio-showcase/).

#### Shortcode example

    ```
    [suw_portfolio eyebrow="Portfolio" heading="Our Clients / Demos" subheading="Sites we have designed and built." type="blog,business" limit="6" cta_text="Start your project" cta_url="/contact/"]
    ```

All attributes are optional: `eyebrow`, `heading`, `heading_tag`, `subheading`, `
type`, `limit`, `filter`, `counts`, `all_label`, `browser`, `full_width`, `cta_text`,`
cta_url`.

## Screenshots

[⌊The portfolio grid with filter tabs and browser-style project cards.⌉⌊The portfolio
grid with filter tabs and browser-style project cards.⌉[

The portfolio grid with filter tabs and browser-style project cards.

[⌊The Docs & Demo page in the WordPress dashboard, with one-click demo import and
delete.⌉⌊The Docs & Demo page in the WordPress dashboard, with one-click demo import
and delete.⌉[

The Docs & Demo page in the WordPress dashboard, with one-click demo import and 
delete.

[⌊The Portfolio Showcase widget in the Elementor editor.⌉⌊The Portfolio Showcase
widget in the Elementor editor.⌉[

The Portfolio Showcase widget in the Elementor editor.

## Installation

 1. In your dashboard go to **Plugins  Add New**, search for “SmartUpWorld Portfolio
    Showcase” and click **Install Now**, or upload the zip under **Plugins  Add New
    Upload Plugin**.
 2. Click **Activate**.
 3. **Elementor:** edit a page, search the widget panel for “Portfolio Showcase” and
    drag it onto the page.
 4. **Any other editor:** add `[suw_portfolio heading="Our Work"]` to a page.
 5. Add your projects under **Portfolio  Add New Project**, or import the demo content
    under **Portfolio  Docs & Demo  Demo content**.

## FAQ

### Do I need Elementor?

No. Elementor adds a drag-and-drop widget, but the `[suw_portfolio]` shortcode works
in any editor.

### Where do the three projects on a new portfolio come from?

They are built-in sample projects so a new portfolio is never empty. They are not
stored in your database and disappear automatically once you publish your first 
project. Logged-in editors see a small note explaining this; visitors do not.

### How do I remove the demo content?

Go to **Portfolio  Docs & Demo  Demo content** and click **Delete demo content**.
Only the projects, images, project types and page that the demo import created are
removed — your own projects are never touched.

### Does the demo import download anything?

No. The sample screenshots ship with the plugin and are copied into your Media Library,
so the import works offline and on firewalled servers.

### How do I add a project type (filter tab)?

Go to **Portfolio  Project Types**, or create one directly in the project editor.
Each type with at least one project becomes a filter tab.

### Can I show only some project types?

Yes. In Elementor use **Content  Projects  Only these types**. With the shortcode
use the `type` attribute with comma-separated slugs, for example `type="blog,business"`.

### Why do project links use rel=”nofollow”?

Portfolio cards link to external client sites. `nofollow` keeps your page’s link
equity on your own site and is the safe default for outbound links.

### Will it slow down my site?

No. The CSS (about 7 KB) and the script (about 2 KB, deferred) load only on pages
that contain a portfolio, and screenshots below the fold are lazy loaded.

### What happens when I uninstall the plugin?

Uninstalling deletes the demo content. Projects you added yourself stay in the database,
so reinstalling brings your portfolio back.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“SmartUpWorld Portfolio Showcase” is open source software. The following people 
have contributed to this plugin.

Contributors

 *   [ Smartupworld Websolutions ](https://profiles.wordpress.org/smartupworld/)

[Translate “SmartUpWorld Portfolio Showcase” into your language.](https://translate.wordpress.org/projects/wp-plugins/smartupworld-portfolio-showcase)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/smartupworld-portfolio-showcase/),
check out the [SVN repository](https://plugins.svn.wordpress.org/smartupworld-portfolio-showcase/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/smartupworld-portfolio-showcase/)
by [RSS](https://plugins.trac.wordpress.org/log/smartupworld-portfolio-showcase/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial release.
 * Elementor widget and `[suw_portfolio]` shortcode.
 * Portfolio admin section with project types and website URL.
 * Built-in sample projects until the first project is published.
 * One-click demo import and delete using bundled images.
 * Schema.org ItemList structured data, responsive lazy-loaded images and accessible
   filter tabs.

## Meta

 *  Version **1.0.0**
 *  Last updated **1 day ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **7.1.2**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [elementor](https://wordpress.org/plugins/tags/elementor/)[filterable portfolio](https://wordpress.org/plugins/tags/filterable-portfolio/)
   [portfolio](https://wordpress.org/plugins/tags/portfolio/)[portfolio grid](https://wordpress.org/plugins/tags/portfolio-grid/)
   [showcase](https://wordpress.org/plugins/tags/showcase/)
 *  [Advanced View](https://wordpress.org/plugins/smartupworld-portfolio-showcase/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/smartupworld-portfolio-showcase/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/smartupworld-portfolio-showcase/reviews/)

## Contributors

 *   [ Smartupworld Websolutions ](https://profiles.wordpress.org/smartupworld/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/smartupworld-portfolio-showcase/)