---
title: "How to Add Advanced Effects to an Image in WordPress?"
url: https://nexterwp.com/docs/add-advanced-effects-to-an-image-in-wordpress/
date: 2024-12-09
modified: 2026-08-18
author: "Aditya Sharma"
description: "Adding advanced effects to images can make your content more visually appealing and interactive. For website designers and creators, enhancing images with effects can greatly improve user experience and make..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Advanced-Effects-to-an-Image-in-WordPress_-1024x519.jpg
word_count: 562
---

# How to Add Advanced Effects to an Image in WordPress?

## Key Takeaways

- Nexter Blocks Advanced Image block adds Scroll Reveal Effect, Scrolling Image Effect, Image Mask, Scroll Parallax, and Fancy Box options for WordPress images.
- Nexter Blocks requires the default WordPress Block editor and the Nexter Blocks plugin installed and activated, with the Advanced Image block turned on under Nexter → Blocks.
- Advanced Image block lets users add an image from Upload Image, set Alignment, URL, Max Width, Float Align, and Image Size, and enable a caption with the Enable Caption (pro) toggle.

Adding advanced effects to images can make your content more visually appealing and interactive. For website designers and creators, enhancing images with effects can greatly improve user experience and make the visuals more engaging and memorable for visitors.

With the Advanced Image block from Nexter Blocks, you can easily apply various image effects to your WordPress website.

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

## Required Setup

- Make sure the default WordPress Block editor is active. 

- You need to have the [Nexter Blocks](https://wordpress.org/plugins/the-plus-addons-for-block-editor/) plugin installed and activated.

- Make sure the Advanced Image block is activated. To verify this, visit Nexter → Blocks → and search for Advanced Image and activate.

- This is a Freemium block; to unlock the extra features, you need the [PRO version of Nexter Blocks](https://nexterwp.com/pricing/?utm_source=tpag&utm_medium=docs&utm_campaign=text).

## Learn via Video Tutorial

https://www.youtube.com/watch?v=9tP5GP1Pl-M

## How to activate the Advanced Image Block?

Go to 

- **Nexter **→ **Blocks **

- **Search **the block name and** turn**** on the toggle**.

![](https://nexterwp.com/wp-content/uploads/2024/12/Nexter-Blocks-Advanced-Image-Activation.png)

## Key Features

- **Scroll Reveal Effect** (pro) - You can easily [add a scroll reveal effect to an image](https://nexterwp.com/docs/add-image-reveal-animation-on-scroll-in-wordpress/).

- **Scrolling Image Effect** (pro) - You can easily [add a scrolling effect to an image](https://nexterwp.com/docs/add-a-scroll-on-hover-to-an-image-in-wordpress/).

- **Image Mask** - You can easily [add a mask to an image](https://nexterwp.com/docs/mask-an-image-in-wordpress-custom-image-mask/).

- **Scroll Parallax** (pro) - You can easily [add a parallax effect to an image](https://nexterwp.com/docs/add-a-parallax-image-in-wordpress/).

- **Fancy Box** - You can easily open the image in a fancy box.

## How to Use the Advanced Image Block?

Add the Advanced Image block to the page.

Then click on the **Design from Scratch** button to design the layout from scratch.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-image-design-type-1024x191.png)

> *Note: By clicking on the Import Pre-Designed Template button, you can [import a preset template](https://nexterwp.com/docs/import-templates-in-nexter/#Import-Preset-Designs-for-Specific-Blocks-in-Nexter) and customize it as per your requirements.*

### Content

From the **Upload Image** section, you have to add your image.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-image-content-new.png)

Then from the **Alignment** section, you can align the image.

From the **URL** field, you can add a custom link to the image.

You set the image width for different devices from the **Max Width **section.

From the Float Align section, you can float the image.

Then, from the **Image Size** dropdown, you can set the image size.

### Caption

By enabling the **Enable Caption** (pro) toggle, you can add a caption to the image.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-image-caption-new.png)

### Special Options

You’ll find some special effects options in this tab.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-image-special-options-new.png)

- **Scroll Reveal Image** (pro) - From here, you can [add a scroll reveal effect to an image](https://nexterwp.com/docs/add-image-reveal-animation-on-scroll-in-wordpress/).

- **Scrolling Image** (pro) - From here, you can [add a scrolling effect to the image](https://nexterwp.com/docs/add-a-scroll-on-hover-to-an-image-in-wordpress/).

- **Mask Image Shape** - From here, you can [add an image mask to the image](https://nexterwp.com/docs/mask-an-image-in-wordpress-custom-image-mask/).

- **Scroll Parallax** (pro) - From here, you can [add a parallax effect to the image](https://nexterwp.com/docs/add-a-parallax-image-in-wordpress/).

- **FancyBox** - From here, you can open the image in a fancy box.

## How to Style the Advanced Image Block?

To style the Advanced Image block, you’ll find all options in the Style tab.

**Background** - From here, you can manage the background style of the image for normal and hover states. You can also add different CSS filters to the image.

> *Note: Keep in mind, Filters and Drop Shadow can't be used together; you can only use one option at a time.*

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-image-style-new.png)

**Image Caption** - You’ll see this option when the Enable Caption toggle is enabled. From here, you can manage the image caption typography and color for normal and hover states.

Advanced options remain common for all our blocks, you can explore all it options from here.

[View Advanced tab tutorial.](https://nexterwp.com/docs/add-advanced-tab-in-wordpress/)

## Frequently Asked Questions

**Q: Why is the Advanced Image block not showing in WordPress?**
A: The block has to be activated inside Nexter Blocks before it appears in the editor. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides the Advanced Image block as a Freemium block, so the extra features stay locked until the PRO version of Nexter Blocks is active. A quick check is to go to Nexter → Blocks and search for Advanced Image.

**Q: What do I need before adding advanced image effects in WordPress?**
A: This setup depends on the default WordPress Block editor being active and the Nexter Blocks plugin installed and activated. That matters because the Advanced Image block lives inside the block editor workflow, not as a separate standalone tool. If you want the extra effects like Scroll Reveal Effect, Scrolling Image Effect, Scroll Parallax, or Enable Caption, those are marked pro and require the PRO version of Nexter Blocks.

**Q: What image effects can I add with the Advanced Image block?**
A: The Advanced Image block includes Scroll Reveal Effect, Scrolling Image Effect, Image Mask, Scroll Parallax, and Fancy Box. The pro-only effects are clearly labeled in the page content, while Image Mask and Fancy Box are available as listed features. That mix is useful when you want one image to do more than just sit on the page, especially for interactive layouts or hero sections.

**Q: Can I import a pre-designed template instead of building the image layout from scratch?**
A: The Advanced Image block supports both approaches. The page says you can click Design from Scratch for a custom layout or use Import Pre-Designed Template to bring in a preset template and customize it afterward. That makes it easier to start fast when you already know the structure you want, instead of assembling every setting manually.

**Q: How do I add a caption to an advanced image in WordPress?**
A: Caption support is controlled by the Enable Caption toggle, and it is marked pro. Once that is enabled, the Style tab exposes Image Caption controls for typography and color in normal and hover states. That separation matters because caption styling is handled differently from the image itself, so text can stay readable without forcing changes to the image design.

**Q: Can I use filters and drop shadow together on an advanced image?**
A: Filters and Drop Shadow cannot be used together on this block. The Style tab lets you manage background style for normal and hover states and add CSS filters, but the page warns that only one of those two options can be active at a time. That limitation matters if you are trying to build depth effects, because choosing one will override the other visually.