How to Install WDesignKit WordPress Plugin?

To access all the features of WDesignKit, you have to install and activate the WDesignKit WordPress plugin.

1. Install and Activate WDesignKit Plugin

1. From the WordPress Dashboard, go to Plugins > Add Plugin.

2. In the search field, search for “WDesignKit“.

3. You’ll see the WDesignkit plugin; click on the Install Now button.

4. Once installed, click on the Activate button.

2. How to Check If a Widget Is Free or Pro

WDesignKit offers both free and pro widgets. Before downloading a widget, check its availability.

1. Open the WDesignKit Dashboard.
2. Navigate to the Widgets > Browse Widgets section.
3. You can see the full list of widgets. Any widget with a ‘PRO‘ tag is a Pro widget, and the ones without the tag are free widgets.

This helps you easily understand which widgets you can access based on your plan.

Note: Pro widgets will not activate unless your Pro license is active.

3. How to Sign Up or Upgrade to a Pro Plan

If the Widget is Free

• Click Sign Up inside the WDesignKit plugin.
• Create your free account to unlock free widgets and basic features.

If the Widget is Pro

1. Go to the Pricing page from the plugin or WDesignKit website.
2. WDesignKit offers three Pro plans: Starter, Professional (Most Popular), and Studio.

Each plan includes different features such as:

• Number of active websites
• Number of templates, widgets, and blocks
• Storage credits
• Workspace access
• Design files
• Access to builders and other advanced tools
• After reviewing the features, simply click the Buy Now button under the plan you want to purchase.

3. After clicking Buy Now, you will be redirected to the checkout page.
4. Enter your billing details, email, and payment information.
5. If you have a promo code, you can enter it during checkout to redeem the current offer or discount.
   Click Apply to ensure the promo is successfully added.
6. After filling in your details and applying any promo code, click Complete Purchase to finish the payment.
7. Once the payment is successful, your Pro subscription becomes active.
8. Then, you will see a Download button on the screen. Click on Download to view the “Order Successful” message.
9. Scroll down the page to find the latest download version of the plugin. Click on the file to download it to your device.
10. You will also see your License Key displayed. Copy the license key.

11. Go to your WDesignKit Plugin Panel in WordPress. Click on the Settings > Manage Licence section,
12. Then you’ll see an Add License Key field. Select the WDesignKit Plugin if it’s not already selected, paste the license key into the field, and click the Activate button. After that, you will see a success message along with the license key credits.

Now, you can enjoy all the Pro Widgets on your site.

4. How to Download a Widget by Name or Widget ID

Each widget on WDesignKit has a name and a unique widget ID for easy identification.

1. The widget is now ready to use inside your page builder.

2. Open the Widgets > Browse Widgets section in the WDesignKit plugin.

• Widget Name => You will see the full list of widgets on your dashboard. Choose any widget you want to use and search for it by name in the search bar. For example, let’s take the Sparkle Text Widget for Elementor.

• Widget Unique ID => To find the Unique ID, hover over the widget name on the bottom-left corner, and you will see the widget URL containing its ID.Example: Sparkle Text Widget Unique ID → 12059. Enter this ID into the search bar to instantly filter and display that specific widget on the screen.

3. Then, click the Download Icon to add the widget to your website library.

4. The widget is now ready to use inside your page builder.

5. How to Use WDesignKit Widgets in Elementor, Gutenberg, or Bricks Builder

We will show you an example of how you can add a specific widget, block, or element to your site. First, make sure that the widget, block, or element is downloaded from your WDesignKit panel. After downloading that,

Elementor Widget Builder

• Open the page in Elementor Editor.
• In the widget panel, you can search for the widget by name or scroll to the WDesignKit category to find it.
• Drag and drop any widget into your page design.

Nexter Widget Builder

• First, make sure that the block is downloaded from your WDesignKit panel.
• Then, open the page in the Block Editor.
• Click Add Block (+).
• Drag and drop any block into your page design.

Bricks Widget Builder

• Open your Page in Bricks Builder.
• Click on the (+) Icon to add any Element to your page.
• Then, search element and drag and drop it to your layout.

6. How to Edit a Widget for More Customization

If users want additional options or wish to customize the widget:

1. Open the widget in WDesignKit → Widgets → My Widgets.
2. Modify its controls, style, or functionality.
3. Save the widget and update it across your site.
4. Re-use the edited widget in any builder.

This lets users fully tailor the widget to their design or brand requirements.

7. How to Store Widgets on Cloud and Share With Your Team (Using Workspace)

WDesignKit Workspace allows you to store, sync, and share widgets across team members or multiple websites.

1. Open WDesignKit → Workspace → Manage Workspace.
2. You have to create a workspace by clicking on the Create Workspace button.
3. Then you’ll see a pop-up where you can enter your workspace name and click on the Create Workspace button.
4. Once the workspace is created, you can upload your widgets and templates.
5. Organize them into folders for easy access.
6. Invite team members to collaborate too.
7. Use cloud-stored widgets across unlimited sites.

Benefits of Workspace

• Seamless team collaboration
• Cloud backups
• Faster reuse of widgets across projects