---
title: "How to Create Scrollable Website Device Mock-ups in WordPress (Gutenberg) | Website Portfolio Page [Video Tutorial]"
url: https://nexterwp.com/docs/create-scrollable-website-device-mock-ups-wordpress-gutenberg/
date: 2023-07-05
modified: 2026-04-14
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=DI-t1I0tS6g Video Duration: 17 : 47 Video Overview Learn how to Create Scrollable Dynamic Devices Website Mock-ups for your Website Portfolio Page. Show Website design from image, URL (Iframe), Videos..."
image: https://nexterwp.com/wp-content/uploads/2024/05/create-scrollable-website-device-mock-ups-wordpress-gutenberg-1024x519.jpg
word_count: 105
---

# How to Create Scrollable Website Device Mock-ups in WordPress (Gutenberg) | Website Portfolio Page [Video Tutorial]

https://www.youtube.com/watch?v=DI-t1I0tS6g

##### Video Duration: 17 : 47

## Video Overview

Learn how to Create Scrollable Dynamic Devices Website Mock-ups for your Website Portfolio Page. Show Website design from image, URL (Iframe), Videos etc inside device screens.

This will help you show your past website works in a better way to your clients. You can combine multiple screens and show them together in carousels, or one above the other. The Dynamic Device for Gutenberg will give the best web design preview of your works.

▶️ Live Demo - [https://nexterwp.com/nexter-blocks/blocks/wordpress-device-mockups/](https://nexterwp.com/nexter-blocks/blocks/wordpress-device-mockups/)

⚡ Plugin Website - [https://nexterwp.com/](https://nexterwp.com/)
⚡ Get the Plugin [https://nexterwp.com/nexter-blocks/](https://nexterwp.com/nexter-blocks/)
USE CODE " YOUTUBE10 " TO ENJOY 10% DISCOUNT