If you’re looking to create a custom Elementor widget without diving deep into code, Unlimited Elements has got you covered! This guide will walk you through a step-by-step process to design a widget using the Unlimited Elements plugin for Elementor.
Table of Contents
Step 1: Install and Activate Unlimited Elements
- Go to your WordPress Dashboard.
- Navigate to Plugins > Add New.
- Search for “Unlimited Elements for Elementor” and click Install Now.
- Once installed, click Activate.
Step 2: Open the Widget Creator
- In your WordPress Dashboard, go to Unlimited Elements -> Widgets
- Click on Add Widget.
- Fill in the details and save.
Step 3: Paste Code
- In the HTML tab paste your code.
- In the CSS tab paste your code.
- In the JS tab paste your code.
Step 4: Add Widget Attributes
- Add Fields to control different aspects of the widget.
- Customize Each Field
Step 5: Add Attributes to Code
Replace static code with the new dynamic attributes in the code. These attributes are the fields that will be used to edit the widget in the Elementor editor.
Step 6: Preview and Test the Widget
- Save the widget changes and go to one of your Elementor pages
- Add the widget to the page and configure it using the settings
- Save and preview the page
- That’s it your done!
