Elementor에서 플로팅 버튼을 만드는 방법

Rifat Jul 29, 2022

Elementor 페이지 빌더 ?로 플로팅 버튼을 만드는 방법을 알고 싶습니까 플로팅 버튼은 다른 모든 화면 정보 앞에 나타나는 버튼입니다. 대부분의 웹사이트 소유자는 이메일 목록 구독 또는 쇼핑 페이지 탐색과 같은 특정 목표로 사용자를 안내하는 실행 가능한 플로팅 버튼을 포함합니다. 소셜 미디어, 무엇보다도

다양한 방법으로 Elementor를 사용하여 웹사이트의 플로팅 버튼을 빠르게 만들 수 있습니다. 이 튜토리얼에서는 Elementor 페이지 빌더 를 활용하여 가능한 가장 간단한 방법으로 이를 수행하는 방법을 보여줍니다.

Elementor에서 플로팅 버튼 만들기

여기에서 플로팅 버튼을 만들기 위해 z-인덱스를 설정합니다. Elementor의 무료 버전을 사용하여 이 절차에 따라 특정 페이지에 대한 플로팅 버튼을 만들 수 있습니다. 전체 사이트에 플로팅 버튼을 추가하려면 Elementor 무료 버전을 사용하는 경우 각 페이지에 버튼을 수동으로 추가해야 합니다.

이제 Elementor 편집기를 열고 플로팅 버튼을 추가할 페이지로 이동합니다. 새 페이지를 만들거나 기존 페이지를 편집할 수 있습니다. 섹션을 추가하려면 "+" 아이콘을 클릭하고 단일 열 레이아웃을 선택합니다.

놀라운 웹사이트 만들기

최고의 무료 페이지 빌더 Elementor와 함께

지금 시작

위젯 패널에서 새로 생성된 열에 버튼 위젯을 추가합니다.

이제 버튼의 동작을 선택해야 합니다. 이 경우 버튼을 사용하여 상점 페이지 URL로 이동합니다. 이를 수행하려면 링크 필드로 이동하여 페이지에 대한 링크를 추가하십시오. 버튼 위치는 정렬 옵션을 사용하여 변경할 수 있습니다. 버튼을 가능한 한 작게 만드십시오.

이제 사용자가 페이지를 아래로 스크롤할 때 버튼이 떠 있을 준비가 되었습니다. 이를 위해 고급 탭으로 이동하여 레이아웃 옵션을 선택합니다. 너비와 위치를 인라인(자동)으로 설정합니다. 오프셋뿐만 아니라 수평 및 수직 방향도 구성해야 합니다.

버튼을 항상 부동 상태로 만들려면 이제 z-색인을 지정해야 합니다. Z-색인 슬롯을 800으로 채우십시오. 그러면 항상 버튼이 떠 있게 됩니다.

최종보기

최종 디자인은 다음과 같습니다.

마무리

Floating Elementor Elements 기능은 우리의 관심을 불러일으켰습니다. 설계 문제를 신속하게 해결하는 데 도움이 됩니다. 우리는 그것이 당신에게 동일한 영향을 미칠 것이라고 믿습니다. 그렇다면 의견 영역에서 디자인을 공유하십시오. 우리는 당신의 작품을 전 세계에 알리고 싶습니다. 다른 elementor 튜토리얼 도 확인하십시오.