> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.custompricecalculator.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Use the Photo Editor Element

Implementing the photo editor is as simple as using our file upload feature. This new tool allows customers to edit their images with ease.

*  Click **+ Add element**, then select **Photo Editor** from the modal.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/1_nihl6w.png)

---

*  Click the **edit icon** on the Photo Editor card to open its properties panel and make the necessary edits.


![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/variant-location-sku-settings_tpgngy.png)



1. Rename the label for the Photo Editor.
2. Enable this option if you want it to be mandatory.
3. You can add a tooltip for additional information.
4. Edit the button properties here.
5. Select your preferred background.
6. You can choose your desired text color.

### The button preview will be displayed here.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/edit-picture_ctwcm5.png)