Easy Digital Downloads ( EDD ) is a complete eCommerce solution for selling digital products on WordPress.
By default, the EDD plugin does not provide many customizations to its widgets, and EDD Profile is one of them. But Element Pack‘s EDD Profile Editor widget successfully generates customization options for the native EDD plugin to let you achieve the required designs.
To use the EDD Profile Editor Widget, you need to install the EDD. Follow the “How to use Easy Digital Download plugin” documentation to learn about the EDD plugin.
Inserting the EDD Profile Editor widget
Go to the Elementor page editor, Search bar is On the top left corner, just search by the name of the widget “ EDD Profile Editor” and it will appear on the bar. Just drag and drop on the page.
The default view of the EDD Profile Editor widget
Inserting the EDD Profile Editor will display a plain editor form on the screen. This is a dynamic form generated by the EDD platform. So, there will be no Content modification available for the widget.
Let’s explore the Style modification that the native widget can’t do but that our Element Pack can provide.
Style Section Customization
Fieldset Customization
Go to Style > Fieldset
Here, the Fieldset is addressed as the outer line. Adding some padding values will increase the gap between the outer line and the form content. The outer line is actually a border, and from the Border Style and Border Width options, you can change the type of border and its width.
Also, you can change the border color and the caption color that sits on top of the parts of the form and is in line with the border.
The options below are for captions only. You can add a border around them with a custom border width, border color, radius, and padding. Also, you can change the font appearance through the typography option.
Label Customization
Go to Style> Label
Here, you can set the label color as well as customize the label font through the Typography option.
Input section customization
Go to Style > Input
In this section, the input fields of the profile editor can be customized by configuring the Placeholder, text, input text, and background color options.
If there is any text area (for custom messages/descriptions) on the profile, you can use the Textarea Height option to adjust its height. Here, padding will let you adjust the area inside the input fields.
Then you can customize the border style around the fields. You can apply border width to a certain direction just like the image above to make a similar interface.
Use the border color and radius options to match them with the rest.
Add styling for Submit Button
Go to Style > Submit Button
Submit button has options divided into two modes, NORMAL and HOVER.
For the Normal mode, you can configure Text color, Background color, Border Type, Border Radius, Box Shadow and Typography options.
In the Hover mode, you will get Text Color, Background Color, and Border color options.
Additional options
Go to Style > Additional Option
In the additional option section, you will find three switchers that let you set Fullwidth Input fields, Fullwidth Text area, and Fullwidth Button. You may toggle them on per necessity.
That’s all the modifications for the EDD Profile Editor widget.
Video Assist
video coming soon!
Please check the demo page for more examples.
