cleanUrl: /ko/templates/guide
title: "서비스 사용 가이드 템플릿 with Oopy" # 카카오톡 등 공유 시에 활용되는 제목 텍스트 입니다.
description: "서비스 사용 가이드 템플릿으로 쉽고 빠르게 만들어 보세요!" # 카카오톡 등 공유 시에 활용되는 설명 텍스트 입니다.

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

• 현재 페이지에서 보이는 우피의 기능은 모두 HTML 코드로 적용이 되어 있습니다. 이 기능들은 우피 콘솔에서도 동일하게 적용할 수 있는데요. 페이지에 있는 HTML 코드와 콘솔의 기능이 중복으로 겹치면 원하는대로 구현이 되지 않을 수 있으니 주의해 주세요!
• 템플릿과 관련된 자세한 기능 소개를 원하시면 아래 링크를 통해서 확인해 보세요.

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

</aside>

우피스를 소개합니다!

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

<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 코드블럭 가이드를 참고해서 만들어 주세요.)

처음이신가요?🌱

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

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

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