How does the flip box work on phones?

Touch screens have no hover, so the card flips when tapped. The back face button needs its own tap after the flip. Keep must-see information on the front and test on a real device.

Can I use an image instead of an icon on the front?

Yes, with the Front Image design variation, which is a Master Addons Pro option. In the free version, use an icon on the front or set a background image for the face in the Style tab.

Is the Flipbox widget free?

Yes. Flipbox is in the free Master Addons plugin with the Default and Front Icon designs and 6 animations. Master Addons Pro adds 2 more designs and 16 more animations.

Does Elementor have a flip box widget?

Only Elementor Pro has one. Free Elementor does not, so on free Elementor you need an addon such as this Flipbox widget.

Can I link the entire flipbox to a page without the separate button?

The widget links the button only. To make the whole card clickable, turn on the free Wrapper Link extension and add the link to the Flipbox widget.

How many flip animations are there?

22 in total. Flip Horizontal, Flip Vertical, Fade, Flip Box, Flip Box Fade and Fade Up are free. The other 16, including Cube, Rollover and 3D Flip, need Master Addons Pro.

호버 플립 애니메이션이 포함된 무료 Elementor 플립 박스 위젯

Flipbox 는 Elementor 용 무료 Master Addons 플립 박스 위젯입니다. 앞면에는 제목과 짧은 텍스트가있는 아이콘이나 이미지가 표시되고 호버링시 카드는 더 자세한 내용과 작업 버튼이있는 뒷면으로 바뀝니다. 무료 플러그인에는 기본 및 앞면 아이콘 디자인과 6 개의 애니메이션이 포함되어 있습니다: 수평 뒤집기,수직 뒤집기,페이드, 플립 박스,플립 박스 페이드 및 페이드 업. 마스터 애드온 프로 front Image 와 Diagonal 디자인 그리고 Cube,Rollover 와 3D Flip 을 포함한 16 개의 애니메이션을 더 추가하여 총 22 개에 해당합니다. Free Elementor 에는 플립박스 위젯이 없으므로 Elementor Pro 없이도 작동합니다.

디자인 변형 및 플립 애니메이션

디자인 변형 전면 레이아웃 설정: 기본 및 전면 아이콘은 무료이며 전면 이미지 및 대각선 요구 프로입니다. 애니메이션 스타일 카드가 어떻게 회전하는지 설정합니다. 무료: 수평,수직 뒤집기,페이드, 플립 박스,플립 박스 페이드 및 페이드 업. Pro 는 4 개의 큐브 방향,페이드 히드백,페이드 업 히드백,4 개의 슬라이드 방향,2 개의 대각선 슬라이드,페이드 인 아웃,나나나나, 롤오버 및 자체 방향 설정이 있는 3D 플립을 추가합니다.

총 22개의 애니메이션: 무료 6개, Pro 16개.
플립은 데스크탑의 호버와 터치 스크린의 탭에서 실행됩니다.
섹션당 하나의 애니메이션을 사용하여 카드 행이 일관되게 느껴지도록 하세요.

듀얼 사이드 콘텐츠 빌더

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 프론트 박스 그리고 백 박스 각각은 기본,스택 또는 프레임 뷰와 원 또는 사각형 모양,제목, 설명,정렬 및 제목 태그가 있는 고유한 아이콘을 가지고 있습니다. 서비스 이름처럼 앞면을 짧게 유지하고 설명을 위해 뒷면을 사용합니다. 스타일 탭에서 각 얼굴은 고유한 배경,제목 및 설명 색상,타이포그래피, 아이콘 색상 및 테두리를 얻습니다.

각 얼굴마다 별도의 콘텐츠와 스타일링이 제공됩니다.
제목 HTML 태그 양쪽 면에 있으므로 카드 그리드는 깨끗한 제목 순서를 유지합니다.
A 플립 박스 높이 일반에서 설정하면 두 면의 크기가 동일하게 유지됩니다.

호버가 있는 CTA 버튼

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 동작 버튼 버튼 텍스트와 링크가 있는 뒷면에 표시됩니다. 일반용으로 스타일링하고 텍스트 색상,배경, 테두리,테두리 반경 및 패딩과 함께 타이포그래피를 추가하여 호버링합니다. 버튼은 위젯 내부의 유일한 링크입니다. 전체 카드를 클릭 가능하게 만들려면 무료를 추가하세요 래퍼 링크 위젯에 대한 확장.

링크가 표시되는 경우 “가격 보기”와 같은 특정 라벨을 사용하십시오.
순수 정보 카드의 버튼을 건너뛰세요.
래퍼 링크를 사용하는 경우 버튼을 같은 페이지로 향하게 합니다.

Elementor Pro 플립 박스 vs 마스터 애드온 플립 박스

Elementor Pro 에는 자체 Flip Box 위젯이 있습니다. 이미 비용을 지불하면 다른 위젯이 필요하지 않을 수도 있습니다. 두 가지를 비교하는 방법은 다음과 같습니다.

특징	Elementor Pro 플립 박스	마스터 애드온 플립박스
가격	Elementor Pro가 필요합니다	무료, Pro에서 더 많은 디자인과 애니메이션 제공
플립 효과	방향과 3D 깊이로 뒤집기, 슬라이드, 푸시, 확대, 축소 및 페이드	6 무료 애니메이션, 22 프로, 큐브, 롤오버 및 3D 플립 포함
정면 도표	없음, 이미지 또는 아이콘	아이콘 또는 Pro Front 이미지 디자인의 이미지입니다
전체 카드 링크	링크 켜기 적용: 전체 상자 또는 버튼만 해당	버튼만 사용하거나 무료 Wrapper Link 확장 기능이 있는 전체 카드를 사용하세요
버튼	예	네, Normal과 Hover 스타일링으로요

Elementor Pro 는 내장 된 전체 상자 링크를 원한다면 더 간단합니다. Master Addon 은 무료 Elementor 사이트에 적합하며 Pro 로 더 많은 애니메이션 선택권을 제공합니다. 숨겨진 것이없는 정적 카드의 경우 무료를 사용하십시오 정보 상자 위젯.

플립 박스 아이디어 및 팁

플립 박스는 여전히 디테일을 전달하면서 그리드를 깨끗하게 유지합니다. 왜냐하면 설명이 카드 아래가 아닌 뒤에 있기 때문입니다. 서비스 그리드,앞면에 사진이 있고 뒷면에 약력이 있는 팀 카드,숫자가 의미하는 바를 뒤집는 기능 타일 및 통계 카드에 잘 작동합니다.

플립 박스 높이를 설정합니다. 그것이 없으면 뒷면이 길어지면 카드가 회전하고 행이 점프할 때 카드의 크기가 조정됩니다.
얼굴이 다르게 보이게. 앞면의 색조와 뒷면의 브랜드 색상이 뒤집기를 분명하게 만듭니다.
전화에 대한 계획. 터치 스크린에는 호버가 없으므로 카드가 탭에서 뒤집히고 버튼은 두 번째 탭이 필요합니다. 실제 전화에서 테스트하십시오.
전면에 필수 세부정보를 보관하세요. 가격, 전화번호, 예약 링크는 뒷면에만 표시되어서는 안 됩니다.
모션을 제한합니다. 페이지당 하나 또는 두 개의 플립 박스 행은 여섯 개의 다른 애니메이션보다 더 잘 읽습니다.