cleanUrl: /ko/templates/guide
title: "서비스 사용 가이드 템플릿 with Oopy" # 카카오톡 등 공유 시에 활용되는 제목 텍스트 입니다.
description: "서비스 사용 가이드 템플릿으로 쉽고 빠르게 만들어 보세요!" # 카카오톡 등 공유 시에 활용되는 설명 텍스트 입니다.
scrollProgressBar: # 페이지 가로 스크롤바를 표시합니다
	show: true
  color: "#37f2c0"
fonts: # 페이지의 폰트를 설정합니다
	headerFont: "Rubik"
  defaultFont: "Rubik"
showPageview: true # 페이지 방문수를 표시합니다
hideCollectionSearch: true # 데이터베이스에 있는 검색창을 숨깁니다
hideCollectionViewList: true # 데이터베이스의 뷰 목록을 숨깁니다
pageMaxWidth: 1100 # 페이지 최대 너비를 설정합니다 (노션 기본값 900)
imageBorderRadius: 0 # 이미지를 둥글게 만듭니다
calloutBorderRadius: 12 # 콜아웃을 둥글게 만듭니다
galleryBorderRadius: 12 # 갤러리를 둥글게 만듭니다
gotoTop: # 맨 위로 버튼을 추가합니다
	align: "left"
	alignPixel: 12
	bottom: 40
	fitToScreen: false
	show: true

<aside> 📢 * 템플릿은 우측 상단의 ‘더보기 버튼(∙∙∙) - 복제' 버튼을 눌러 사용하시면 됩니다.

우피를 통해 만든 고객 가이드 템플릿을 소개합니다!

</aside>

우피스를 소개합니다!

안녕하세요! 우피스입니다. 서비스와 관련된 자세한 내용은 우피스 페이지에서 확인해보세요! (우피스는 가상의 서비스입니다. 이 자리에는 서비스와 관련된 간단한 설명을 넣어주세요!)

oopeace_logo_color.png

<style>
	.hello-world {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 160px;
		height: 50px;
		border: 2px solid;
		font-weight: bold;
		color: #000000;
		background-color: #ffffff;
		border-color: #000000;
		transition: 300ms;
		text-decoration: none;
		margin: 0 auto;
	}
	.hello-world:hover {
		color: white;
		background-color: #000000;
		color: white;
	}
</style>
<a class="hello-world" target="_blank" style="border-radius: 32px;" href="<https://www.oopy.io/>">자세히 알아보기</a>

(위와 같은 버튼을 만들고 싶다면 우피의 HTML 코드블럭 가이드를 참고해서 만들어 주세요.)

처음이신가요?🌱

line_2.png

(갤러리 모서리 둥글게는 우피의 HTML 편집으로도 가능하고, 콘솔 - 스타일 에서도 설정할 수 있어요.)

아래 가이드를 먼저 확인해 보세요!

자세한 가이드는 아래를 확인해 주세요!👇

line_2.png

(아래에 있는 다양한 가이드 형식을 보고 서비스에 맞는 폼을 활용해 보세요!)