버튼 추가.

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

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

랜딩 페이지에 ‘Register for Open Day’라는 문구가 적힌 큰 녹색 버튼

버튼 추가

로그인한 상태에서 페이지를 엽니다. 콘텐츠 영역에 마우스를 올리면 빌더 컨트롤이 나타납니다. 기본 사용법은 첫 페이지에서 확인하세요.

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

표시 내용

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

버튼 설정

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

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

표시되지 않는 경우

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

다음 단계

스타일 탭에서 버튼의 간격과 배경을 변경할 수 있습니다.