---
title: "How to create Website Portfolio/Showcase Page in Elementor?"
url: https://theplusaddons.com/docs/create-website-portfolio-showcase-page-in-elementor/
date: 2023-02-21
modified: 2026-04-12
author: "Aditya Sharma"
description: "As a small business or freelancer, an effective portfolio page is a must to showcase your work and set yourself apart from the competition. Designing a portfolio/showcase page with the..."
image: https://theplusaddons.com/wp-content/uploads/2023/02/Showcase-Page-in-Elementor-1024x536.jpg
word_count: 430
---

# How to create Website Portfolio/Showcase Page in Elementor?

## Key Takeaways

- The Dynamic Device widget from The Plus Addons for Elementor creates a beautiful image scrolling effect inside a device mockup.
- Users can adjust the image scroll speed from the Transition Duration section in the Dynamic Device widget settings.
- A tall vertical image is recommended for achieving a good scrolling effect when using the Dynamic Device widget.

As a small business or freelancer, an effective portfolio page is a must to showcase your work and set yourself apart from the competition. Designing a portfolio/showcase page with the Elementor page builder can be an incredibly rewarding experience, allowing you to showcase your work in a beautiful and professional manner.

While there are many widgets within the Elementor that you can use to create your portfolio page using the Dynamic Device widget from The Plus Addons for Elementor, you can add an extra layer of professionalism by showing your portfolio images in an interactive device mockup, especially if you are in web designing field. 

The Dynamic Device widget lets you create a beautiful image scrolling effect inside a device mockup.

*To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Device widget, [click here](/docs/dynamic-device-elementor-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/dynamic-device-mockups/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To create a portfolio page in Elementor using The Dynamic Device widget, follow the steps - 

1. To create a page from the dashboard, go to **Pages** > **Add New**.

2. In the page title, add **Portfolio** and click on the **Publish** button.

3. Once published, click on the **Edit with Elementor** button at the top.

4. Now, in the Elementor editor, click on the **+** icon and choose your preferred column layout. 

5. Then, search the Dynamic Device widget from the widget panel and add it to the page.

6. From the **Layout** dropdown, choose **Normal**. After choosing the appropriate device type and mockup, go to **Content **and choose **Image **from the dropdown.

7. Now, add your image from the **Media Image** section.

![dynamic device image](https://theplusaddons.com/wp-content/uploads/2023/02/dynamic-device-image.png)

> *Note: Make sure to choose a tall vertical image for a good scrolling effect.* You can use this [Free tool](https://screenshot.guru/) to capture long screenshots of website

8. Now go to Style > Device Background and turn on the Scroll Image toggle. This will make your image scroll when someone hovers over it.

You can adjust the image scroll speed from the **Transition Duration** section.

![dynamic device scroll image](https://theplusaddons.com/wp-content/uploads/2023/02/dynamic-device-scroll-image.png)

If you want to add a manual scroll instead of scrolling on mouse hover to your image, you can do that by turning on the **Manual Scroll** toggle.

9. Now, simply copy your Dynamic Device widget by right clicking on it and pasting it on other columns. Then just change the image of your widget.

Following this process, you can create a beautiful portfolio page with an image scrolling effect inside device mockups in no time. 

![multiple scrolling device demo](https://theplusaddons.com/wp-content/uploads/2023/02/multiple-scrolling-device-demo.gif)

## Frequently Asked Questions

**Q: What should I do if the Dynamic Device widget isn't showing up in Elementor?**
A: If the Dynamic Device widget isn't appearing, ensure that The Plus Addons for Elementor is installed and activated. This widget is exclusive to The Plus Addons, so without it, you won't have access to its features. Double-check your plugin settings and make sure there are no conflicts with other plugins that might be affecting its visibility.

**Q: What is the best image type to use for the Dynamic Device widget?**
A: For optimal performance with the Dynamic Device widget, use tall vertical images. This type of image creates a more engaging scrolling effect when users hover over the device mockup. If you don't use the right image dimensions, the scrolling effect may not look as impressive, diminishing the overall impact of your portfolio.

**Q: Is there a way to create a portfolio page without using the Dynamic Device widget?**
A: While the Dynamic Device widget offers a unique way to display images, you can create a portfolio page using standard Elementor widgets. However, you won't achieve the same interactive effect that the Dynamic Device widget provides. For a more professional look, it's recommended to use the Dynamic Device widget from The Plus Addons for Elementor.