🐥

우피! 이렇게 바뀌었어요 - CTA 버튼 편

안녕하세요!
CTA 버튼은 많은 우피 사용자분들이 사용하고 있지만 사용성이 불편하다는 피드백이 많았는데요.
그래서 최근에 CTA 버튼을 더 쉽고 재밌게 사용할 수 있도록 업데이트 했습니다 😉
지금부터 함께 확인해 보실까요? 👇

잠깐! CTA 버튼이 뭔데요?😯

CTA는 Call to Action이라는 영단어의 약자로, 행동 유도 버튼이라고도 불려요.
이 버튼은 내 홈페이지의 방문자들이 게시글을 읽은 후 다음으로 할 동작을 담고 있는데요.
다운로드 기능, 구매 기능, 카카오톡 플러스 친구 추가 기능 등 URL을 통해 모든 걸 표현할 수 있어요!
우피 홈페이지에서 사용중인 CTA 버튼이에요. 누르면 저희 서비스 사용 페이지로 이동한답니다!

이런 점이 불편해요😥

우피의 CTA 버튼은 사용했을 때 효과가 굉장히 좋은 반면, 사용성이 비교적 떨어진다는 피드백이 많았어요🥲
예를 들면 우피 콘솔에서 버튼을 생성하면 자동으로 페이지에 입력될 것이라고 착각하신 분도 많았고,
CTA 버튼을 노션 페이지에 붙여넣는 과정이 너무 복잡하다는 의견도 있었죠.

이렇게 개선했어요! 🕺

<업데이트 전>

<업데이트 후>

업데이트 전에는 우피 콘솔에서 CTA 버튼 코드를 복사한 후페이지를 이동해서 복사 붙여넣기 해야하는
번거로움이 있었어요😣
하지만 업데이트 후에는 콘솔 안에서 모두 적용시킬 수 있게끔 변경했어요!
어떤 내용이 있는지 자세히 알려드릴게요! 👇

1.

우피는 버튼 하나로 CTA를 추가할 수 있게 개선했어요! 👏
스위치 버튼을 통해 왼쪽 라이브 에디터에서 CTA 버튼이 생기는걸 볼 수 있어요.
코드를 복사해서 노션에 붙여넣기 해야하는 번거로운 과정은 이제 안녕~! 🗑

2.

CTA 버튼 추가하기 바로 아래에 현재 페이지의 링크를 보여줌으로써
페이지마다 원하는 CTA를 넣을 수 있다는 것을 알려줬어요.
버튼을 적용하고 싶은 페이지가 있다면 라이브 에디터에서 페이지 이동을 한 후에 적용하시면 됩니다 😉

3.

CTA 버튼 추가를 하면 하단에 버튼과 관련된 내용을 편집할 수 있어요 🪄 (이 기능들은 기존과 동일해요!)
버튼에 들어갈 문구를 정할 수 있고, 버튼을 클릭했을 때 보여주고 싶은 페이지의 링크를 넣으면 돼요.
버튼 하단의 공백값을 직접 설정할 수 있고 배경, 폰트, 그림자의 색상도 설정할 수 있어요! 🎨
모든 설정을 한 후에 가장 아래에 있는 저장 버튼을 눌러주면 적용 완료!
기존에는 따로 저장 버튼이 없어 내용을 변경하면 실시간으로 반영되는 불편함이 있었는데요,
저장 버튼을 추가함으로써 내용을 변경하기 전에 미리 확인해볼 수 있는 시간이 충분히 생겼답니다 🙂
⚠️
기존에 노션에 추가되어 있던 CTA 버튼은 제거해주셔야 정상적으로 동작합니다

+ 새로운 폰트가 추가되었어요! 🙌🏻

우피 폰트 스타일에 새로운 폰트가 업데이트 되었어요!
이번에 추가된 폰트는 동글동글 아주 귀여운 티머니 둥근바람 이라는 폰트예요 🙂
부드러운 느낌을 주고싶을 때 이 폰트를 써보는건 어떨까요?
(현재 페이지에서 보이는 폰트도 이 폰트랍니다!)

우피에게 언제든 얘기해주세요!

추가로 개선되었으면 하는 점이나 아이디어가 있으면 언제든지 의견을 주세요!
우피는 항상 여러분들의 목소리를 귀 기울여 듣고 있답니다👂🏻
사용자분들이 더 편하게 사용하실 수 있도록 노력할게요! 🙂🔥
이번 컨텐츠는 어떠셨나요?
궁금한 부분이 있다면 우측 하단에 있는 메신저를 통해 언제든지 알려주세요! 🙆🏻‍♀️