# Custom Badge

![](https://3137359664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1RAeIMFPQkdVfsP2GGGB%2Fuploads%2F2Y1a8KOcXLwwDhbLMTnA%2Fimage.png?alt=media\&token=c3610248-ee89-4278-9475-27f49c33150c)

### **Custom Badge Page**

Access Dashboard -> Add Custom Badge

![](https://3137359664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1RAeIMFPQkdVfsP2GGGB%2Fuploads%2FvEiYr4IpnZfxiZf1k2T0%2Fadd-custom-badge.gif?alt=media\&token=27436c82-ec2a-44a7-8bf0-302096e6b0b5)

#### &#x20;**List Badges**

Displays a gallery of over 1 hundred pre-made badges. Click badge to choose a custom badge.

#### **Badge Preview**

Display the selected badge on the preview image. Preview image will change when customized.

**Badge Editor**

Provide badge editing tools according to your wishes.

**Text Editor**:

* Text image: You can add 1 more line of text to the image by clicking the ADD TEXT 2 button
* Font Family: Set font style
* Font Size: Set font size
* Font Weight: Set the boldness of the text
* Line Height: Set font height
* Italic: Set font skew
* Align: Set text alignment (left, right, center)
* Color: Set font color
* Rotation: Set the rotation for the text
* Horizontal Position: Set the horizontal position of the letter
* Vertical Position: Set the vertical position of the text

#### &#x20;**Background Editor**:

* Color: Set background color for photos
* Rotation: Set image rotation
* After customizing, press the save button to return to the page

### **Custom Badge Popup**

![Custom Badge Popup](https://3137359664-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1RAeIMFPQkdVfsP2GGGB%2Fuploads%2FpkAPeigm0kPKpjkdoISx%2Fimage.png?alt=media\&token=04ed607d-f48f-4f8e-9441-c9c1691e0d19)

#### **Create Badge**

Display popup form to create **Custom Badge**( show up on pages: Product Badges, Trust Badges, Automations)

#### **Badge Editor Popup**

**Text Editor**: Setting as **Badge Editor**\
**Background Editor**: Setting as **Badge Editor**

\
&#x20;
