---
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

- Nexter Blocks' Dynamic Device block allows users to display Patterns inside device mockups.
- Users can choose between Default and Standard AJAX content load types for improved loading performance.
- The Backend Visibility toggle in the Dynamic Device block enhances the editing experience by allowing visibility of 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/).

## Frequently Asked Questions

**Q: What should I do if my Pattern isn't showing up in the Dynamic Device block?**
A: If your Pattern isn't displaying, ensure that you've selected it correctly in the Pattern dropdown after adding the Dynamic Device block. Additionally, check that the Layout is set to Normal and that you've created the Pattern beforehand. If the Backend Visibility toggle is on, it may affect your editing experience, so consider turning it off for better visibility.

**Q: What is the best setting for loading content in the Dynamic Device block?**
A: For optimal performance, consider using the Standard AJAX load option. This setting loads content when users interact with the mockup, such as clicking or hovering over elements, which can enhance the user experience by reducing initial load times. Ensure that the Enable Ajax Templates toggle is activated in the Nexter Blocks settings to use this feature.

**Q: How do I create a Pattern for use in the Dynamic Device block?**
A: To create a Pattern, click on the + Create Pattern button located below the Select Pattern dropdown in the Dynamic Device block settings. This allows you to customize the content that will be displayed within the device mockup, enabling a tailored presentation for your audience.

**Q: Are there any limitations when using the Dynamic Device block?**
A: One limitation to keep in mind is that the Dynamic Device block is part of Nexter Blocks, so you must have it installed and activated to access its features. Additionally, it requires the Gutenberg editor, as it is not designed to function as a standalone theme without it.