---
title: "How to show Pattern Block inside a Device Mockup?"
url: https://nexterwp.com/docs/reusable-block-inside-a-device-mockup/
date: 2023-02-22
modified: 2026-04-15
author: "Aditya Sharma"
description: "The Dynamic Device block from the Nexter Blocks allows you to use Pattern inside a device mockup. It will enable you to show different types of content like images with..."
image: https://nexterwp.com/wp-content/uploads/2023/02/How-to-show-Pattern-Block-inside-a-Device-Mockup_-1024x519.jpg
word_count: 319
---

# How to show Pattern Block inside a Device Mockup?

## Key Takeaways

- Dynamic Device block from Nexter Blocks enables users to display Patterns inside device mockups.
- AJAX Load options include Default for normal content and Standard AJAX for faster load times upon interaction.
- Backend Visibility toggle enhances editing experience by allowing users to view the block in the backend.

The Dynamic Device block from the Nexter Blocks allows you to use Pattern inside a device mockup. It will enable you to show different types of content like images with text, video or even complex layouts using the power of WordPress/Gutenberg editor.

*To check the complete feature overview documentation of the Nexter Blocks* Dynamic Device block, [click here](/docs/dynamic-device-block-settings-overview/).

***Requirement  - This block is a part of the Nexter Blocks*, make sure its installed & activated to enjoy all its powers.**

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-device-mockups/)

To use a Pattern in your Dynamic Device block, you must create a Pattern.

Once you’ve created your Pattern, add the Dynamic Device block on the page.

In the Dynamic Device tab, make sure the **Layout** is set to **Normal **and after choosing the appropriate device type and mockup, go to **Content Type **and choose **Pattern **from the section.

After that, select your Pattern from the **Pattern** dropdown.

![](https://nexterwp.com/wp-content/uploads/2023/02/dynamic-device-select-pattern-new.png)

> *Note: You can also click on the ****+ Create Pattern**** button below the ****Select Pattern**** dropdown to create a Pattern.*

After choosing the Pattern, you will see a **Backend Visibility** toggle option, this is turned off by default to offer a better editing experience. You can turn it on to see your block in the backend once done it is advisable to turn it off.

Then, from the **AJAX Load** dropdown, you can select the content load type. Here you’ll find two options – 

- **Default** – This will keep the content normally.

- **Standard AJAX** – This will load the content when someone clicks or hovers over the coupon code, ensuring a faster load time.

> *Note: To make the Standard AJAX work, make sure to enable the ****Enable Ajax Templates**** toggle from ****Nexter Blocks**** > ****Extra Options**** > ****Settings****.*

Now you should be able to see your Pattern inside your device mockup which users can directly interact with.

Also, check [How to connect multiple scrolling device mockup in WordPress](https://nexterwp.com/docs/connect-multiple-scrolling-device-mockup-in-wordpress/).