Stylish Horizontal Accordion in Elementor: WDesignKit Widget Creator Tutorial
In this product tutorial, we go through how to use WDesignKit by Posimyth to access a plethora of widgets and templates for Elementor, Gutenberg or Bricks. We also learn how to create a widget from scratch specifically for Elementor. However, it can also be used to create Gutenberg and Bricks widgets as well.
► Get WDesignKit ◄
https://daveden.co.uk/links/wdkit
► Previous Builds◄
Old Method to build horizontal accordion using Elementor Accordion and Custom CSS - • Build an Elementor Horizontal Accordion fo...
My first Elementor Widget - • My First Elementor Widget!!! Horizontal Ac...
► Magnetic Button Examples by other creators◄
By Posimyth: • How to Add Magnetic Button in Elementor, G...
By Andrea Egli: • GSAP MAGNETIC BUTTON - Elementor Wordpress...
Subscribe for more Elementor and Bricks tutorials:
🔗 https://davedens.link/subscribe
► Support my channel ◄
Buy me kofi - https://davedens.link/kofi
Donate on PayPal - https://davedens.link/paypal
► Connect with me: ◄
📺 Subscribe: / @daveden2
👍 Facebook: / daveden2
🐦 X (formerly Twitter): https://x.com/Daveden2
🌐 Website: https://daveden.co.uk/
► Recommended Tools (Affiliate Links - Support the Channel!) ◄
🔗 Elementor Pro - https://davedens.link/elementor
🔗 Dynamic Shortcodes - https://davedens.link/dsh
🔗 Crocoblock JetEngine - https://davedens.link/jetengine
🔗 Bricksbuilder - https://davedens.link/bricks
🔗 WDesignKit - https://davedens.link/wdkit
🔗 Epidemic Sounds - https://davedens.link/sounds
🔗 Hostinger: https://davedens.link/hosting
► Timestamp◄
0:00 - Intro
00:21 - My initial limitation
01:46 - Some useful examples
04:01 - Install WDesignKit from the Plugins Repo
05:29 - Downloading our first widget
08:22 - Purchase the premium version of WDesignKit
09:50 - Editing a pre-designed widget
11:33 - Creating our expandable flex cards widget
27:36 - Improving the widget to include an active item control
36:40 - Conclusion
#elementor #wdesignkit #accordion #posimyth