---
title: "How to use Animated Service Boxes Block to Create Portfolio or Product Features Page [Video Tutorial]"
url: https://nexterwp.com/docs/animated-service-boxes-block-portfolio-product-features/
date: 2023-07-05
modified: 2026-04-14
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=I5d_6dWCn3c Video Duration: 9 : 15 Video Overview Build Portfolio page and Product Features page using Block editor aka Gutenberg with Animated Service Box block of Nexter Blocks on WordPress.It's..."
image: https://nexterwp.com/wp-content/uploads/2024/05/animated-service-boxes-block-portfolio-product-features-1024x519.jpg
word_count: 89
---

# How to use Animated Service Boxes Block to Create Portfolio or Product Features Page [Video Tutorial]

## Key Takeaways

- Nexter Blocks includes an Animated Service Box block that allows users to build Portfolio and Product Features pages easily.
- The Animated Service Box block offers many hover effects and unique customizations for enhanced visual appeal.
- Users can access a live widget demo of the Animated Service Box block on the NexterWP website.

https://www.youtube.com/watch?v=I5d_6dWCn3c

##### Video Duration: 9 : 15

## Video Overview

Build Portfolio page and Product Features page using Block editor aka Gutenberg with Animated Service Box block of Nexter Blocks on WordPress.
It's the easiest way to build such pages, with adding many hover effects and unique customizations.
Animates service box can be helpful to build portfolio listing, unique product listing, special features setup and many other ways around.

Live Widget Demo - [https://nexterwp.com/nexter-blocks/blocks/wordpress-animated-service-boxes/](https://nexterwp.com/nexter-blocks/blocks/wordpress-animated-service-boxes/)

⚡ 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

## Frequently Asked Questions

**Q: What should I do if the Animated Service Boxes block isn't displaying correctly?**
A: If the Animated Service Boxes block isn't showing up, check if you have the latest version of Nexter Blocks installed. Sometimes, outdated plugins can cause compatibility issues. Also, ensure that you are using the Gutenberg editor, as NexterWP is designed specifically for it. If problems persist, consider clearing your browser cache or checking for conflicts with other plugins.

**Q: What are the best practices for customizing the Animated Service Boxes block?**
A: To get the most out of the Animated Service Boxes block, focus on using high-quality images and clear, concise text. Ensure that your hover effects are not overly distracting. Consistency in styling with your overall site theme is also crucial for a professional look. Experiment with different animations to find what resonates best with your audience.

**Q: Does the Animated Service Boxes block work with other page builders?**
A: The Animated Service Boxes block is primarily designed for the Gutenberg editor. While it supports Elementor and Bricks, using it outside of Gutenberg may limit its functionality. For optimal performance and features, stick to using it within the Gutenberg environment.

**Q: How can I add hover effects to the Animated Service Boxes block?**
A: Adding hover effects to the Animated Service Boxes block is straightforward. Within the block settings, you can choose from various hover animations that enhance interactivity. These effects can make your portfolio or product features more dynamic, encouraging users to explore further. Experiment with different options to see which best complements your content.