Swipe Button Block for Gutenberg

Table of Contents

This block lets you add eye-catching hover effects to your button.

Required Setup

  • Nexter Blocks FREE Plugin installed & activated.
  • You need to have the WDesignKit plugin installed and activated.
  • Make sure you’ve created an account and logged into it.
  • Make sure you’ve downloaded the Swipe Button block.

How to Activate the Swipe Button Block?

Go to 

  • WDesignKit → Widgets. 
  • Search the block name and select Gutenberg as the Page Builder.
  • Click on the Download icon.

How to Use the Swipe Button Block in WordPress?

Add the Swipe Button block to the page.

Content

In the Button Text field, you have to add the button text.

Then you can add a link to the button from the URL field.

From the Select Icon section, you can add an icon to the button.

Extra Options

You can place the icon before or after the text from the Icon Position dropdown.

From the Alignment section, you can align the button for different responsive devices.

From the Style tab, you have to add the style for normal and hover states to create the swiper effect.

AUTHOR
Sagar Patel
CEO
icon
10+ Years Experience

Sagar is the Founder & CEO of POSIMYTH Innovations, with 10+ years building WordPress products trusted by 100,000+ websites globally. He has led the development of The Plus Addons for Elementor, Nexter, WDesignKit, and UiChemy, all built hands-on from concept to launch. His work focuses on making website building faster, more flexible, and accessible for creators and businesses worldwide.