> For the complete documentation index, see [llms.txt](https://docs.archisketch.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.archisketch.com/guide/dev-kr/builder/wordpress/app-button.md).

# 4.2. 워드프레스: 버튼 꾸미기

### ✅ 미리 확인해주세요.

{% hint style="danger" %}
❗️ 관리자 등급 계정만 사용할 수 있는 기능입니다.

대시보드의 **설정 관련 기능들**은 **관리자 등급 계정(Admin)**만 이용할 수 있습니다. 따라서 데이터 가져오기 기능을 사용하려면 **관리자 계정**으로 로그인해야 합니다.

만약 관리자 계정을 잊어버리셨다면, [**아키스케치 채널톡**](https://archisketch.channel.io/home) 또는 [**도입문의**](https://www.archisketch.com/kr/enterprisetrial)를 통해 아키스케치 팀에 문의해 주세요.
{% endhint %}

{% hint style="warning" %}
🚧 해당 기능을 사용하려면 사전 설치 작업이 완료되어야 합니다.

해당 기능은 **\[3.1. 고도몰: 앱 설치 방법]** 작업이 완료되어야 사용할 수 있습니다.
{% endhint %}

***

## 워드프레스 플러그인 버튼 꾸미기

{% stepper %}
{% step %}
**워드프레스 ↔️ 아키스케치 앱(App) 설치**가 완료되었다면,

**\[연동 > 연결된 채널]**에서 고도몰 연동이 정상적으로 되었는지 확인합니다.

*(\* 워드프레스 연동이 완료되면, 워드프레스 카드가 "연동됨"이라는 뱃지와 함께 활성화됩니다.)*

![](/files/bs6PiFn8kIenFoSNrMb6)
{% endstep %}

{% step %}
워드프레스 웹사이트 연동이 정상적으로 활성화되었다면, 상단의 **\[연동 > 웹버튼 설정]** 탭으로 이동해 주세요.

**"디자인"** 글자 옆 **\[수정]** 버튼을 클릭하면, 웹 버튼을 수정할 수 있습니다. 우측 미리보기 페이지에서 버튼이 어떻게 커스텀되는지 미리 확인하면서 꾸며보세요.

버튼 커스텀은 아래의 기능들을 제공하고 있습니다.

![](/files/x1QEW9jG9CJMHo1fO2DL)

### 📌 디자인

| 기능         | 설명                                                                                                  |
| ---------- | --------------------------------------------------------------------------------------------------- |
| **버튼 이미지** | 버튼 이미지를 수정 할 수 있습니다. (deafult: 아키스케치 로고)                                                            |
| **버튼 색상**  | 버튼 색상을 수정 할 수 있습니다. (default: #2e2ee8)                                                              |
| **버튼 숨기기** | 진입 버튼을 숨깁니다. (default: Off)                                                                         |
| **버튼 이름**  | <p>버튼 이름 숨기기: 버튼 이름 영역을 숨깁니다. (default: Off)<br>버튼 이름 변경: 버튼 이름을 설정합니다. (default: 3D 인테리어 하러가기)</p> |

### 📌 위치&사이즈

| 기능               | 설명                                         |
| ---------------- | ------------------------------------------ |
| **디바이스 타입**      | PC와 모바일 환경에서 버튼 사이즈 및 위치를 별도로 설정 할 수 있습니다. |
| **버튼 사이즈**       | 버튼의 사이즈를 설정합니다.                            |
| **버튼 위치**        | 좌측 또는 우측 시작점을 설정 할 수 있습니다. (default: 오른쪽)  |
| **위치 조절**        | 좌측 또는 우측의 시작점을 중심으로 버튼의 위치를 조절합니다.         |
| {% endstep %}    |                                            |
| {% endstepper %} |                                            |