목차 - Webflow 도움말
Webflow는 사용자가 코드를 작성할 필요 없이 시각적으로 반응형 웹사이트를 디자인, 구축 및 출시할 수 있게 해주는 클라우드 기반 웹사이트 빌더 및 콘텐츠 관리 시스템입니다. 직관적인 드래그 앤 드롭 인터페이스는 자동으로 깨끗한 HTML, CSS 및 JavaScript를 백그라운드에서 생성하여 디자이너와 마케터들이 맞춤형 사이트를 빠르게 만드는 데 인기가 있습니다.
여기에서는 Webflow의 도움말 문서 번역을 제공합니다. 여기에서 Webflow 사용 방법을 배울 수 있습니다.
WordPress에서 Webflow CMS로 마이그레이션하기
Webflow Logic 개요
결제 제공업체 연결하기
색상 선택기 개요
Webflow CMS 소개
CSS 위치 속성
배경 필터
클래스
브레이크포인트 개요
백업 저장 및 복원하기
변수
Webflow 사이트에 Meta Pixel 임베드하기
목록
탭
Webflow 작업 공간 및 사이트 계획 개요
Open Graph로 소셜 공유 모양 제어
Webflow 계정에 로그인할 수 없습니다
박스 그림자
링크 블록
양식 파일 업로드
고정 사이드바 만들기
오버플로우 숨기기
그리드
사이트 전송
정적 vs 동적 콘텐츠
플렉스박스
스크롤 시 패럴랙스 움직임
양식 제출
reCAPTCHA 요소 추가
조건부 가시성
너무 많은 리디렉션 오류 수정
슬라이더
SSL 호스팅
Webflow의 키보드 단축키
수평 스크롤링
컬렉션 목록
Webflow 전자상거래에서 할인 코드 추가
컬렉션 개요
로케일 전환기 만들기
Webflow에서 사이트 복제
사용자 정의 CSS 속성과 값
정적 페이지 템플릿 만들기
애프터 이펙트용 Bodymovin 설치
RSS 피드 설정
텍스트 그림자
포인터 이벤트
Figma에서 Webflow로 플러그인 및 앱
상대적 위치 활성화
이미지 파일 유형
반응형 이미지
스토어 재고 추적 및 관리
사이트 또는 웹 페이지 비밀번호 보호
Google Fonts 추가
빠른 스택
텍스트 줄 바꿈, 줄 나누기 및 잘림 제어
자산 패널
분수 단위 개요
텍스트 스트로크
미리보기 모드
Rive 애니메이션 임베드
Webflow 지원에 연락하는 모범 사례
네비게이션 바
유료 검색 vs 유기적 검색 소개
HTML 태그
Webflow에서 텍스트 블록 사용
Webflow에서 사용자 정의 프리로더 만들기
텍스트 장식 및 밑줄
윤곽선
웹 레이아웃 구축
이미지 변환 도구
사이트 플랜 선택
사용자 지정 도메인 빠르게 연결하기
현지화 개요
Webflow에서 텍스트 링크 추가 및 중첩하기
플렉스박스를 사용한 동일 높이 레이아웃
요소 변환하기
고객 지원 정책
숫자 필드 개요
플렉스박스 vs 그리드 vs 퀵 스택
가변 폰트
현지화된 SEO 및 로케일 라우팅
컬렉션 페이지 구조 및 스타일
헤드 및 바디 태그에 사용자 지정 코드 추가
이중 인증 2FA
클래식 인터랙션의 트리거 및 애니메이션
사이트 플랜 다운그레이드 또는 취소하기
Webflow API 소개
도움말
장바구니 추가 버튼 만들기
간격, 여백 및 패딩
Webflow 호스팅 개요
자동 여백
이미지에 대체 텍스트 포함하기
사용자 지정 속성
스크롤 진행 표시기 만들기
웹사이트 성능 문제 해결하기
Webflow에서 디자인 시스템 사용하기
CSS 너비와 높이
리치 텍스트 필드 개요
전환율 최적화 CRO 모범 사례
아코디언 드롭다운 화살표 만들기
빠른 찾기
드롭다운
시맨틱 HTML5 태그
게시 워크플로우
박스 모델 소개
보간 완화 및 부드럽게 하기
혼합 모드
인라인 텍스트 서식
텍스트 채우기
편집 모드
사이트 공유 및 협업자 초대
사이트 접근성 향상
컨테이너
테두리 반경 스타일링으로 모양 만들기
Webflow Analyze 소개
이미지
색상 값 헥스 rgba 색상 이름
네비게이션 바 메뉴 버튼
CH 단위를 사용한 가독성 높은 단락
크리에이터 크레딧
상호작용 소개
작고 큰 동적 뷰포트 단위
HubSpot 앱 통합
DNS 설정 문제 해결
참조 필드 개요
뉴모픽 버튼
사용자 이름 또는 이메일 오류 해결 방법
Webflow 환불 정책
사용자 계정 이메일 사용자 정의
특정 사이트의 브라우저 쿠키 및 캐시 지우기
드롭 섀도우
학생을 위한 Webflow
사용자 정의 드롭다운 메뉴
Lottie 애니메이션 임베드
robots txt 규칙 설정
사이트 아카이브
페이지 로더 애니메이션
유료 사이트 플랜을 클라이언트에게 이전할 수 있나요
에이전시 또는 프리랜서 게스트 역할 개요
Zapier로 Webflow를 타사 앱에 연결
양식 제출에서 스팸 방지
허니팟 기법으로 스팸 양식 제출 필터링
Webflow Optimize 소개
컬렉션 목록 페이지 매김
스크롤 시 요소 애니메이션
컬렉션 삭제
불투명도
그리드 영역
클릭 시 요소 표시 및 숨기기
콘텐츠 및 스타일 현지화
WordPress에서 Webflow로 전환하는 방법 단계별 가이드
페이지별 JavaScript 이해 및 비동기 JavaScript 로딩
컬렉션 항목 개요
CSS 미리보기
명확하고 잘 보이는 양식 필드 레이블 및 도움말 텍스트 사용
변환을 사용하여 플립 카드 만들기
Webflow 전자상거래 개요
컬렉션 목록 제한
Webflow 계정 보안 유지
네비게이터
Webflow의 AI 사이트 빌더로 사이트 구축
Div 블록
Printful 통합 종료
Logic 종료
캔버스 설정
대시보드
CMS에서 사용자 정의 코드
사이트에 llms txt 파일 업로드
Webflow에서 GSAP 시작하기
사이트 간 복사 및 붙여넣기
작업 공간 플랜 선택
링크 필드
페이지에 블록 인용 추가
플렉스박스를 사용하여 고정된 푸터 만들기
검색 엔진 색인화 비활성화
레거시 에디터 브랜딩 화이트라벨링
이미지 해상도
2024년 7월 사이트 워크스페이스 계획 업데이트
스크롤 시 내비게이션 바 표시 및 숨기기
맞춤 배너 애니메이션
잘 알려진 파일 업로드
페이지 폴더로 사이트 정리하기
ShareThis로 인라인 공유 버튼 추가
배경 비디오 재생/일시정지 전환
고정 내비게이션 바 만들기
새 워크스페이스 멤버 초대 및 사이트 공유
요소 계층 구조
HTML 구조
Calendly로 사이트에 캘린더 추가
클라이언트 결제
사이트 간 호스팅 전환
플렉스박스로 요소 중앙 정렬
Webflow 앱 개요
레거시 에디터 소개
float를 사용하여 이미지 주위에 텍스트 감싸기
Webflow 문제 해결
Webflow 사이트에 Eventbrite 체크아웃 임베드
Marketo 양식 통합
새 홈페이지 지정
상호작용 애니메이션
Webflow의 제휴 프로그램 개요
혼합 모드를 사용하여 콘텐츠 자르기
동적 Twitter 공유 버튼을 Webflow 사이트에 포함하기
Airtable 양식을 Webflow에 포함하기
Spline 장면을 Webflow 사이트에 추가하기
Webflow 계정 가입하기
입력 값 및 단위
전자상거래 컬렉션 개요
테스트 최적화 생성하기
호버 시 요소 표시하기
구성 요소 속성
사이트 보안 문제 해결하기
요소를 div 또는 링크 블록으로 감싸기
쇼핑 카트 결제 경험 사용자 정의하기
내부 그림자를 사용한 고급 텍스트 강조
OFAC 제재 국가에 대한 Webflow 제한
시스템 모션 설정 확인하기
이메일 필드
Apple 관련 도메인 파일 업로드하기
Webflow 계정의 이메일 주소 변경 방법
전자상거래 이메일 사용자 정의하기
사이트에 Elfsight로 인스타그램 피드 임베드하기
컬렉션 목록 필터링
Webflow 결제
HubSpot 양식 통합
구독
디지털 다운로드
사용자 계정 종료
Webflow 스타트업 할인 받는 방법
교육자를 위한 Webflow
게시 개요
지도
댓글
대역폭 개요
Webflow에서 충돌, 성능 저하 및 기타 사이트 문제 보고하기
Webflow 템플릿 개요
고급 웹 타이포그래피
DMCA 삭제 요청 제출 방법
저작권 DMCA 삭제 통지
맞춤 보안 헤더
양식 알림 이메일을 받지 못하는 이유
스타터 라이브러리
Webflow 마켓플레이스 개요
Webflow SSL을 위한 CAA 레코드 구성
DNS 레코드를 자동으로 마이그레이션하는 방법
HTML CSS 소개
헤딩
사이트 플랜 업그레이드
스타일 패널 개요
스타일 선택자 패널
Adobe Fonts를 특정 사이트에 통합하기
다른 브레이크포인트에서 요소 숨기기
섹션
웹 결제 활성화
Webflow의 Cloudflare 마이그레이션을 위한 DNS 설정 업데이트
엔터프라이즈 및 비엔터프라이즈 플랜의 차이점
주문 처리 및 관리
컬렉션 콘텐츠 가져오기 및 내보내기
섹션 링크
Optimize에서 URL 매개변수 활성화
싱글 사인온(SSO) 로그인
초안 페이지
역할 및 권한 개요
마우스오버 시 회전하는 애니메이션 만들기
변형
체크아웃 활성화 및 스토어 시작
동의 관리용 Consent Pro 통합
사이트 보관 해제 방법
호버 시 이미지 확대
전환
세션 및 페이지 조회수 계산 방법
워크스페이스 보관 해제 방법
워크스페이스 플랜이 필요한가요, 사이트 플랜이 필요한가요?
2024년 12월을 위한 가격 및 제품 전략 업데이트
청구 계획 가격
UI 키트 만들기
페이지 URL
컬렉션 콘텐츠 현지화
맞춤 기계 번역 용어집 만들기
사이트의 언어 코드 설정
새 워크스페이스 멤버 초대 또는 읽기 전용 사이트 링크 공유
사이트 전체에 기본 줄 높이 설정
열
체크박스, 라디오 버튼 및 선택 입력
전화 필드 개요
단락
Google Merchant Center에 제품 동기화
요소의 기본 커서 재정의
워크스페이스 플랜 업그레이드
워크스페이스 플랜
새 워크스페이스 만들기
워크스페이스 플랜 다운그레이드 또는 취소
워크스페이스 또는 사이트 플랜 청구 주기 전환
워크스페이스 및 사이트 플랜의 비례 배분 및 환불
워크스페이스를 다른 사람에게 이전해야 합니다
사이트 복제, 전송 또는 보관
우리 작업 공간의 소유자가 조직을 떠났습니다. 소유권을 어떻게 이전하나요?
장바구니에 추가
301 리디렉션 가져오기 및 내보내기
클라이언트로서 클라이언트 결제 요청을 수락하는 방법
결제 없이 전자상거래 주문 수락
소셜 미디어
스크롤 시 요소 표시
코드 블록
기본 사이트에 변형 적용하기
제품 옵션 및 변형 생성
YouTube 비디오
접근 가능한 색상 대비 비율 사용
Webflow의 접근 가능한 요소
접근성
도메인을 Webflow에 연결할 준비하기
호스팅
대시보드 알림 설정 업데이트
파일 필드
루트 도메인을 기본 도메인으로 설정
사이트가 대역폭 한도를 초과했을 때 왜 요금이 부과되었나요?
페이지 설정 현지화
장바구니 개요
사이트에 사용자 지정 스테이징 도메인 추가
스크롤 시 수평 이동
Webflow 구독의 판매세
이메일 구독 설정 업데이트
사이트별 접근
감사 로그 API
V Flex 및 H Flex 요소
버튼
청구 및 송장
장바구니 버튼 사용자 정의
상태
Webflow에서 텍스트 열 사용
Optimize와 Segment 통합
Webflow 브랜딩
사이트 활동 로그
도메인이 이미 Webflow 사이트에 연결되어 있는 오류 해결 방법
사이트가 다운된 이유
슬롯
화살표 키로 탐색
DataGrail을 사용한 동의 관리 통합
Google 사이트 도구를 Webflow 사이트에 연결
DNS 레코드를 수동으로 마이그레이션하는 방법
Webflow에서 After Effects 및 Lottie 개요
Webflow Optimize와 HubSpot 통합
도메인이 '업데이트 대기 중' 또는 '업데이트 필요' 상태에 멈춰 있는 이유
비영리 단체(NPO) 할인
Webflow 인증 파트너 프로그램
Webflow 사이트에 Soundcloud 트랙 임베드하기
Webflow에서 더 큰 디스플레이를 위한 디자인
컴포넌트 중첩
카드 결제 실패 수정
고급 게시 옵션
Optimizely를 통합하여 A/B 테스트하기
텍스트가 색상 대비 표준을 충족하는지 확인하기
전자상거래 주문에 대한 세금 설정
Segment로 고객 데이터 관리하기
Body 요소
다른 배송 구역에 대한 배송 방법 설정
Google Analytics 4와 Optimize 통합하기
클릭 시 로드되는 After Effects 애니메이션 만들기
동적 콘텐츠 제한
CMS 동적 콘텐츠
동적 vs 큐레이션된 컬렉션 목록
사용자 정의 코드 임베드에서 컬렉션 필드 사용하기
고급 버튼 스타일링
레거시 에디터와 편집 모드의 차이점은 무엇인가요
계정 비밀번호 변경
이미지 필드
다중 이미지 필드 개요
사이트 검색을 Google Analytics와 통합하기
일반 텍스트 필드
고정 위치로 팝업 만들기
전자상거래 사이트의 모든 페이지에 쇼핑 카트 추가하기
날짜 시간 필드
링크 설정
기능 종료 및 사용 중단
애드온 관리
내보낸 사이트에서 양식 제출 수집하기
Webflow와 Cloudflare Orange to Orange O2O 사용하기
기본 도메인 설정하기
결제 카드 보기 및 업데이트하기
Webflow 스테이징 서브도메인
사용자 지정 서브도메인 빠르게 연결하기
사용자 지정 서브도메인 수동 연결하기
실시간 사이트를 Webflow로 이전할 때 DNS 레코드 업데이트 방법
요소가 보일 때 애니메이션 적용하기
CMS 컬렉션 관리하기
Webflow에서 사이트 협업하기
2.5D 효과
페이지 패널 개요
레거시 에디터에서 팀원 초대하기
텍스트 스타일 상속 개요
내 Webflow 계정과 연결된 이메일에 접근할 수 없습니다
Webflow 계정에 보조 이메일 주소 추가하는 방법
Webflow 계정에 가입했지만 인증 이메일을 받지 못했습니다. 어떻게 해야 하나요?
효과
좌석 추가 또는 제거 및 멤버 관리
인사이트
계정 관리
Webflow 계정 삭제
Google SSO 대신 Webflow 계정에 비밀번호 설정하는 방법
사용자 페이지 개요
빠른 효과 개요
동작 및 애니메이션
비디오 필드
사이트 플랜이 취소된 경우 사용자 지정 도메인 다시 연결
도메인
Mixpanel과 Optimize 통합
에이전시 및 프리랜서 고객을 위한 가이드
Elfsight를 사용하여 WhatsApp 임베드
컬렉션 목록 중첩
Jello 버튼 상호작용
HubSpot CRM으로 영업 리드 캡처
컬렉션 목록 정렬
Webflow의 보안 문서를 어디에서 찾을 수 있나요?
계정 보안 활동 보기
계정 보안
디자인 승인
페이지 분기
리디렉션 변형 설정
예약 발행
맞춤 그라데이션 테두리
실시간 협업
사이트 복제
자산 개인정보 보호
Webflow AI 어시스턴트로 페이지 디자인 수정
GSAP과의 상호작용 소개
레거시 상호작용 1.0
상호작용 재사용
트리거, 대상, 액션 및 애니메이션 개요
상호작용 타임라인
웹에서의 고급 테두리
전자상거래 제품 및 변형 가져오기/내보내기
HubSpot V2 앱 설치 및 사용
최적화 클릭 목표 생성 또는 편집
최적화 결과 검토
변형 생성 또는 편집
사이트 문제 확인을 위한 건강 검사 실행
상표 삭제 요청 제출 방법
컬렉션 필드를 사용하여 맞춤 컬렉션 구축
컬렉션 항목 저장 및 게시
CMS 컬렉션 콘텐츠를 다른 프로젝트로 마이그레이션
컬렉션 필드
컬렉션 항목
개인정보 보호법 준수 최적화 분석
브레이크포인트 단축키
브레이크포인트 사이의 여러 기기 너비 테스트
의미 있는 버튼 및 링크 이름 사용
플랜을 결제했지만 맞춤 도메인을 연결할 수 없음
감사 패널 소개
Webflow 스토어를 Printful에 연결
사용자 정의 속성으로 맞춤법 검사 비활성화
제품을 Facebook 카탈로그 관리자에 동기화
크리에이터 프로필
개인화 최적화 생성
Webflow에 Eventbrite 체크아웃 임베드
스토어 디자인
웹페이지 최적화를 위한 핵심 개념
고려할 최적화 아이디어
Optimize 시작하기
Optimize 개요 페이지
Optimize를 Salesforce와 통합
제품 및 카테고리 추가 및 관리
AI 최적화 개요
Analyze 또는 Optimize 추가 기능 관리
정렬 상자 개요
기업 전화 지원 정책
폼 로직
Adobe Fonts를 워크스페이스에 통합하기
추가 패널
Webflow 지원 티켓 보기 및 관리 방법
Webflow Ecommerce에서 iDEAL로 결제 수락 가능 여부
Webflow AI Assistant 개요
Webflow AI Assistant로 Webflow 사용 시 맥락적 도움 받기
비전 미리보기 도구
사용자 정의 SSL 인증서 업로드
변수 값에 함수 사용하기
옵션 필드 개요
Webflow에서 시간대 설정하기
워크스페이스 역할 및 권한
워크스페이스 설정 개요
워크스페이스 관리
사이트를 공유 워크스페이스 템플릿으로 저장하기
워크스페이스 간 전환하기
라이브러리
워크스페이스 보관하기
Made in Webflow에 사이트 전시하기
디자이너에서 DevLink
사용자 정의 코드
최적화 목표 개요
최적화 중지
Optimize가 방문자를 Marketo 데이터와 연결하는 방법
사용자 정의 코드 미리보기에서 외부 리소스 지원
Webflow 전자상거래 스토어 설정
요소
사용자 정의 요소
특정 로케일에서 개별 정적 페이지를 초안 상태로 설정
상태 메뉴로 최적화 필터링
AI
사용하지 않는 트리거 및 애니메이션 제거
텍스트 스팬에 이미지 클립
Webflow 캔버스 개요
색상 필드
Optimize 추적 설정 분석
페이지 빌딩
SEO 개선을 위한 글로벌 캐노니컬 태그 설정
학생을 위한 Webflow 할인
교육자를 위한 Webflow 할인
특정 봇이 사이트를 방문하지 못하도록 요청
절대 위치를 사용하여 버튼을 폼 하단에 고정
최적화 대상 설정
선택자 필드에 빠르게 접근하기
Optimize를 6sense와 통합하기
디스플레이 설정
통합
양식
사용자 계정 가져오기 및 내보내기
결제 방법
계정 작업 공간
문자 알림 설정 업데이트
동의 관리
사이트 플랜
Webflow Analyze 개요
Href 접두사
코드 구성 요소
SEO
변형 통계적 유의성 개요
Webflow가 IPv6를 지원하나요
컬렉션 목록 페이지
Webflow를 Make와 함께 타사 앱에 연결하기
전자상거래 사용자 계정
사용자 계정
Webflow에서 Cinema 4D
Webflow와 After Effects로 스크롤 시 3D 렌더 애니메이션 만들기