Adding Custom Web Edit button

We know most of our content authors would love to use the experience editor for all their editing but sometimes they find that they have to use the content editor as some option have not been configured for them in the experience editor.

Through this short article  we can see how to add custom web edit buttons in the experience editor to enhance the author’s editing experience.

Steps:

1. Switch to core DB.

2. Go to /sitecore/content/Applications/WebEdit/Custom Experience Buttons and create a new item of type /sitecore/templates/System/WebEdit/Field Editor Button.

3. Update the fields in the newly create item, i.e. header, tooltip, icon and fields.

    Put the exact Field Name that you would like to edit in the ‘Fields’ section of the newly created item.

    You can also add multiple field names separated by |.

4. Save it and go back to Master DB.
5. Under the layouts folder, open the rendering definition item with which you want to associate this new button.                                 

6. Go the section ‘Experience Editor Buttons’ and select your new button.

7. Save and see the magic happen. 

You can use it to enable field editing of fields which normally are not available in the experience editor like, multi list, tree list etc.