> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://setubridge.crisp.help/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 set a pre-designed template using the Preset function

L**e**arn how to use the Preset feature in the SB Custom Product Personalizer app**. **This allows you to set a pre-designed template with **images and text** that customers can **edit, change, or upload their own images.**

# **Steps:**

1. **Product Configuration** : Click on Configure Personalization Products  ➜ Click On **Add Product** Button 
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-3_xoigvl.png)

2. Selection of Product : Click on Add product button  ➜ select the procust ➜ Click on Add button
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-4_1ll5ez.png)

3. **Preset Template**: To set a pre-designed template for the customer, select "Preset Template." ➜ click on **Customize Button**
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/5_v3ttaw.png)

4. **Add Element**: Click on Add Element
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-6_1omcdhw.png)

* **Customize Text **: Click on Text ➜ Add
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-7_wmmsld.png)


* **Personalize Text** :- Click on Edit Icon To personalize the Text
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-8_ns2nz5.png)
* **Basic **:- You can change the label and placeholder text of the text field.
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-1_1js8i65.png)


* **Style:** Customize your text appearance. For example: **Font Family, Text Transform (Capital, Uppercase, Lowercase), Fixed Font Size, Character Limit, and Font Color.**
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-2_1yv3qyd.png)

6. **Advanced Settings:** You can restrict the accessibility of the text. For example: **Lock Editing, Stretchability, Deletion, Draggability, Rotation, and Text Styling**. After making all the changes, don’t forget to **click the Save button**.
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-3_13qfaon.png)

7. **Upload Image:**Click on **Upload ➜ Add**. Once you click the **Upload** button, the image label and upload icon will automatically appear on the frontend.
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-4_nt4eyi.png)


* **Personalize I**mage :- Click on Edit to personalize Uploaded Image
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-5_1iivqfs.png)

* Basic : You can change the label of the image field.
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-6_afamp0.png)


* **Advanced Settings:** You can restrict the accessibility of the Image. For example: **Lock Editing, Stretchability, Deletion, Draggability, Rotation, and Text Styling**. After making all the changes, don’t forget to **click the Save button**.
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-7_1txwo0e.png)


8. **Result** : After saving the changes, the customization button will be displayed on the product page.
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/screenshot-16_1pqzcnw.png)

9. **Preview:** Click the **Customize** button, make your changes, and view the live preview.
![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/10_1xthxi6.png)



|| Note: Uploaded files should follow these specifications: File size: 2MB, File Format: .png, .jpeg, .svg, .jpg Dimension: 700*1000.


If you have any questions or need assistance, reach out to us at help.setubridgeapps@gmail.com
 or use the chat icon in the bottom-right corner of the screen. We’re always here to help! 🤗