---
url: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/elements/button'
title: '버튼 추가 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:03:02+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  방문자를 원하는 위치로 안내하는 명확한 클릭 유도 버튼을 만들 수 있습니다. 가입 양식, 제품 페이지, 문의 페이지로 연결하는 데 사용하세요.

  버튼 추가
  로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.
tags:
  - Marketing
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: '버튼 추가'
      description: |-
        방문자를 원하는 위치로 안내하는 명확한 클릭 유도 버튼을 만들 수 있습니다. 가입 양식, 제품 페이지, 문의 페이지로 연결하는 데 사용하세요.

        버튼 추가
        로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:03:02+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/elements/button'
      articleSection: 마케팅
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/elements/button'
      description: |-
        방문자를 원하는 위치로 안내하는 명확한 클릭 유도 버튼을 만들 수 있습니다. 가입 양식, 제품 페이지, 문의 페이지로 연결하는 데 사용하세요.

        버튼 추가
        로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 홈
            item: 'https://dxpr.com/ko'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ko
---
[도움말 센터](/ko/node/75)/[문서](/ko/hc/documentation) /[DXPR Builder 배우기](/ko/hc/documentation/learn-dxpr-builder) /[페이지 만들기](/ko/hc/documentation/learn-dxpr-builder/build) /[콘텐츠 추가](/ko/hc/documentation/learn-dxpr-builder/elements) /[마케팅](/ko/hc/documentation/learn-dxpr-builder/elements/marketing) # 버튼 추가.

 DXPR Builder 배우기페이지 만들기콘텐츠 추가마케팅

   ## 이 가이드의 내용

 관련 가이드

- [스타일 패널에서 요소 모양 변경](/ko/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

방문자를 원하는 위치로 안내하는 명확한 클릭 유도 버튼을 만들 수 있습니다. 가입 양식, 제품 페이지, 문의 페이지로 연결하는 데 사용하세요.

## 버튼 추가

로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 [첫 페이지](/ko/hc/documentation/learn-dxpr-builder/getting-started/first-page)에서 확인하세요.

1. 컬럼에 마우스를 올리고 컨트롤 바에서 **+**를 클릭하거나, 빈 페이지에서 **요소 추가**를 클릭합니다. **콘텐츠** 탭을 열고 **버튼**을 클릭합니다. 컬럼 맨 위에 요소가 추가되고 설정 대화상자가 열립니다.
2. 버튼 문구로 **제목**의 기본 텍스트를 바꿉니다.
3. 이동할 주소를 **링크**에 입력합니다(예: `/contact`, `https://example.com`).
4. 색상으로 **유형**을 선택합니다. 여기에서는 **성공**을 선택합니다.
5. 옵션에서 **크기**를 선택합니다. 여기에서는 **크게**를 선택합니다.
6. 대화상자에서 **저장**을 클릭합니다. 그런 다음 콘텐츠 영역 상단의 툴바에서 **저장**을 클릭하여 페이지를 저장합니다.

  ## 표시 내용

입력한 문구가 적힌 버튼이 컬럼 맨 위에 나타납니다. 동영상에서는 크고 녹색이며 Register for Open Day라고 적혀 있습니다. 편집 중에는 링크가 열리지 않습니다. 직접 테스트하려면 페이지를 저장한 뒤 툴바의 보기 메뉴에서 **미리보기**를 선택하고 버튼을 클릭하세요. 페이지를 저장하고 게시하면 방문자에게 표시됩니다.

## 버튼 설정

요소에 마우스를 올리고 컨트롤 바에서 **더보기 > 설정**을 엽니다. 옵션:

- **제목:** 버튼에 표시되는 텍스트.
- **링크:** 버튼의 이동 위치: `/contact` 같은 사이트 내 경로 또는 전체 URL.
- **링크 대상:** 같은 창 또는 새 창에서 링크를 엽니다. **링크**에 값을 입력하면 표시됩니다.
- **유형:** 색상 스타일: 기본, 보조, 성공, 정보, 경고, 위험, 링크, 밝게, 어둡게.
- **전체 너비 버튼:** 버튼을 컬럼 전체 너비로 늘이니다.
- **외곽선 스타일:** 채우기 없이 색상 테두리와 텍스트만 표시합니다. 링크 유형은 외곽선이 없으며 항상 텍스트 링크처럼 표시됩니다.
- **크기:** 보통, 크게, 작게.

## 표시되지 않는 경우

- **콘텐츠 탭에 버튼이 없습니다.** 사용자 프로필에서 숨겨져 있습니다. 관리자에게 [사용자 프로필](/ko/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)에서 활성화해 달라고 요청하세요.
- **다시 로드하면 사라집니다.** 페이지가 저장되지 않았습니다. 다시 추가하고 콘텐츠 영역 상단의 툴바에서 **저장**을 클릭합니다.
- **클릭하면 ‘페이지를 찾을 수 없음’이 표시됩니다.** **링크** 경로가 잘못되었습니다. 사이트 내 경로는 `/contact`처럼 `/`로 시작합니다. 요소에 마우스를 올리고 컨트롤 바에서 **더보기 > 설정**을 열어 수정합니다.
- **버튼이 동영상과 다르게 표시됩니다.** 모양은 **유형**, **외곽선 스타일**, **전체 너비 버튼**, **크기**에 따라 정해집니다. 요소에 마우스를 올리고 컨트롤 바에서 **더보기 > 설정**을 열어 확인합니다.
- **링크가 같은 탭에서 열립니다.** **링크 대상**이 같은 창으로 설정되어 있습니다. 먼저 **링크**를 입력한 뒤 새 창을 선택합니다.

## 다음 단계

[스타일 탭](/ko/hc/documentation/learn-dxpr-builder/element-settings/style-tab)에서 버튼의 간격과 배경을 변경할 수 있습니다.