This block lets you add an engaging call-to-action hover effect to text, where an image appears with a door-opening animation.
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 Open Door CTA block.
How to Activate the Open Door CTA 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 Open Door CTA Block in WordPress?
Add the Open Door CTA block to the page.
Content
In the Prefix Text field, you have to add the text you want to show before the image.
Then in the Postfix Text field, you have to add the text you want to show after the image.
From the Select Image section, you have to add the image you want to show with the door opening effect.
You can add a link to the image from the Link field.
From the Style tab, you can customize the block style along with managing the width and height of the image.
Now when you hover over the text you’ll see an image showing with a beautiful door opening effect.
