검색
이 검색 상자를 닫습니다.

WordPress 요소 튜토리얼 | 2024년 단계별 가이드

제휴사 공개: 완전한 투명성 - 당사 웹사이트의 일부 링크는 제휴사 링크입니다. 귀하가 이를 사용하여 구매하면 추가 비용 없이 커미션을 받을 수 있습니다(아무것도 없습니다!).

Elementor를 시작하고 싶고 원하는 것을 찾고 있습니다. WordPress Elementor 튜토리얼? 검색은 여기서 끝납니다. 이 기사에서는 Elementor에 대해 알아야 할 모든 사항에 대해 간략하게 설명합니다.

기사를 읽으면 설치부터 매우 세련된 페이지 만들기까지 모든 의심이 해결될 것입니다. 나는 당신에게 확신합니다. 독서는 헛되지 않을 것입니다!

하지만 웹사이트에 전문적인 느낌을 더하려면 웹사이트 빌더 플러그인이 필요합니다.

어떻게 얻나요? 글쎄, 나는 사용한다 Elementor 그에 대한. Elementor를 사용하면 간단한 드래그 앤 드롭 기능으로 전문적인 웹사이트를 매우 쉽게 만들 수 있습니다. 

Elementor에 대해 더 알고 싶으면 자세한 내용을 확인하세요. Elementor 검토.

블로그에서 다음 질문을 모두 다뤘습니다.

요소의 배경색을 어떻게 변경할 수 있나요?

레이아웃이란 무엇이며 어떻게 사용합니까?

위젯이란 무엇이며 어떻게 추가하나요?

Elementor가 제공하는 다른 도구에는 어떤 것이 있나요?

사용자 정의 위젯을 어떻게 만들 수 있나요?

맨 앞줄:-

웹 사이트 빌더 플랫폼인 Elementor는 디자인 비전의 모든 부분을 고려하여 다양한 테마, 추가 기능, 시각적으로 디자인된 양식을 갖춘 완벽한 디자인을 제공합니다. 헤더, 게시물 등과 같은 웹 사이트의 모든 부분을 사용자 정의할 수 있는 기능과 함께 수많은 디자인 가능성이 있습니다.

데모, 비디오, 코드를 무료로 제공하므로 복사하여 붙여넣기만 하면 웹페이지에 미치는 영향을 확인할 수 있습니다. CSS를 사용하여 웹 페이지에 필요한 스타일과 효과를 제공합니다.

지금 Elementor를 직접 사용해 보세요.

WordPress에 Elementor를 설치하는 방법

WordPress에 Elementor를 설치하는 방법에는 두 가지가 있습니다. 

  • Elementor 공식 홈페이지를 통해

Elementor의 공식 웹사이트로 이동하여 웹사이트에 표시된 무료 다운로드 버튼을 클릭하세요. 

WordPress 요소 튜토리얼

무료 다운로드 버튼을 클릭하자마자 Elementor 웹사이트에 가입하라는 팝업이 나타나고, 그렇게 하면 플러그인이 자동으로 다운로드되기 시작합니다.

Elementor 다운로드 시작

노트북/PC에 다운로드된 zip 파일을 찾을 수 있습니다. 이제 WordPress 대시보드로 이동하여 플러그인 섹션 > 새 플러그인 추가 > 플러그인 업로드를 클릭하세요.

Elementor 플러그인 업로드

Elementor 파일을 선택하고 WordPress에 업로드합니다.

Elementor 플러그인 선택

  • WordPress 대시보드를 통해

WordPress 대시보드에서 직접 Elementor 플러그인을 설치할 수도 있습니다. 플러그인으로 이동한 다음 새 플러그인 추가를 선택하세요.

오른쪽 상단에 검색창이 있는데, 검색창에 Elementor를 입력하세요. 첫 번째 결과는 WordPress에 설치해야 하는 것입니다. 간단히 설치를 클릭하고 플러그인이 설치될 때까지 기다리세요. 플러그인을 활성화하면 배포할 수 있는 훌륭한 웹사이트 빌더가 준비됩니다.

Elementor 설치 및 활성화

이제 WordPress 대시보드에 Elementor가 설치되었으므로 Elementor가 제공하는 기능을 살펴보겠습니다.

Elementor 기능 및 웹 페이지 구축에서의 사용

Elementor가 제공하는 기능 목록은 끝이 없으므로 Elementor의 많은 중요한 기능에 대해 논의하겠습니다. 꼭 읽어보고 나중에 시도해 보세요.

Elementor The Free와 The Pro에는 두 가지 계획이 있습니다. Pro 플랜의 이름에서 알 수 있듯이 플레이를 해야 하지만 무료 플랜에도 여러 가지 기능이 제공됩니다.

먼저 무료 플랜의 기능에 대해 논의한 다음 Pro에 대해 설명하겠습니다.

Elementor 무료 플랜 기능

필수 기능:

  • 드래그 앤 드롭

Elementor의 드래그 앤 드롭 기능은 매우 빠르며 디자인 웹 페이지를 더 빠르게 만드는 데 도움이 됩니다. 웹 페이지 레이아웃 생성부터 미세 조정까지 모든 작업을 드래그 앤 드롭만으로 완료할 수 있습니다.

머리글과 바닥글을 디자인하기 위해 탭을 전환하거나 페이지를 변경할 필요가 없습니다. Elementor를 사용하면 기본 웹 페이지가 있는 동일한 페이지에서 이 작업을 수행할 수 있습니다.

복사하여 붙여넣을 수 있으며, 사용하려는 스타일이나 기능을 복제할 수도 있습니다. 이렇게 하면 동일한 기능을 계속해서 다시 빌드하는 데 드는 시간이 절약됩니다.

제공되는 검색창 옵션을 사용하면 Elementor을 사용하면 웹사이트를 쉽게 탐색하고 몇 초 안에 원하는 탭에 도달할 수 있습니다. 이 기능은 작성해야 할 페이지가 매우 길 때 매우 유용합니다.

디자인을 저장하는 방법에는 삭제, 백업 가져오기 등 3가지 옵션이 있습니다. 수행한 디자인을 다시 실행/실행 취소할 수 있습니다. 이를 통해 관찰 내용을 바탕으로 페이지에 대한 A/B 테스트를 수행할 수 있습니다. 

개정판 탭에서 모든 개정판을 방문할 수 있습니다. 즉, 웹페이지에서 지금까지 시도한 모든 종류의 디자인을 살펴보고 현재 웹페이지가 마음에 들지 않으면 이전 버전을 선택할 수도 있습니다. 

다양한 기능을 시험해보고 어떤 기능이 작동하는지 확인하고 싶으십니까? Elementor에는 문제가 없습니다. 초안 모드에서 페이지를 디자인하고, 모든 것을 시험해보고, 페이지를 게시할 준비가 완전히 완료된 후 나중에 페이지를 가져올 수 있습니다.

Elementor 드래그 앤 드롭 기능을 사용하는 방법

페이지를 생성하자마자 페이지 왼쪽에서 모든 드래그 앤 드롭 기능을 사용할 수 있습니다.

WordPress에서 페이지를 생성하고 제목을 지정한 후 Elementor로 편집을 클릭하면 아래 이미지와 같은 Elementor의 라이브 편집기로 이동합니다.

드래그 앤 드롭 기능 사용

위의 두 번째 이미지에서는 페이지 왼쪽에 있는 드래그 앤 드롭 옵션을 볼 수 있습니다. 아래로 스크롤하기만 하면 되는 위젯이 많이 있습니다. 또는 상단의 검색 표시줄을 사용하여 위젯을 검색할 수도 있습니다.

  • 디자인 템플릿

Elementor를 사용하면 내장된 디자인 템플릿을 얻을 수 있습니다. 5개 또는 10개뿐만 아니라 Elementor는 Pro 버전으로 업그레이드하면 무료로 사용할 수 있는 100개 이상의 디자인 템플릿을 제공합니다.

Elementor 템플릿 라이브러리에 대해 원하는 템플릿을 선택하는 방법

Elementor 빌더 페이지를 처음 열면 아래와 같은 종류의 내용이 표시됩니다.

이미지는 Elementor 웹사이트에서 가져온 것이며 설명이 매우 필요합니다.

Elementor 템플릿 라이브러리

폴더 옵션을 클릭하자마자 아래와 같은 팝업이 표시됩니다.

라이브러리에서 템플릿 선택

  • 위젯

Elementor와 함께 제공되는 드래그 앤 드롭 위젯은 셀 수 없이 많습니다. 그 중 일부는 다음과 같습니다:

  • 내부 섹션: 섹션을 두 개로 나눕니다.
  • 제목: 이 필드를 웹페이지에 끌어서 눈길을 끄는 제목을 연결하세요.
  • 이미지: 이 위젯을 사용하여 웹페이지에 이미지를 추가하세요.
  • 텍스트 편집기: 텍스트 편집기 위젯을 사용하여 웹페이지에 텍스트를 입력합니다.
  • 비디오: 비디오 위젯을 사용하여 페이지에 고품질 비디오를 배치할 수 있습니다. 사용자 경험이 향상될 것입니다.
  • 버튼: 클릭 유도문안은 거의 모든 사이트에서 매우 중요합니다. 버튼을 사용하면 클릭 유도문안을 페이지에 배치하고 이를 제품 방문 페이지로 연결할 수 있습니다.
  • 별표 평점: 별표 평점은 전자상거래 웹사이트에서 제공하는 다양한 제품에 평점을 부여하는 데 유용합니다.
  • 구분선: 웹페이지의 들여쓰기를 돕고 공백을 생성하여 사용자 경험을 향상시킵니다.
  • 아이콘: 아이콘 위젯을 사용하면 눈길을 끄는 소셜 미디어 아이콘과 다양한 서비스를 배치하여 페이지를 더욱 매력적으로 보이게 할 수 있습니다.
  • 카운터: 제품이나 제한된 추가 서비스에 대한 카운트다운 타이머를 만들어 긴급성을 확보하세요.
  • 사용후기: 제품 및 서비스에 대한 사용후기를 추가하여 웹사이트 방문자와의 신뢰를 구축하세요.

이 외에도 이미지 캐러셀, 기본 갤러리, 탭, 단축 코드, HTML, 메뉴 표시줄 등 다양한 위젯이 있습니다. WordPress에 플러그인을 설치한 후 모든 기능을 살펴보시기 바랍니다.

아래 이미지에서 Elementor의 일부 위젯을 살펴보세요.

Elementor 위젯을 사용하는 방법

Elementor 위젯을 사용하려면:

Elementor 대시보드로 이동하여 페이지 왼쪽을 살펴보세요. 웹페이지에 끌어다 놓고 작업을 시작할 수 있는 위젯이 많이 있습니다.

Elementor 위젯을 사용하는 방법

  • 반응형 디자인 및 편집

모바일 우선 색인 규칙이 각광을 받으면서 Google은 모바일 친화적인 사이트가 Google에서 더 높은 순위를 차지하도록 하고 있으며 다른 SERP에서도 마찬가지입니다. 

Elementor를 사용하면 무료 또는 유료 여부에 관계없이 모든 템플릿이 모바일 반응형은 물론 태블릿 및 데스크톱 반응형이므로 모바일 친화성에 대해 걱정할 필요가 없습니다. 사용자가 모바일이나 데스크톱에서 액세스할 때 표시되는 기능을 편집할 수도 있습니다. 

두 장치 모두에서 서로 다른 경험을 제공할 수 있지만 이 방법은 브랜드에 대한 사용자의 마음에 혼란을 야기할 수 있으므로 권장되지 않습니다.

웹페이지의 모바일 반응성을 확인하는 방법

웹페이지 빌더 하단 왼쪽 모서리에 데스크톱, 태블릿, 모바일을 통해 웹페이지를 볼 수 있는 옵션이 있는 세 개의 아이콘이 표시됩니다. 웹사이트를 게시한 후에는 사이트가 다른 사용자에게도 똑같이 보일 것입니다.

웹사이트의 모바일 반응성을 확인하세요

워크플로 기능:

  • 코딩 요구 사항 없음

전문가가 아니어도, 코딩에 대해 조금 알 필요도 없습니다. Elementor. 위에서 언급한 모든 위젯은 드래그 앤 드롭 방식으로, 이를 이용하면 고급스럽고 세련된 웹페이지를 쉽게 만들 수 있습니다. 

Elementor 자체가 코딩 부분을 처리합니다. 뿐만 아니라, 사용된 코드는 최적화되고 단축되어 웹페이지 로드 시간이 단축됩니다. 이는 상위 순위에 매우 중요한 요소입니다.

  • 네비게이터 바

탐색의 도움으로 웹페이지에서 디자인한 구조, 즉 페이지 순서와 흐름을 볼 수 있습니다. 원하는 경우 네비게이터 막대를 통해서도 위젯을 변경, 제거 및 복제할 수 있습니다.

네비게이션 바 사용 방법

네비게이터를 사용하려면 Elementor로 열린 웹 페이지의 백엔드를 마우스 오른쪽 버튼으로 클릭하고 네비게이터를 클릭하세요. 아래 이미지와 같이 팝업이 나타납니다.

탐색 표시줄을 사용하는 방법

  • 단축키

단축키는 Elementor 대시보드에 있는 주요 위젯에 대한 단축키입니다. 사전 설정된 단축키 중 일부를 보려면 이미지를 살펴보십시오.

Elementor-핫키

  • 인라인 편집 기능

Elementor를 사용하면 콘텐츠를 다른 곳에 작성하고 스타일을 복사하여 붙여넣고 편집할 필요가 없습니다. 원하는 스타일로 WordPress 대시보드에 직접 입력하여 귀중한 시간을 절약할 수 있습니다.

디자인 특징

  • 글로벌 글꼴

Elementor의 도움으로 단 한 번의 클릭으로 전체 웹사이트에 특정 글꼴 스타일을 설정할 수 있습니다. 제목, 단락, 인용문, 행동 촉구 등은 중요하지 않습니다. 

  • 전역 색상

마찬가지로 글로벌 글꼴이 설정되면 필요한 경우 전체 웹 사이트 텍스트의 색상을 동일하게 설정할 수 있습니다.

  • 배경 그라데이션

그라데이션 색상 기능을 사용하면 각 블록에 설정한 배경은 물론 홈페이지까지 밝게 비출 수 있습니다. 이러한 그라데이션 색상은 웹사이트의 모든 페이지에 적용됩니다.

  • 배경 비디오

Elementor를 사용하면 비디오를 배경으로 사용할 수 있습니다. 배경에 있는 비디오는 웹페이지를 더욱 빛나게 할 수 있습니다.

Elementor에서 디자인 기능을 사용하는 방법

위에 언급된 모든 기능은 Elementor 대시보드에서 쉽게 찾을 수 있으며, 웹페이지에 좋아 보이는 것을 클릭하고 테스트하기만 하면 이러한 기능을 사용할 수 있습니다.

  • 다른 기능들
  • 배경 오버레이 적용
  • 슬라이드쇼를 배경에 넣기
  • 페이지를 생생하게 보이도록 캔버스를 만듭니다.
  • 블렌드 모드를 활용해보세요
  • CSS 스타일링 필터
  • 모양 분할기
  • 상자 그림자
  • 아이콘
  • 다른 웹사이트에서 SVG 아이콘 내보내기

레이아웃 기능

웹페이지 레이아웃을 변경하고 최적화하여 다양한 기능을 사용할 수 있습니다. Elementor 섹션 너비 및 높이, 열 너비, 간격 및 위치 등을 제공합니다.

웹페이지에서 매우 중요한 기능인 여백과 패딩을 조정할 수도 있습니다. 

Elementor Pro 플랜 기능

베이직 라인

무료 기능 외에도 Elementor Pro에는 2가지 기능이 더 있습니다.

1. 팝업 빌더

제한된 시간 동안 가입을 위한 팝업을 생성하고 의도 팝업을 종료하여 매출을 늘리고 페이지를 더욱 매력적으로 만들 수도 있습니다.

이 기능은 다른 위젯과 마찬가지로 Elementor 대시보드에 있습니다.

팝업 빌더를 사용하면 다음 팝업을 만들 수 있습니다.

  • 이메일 구독
  • 로그인 양식 팝업
  • 프로모션 및 판매 배너 팝업
  • 리드 캡처
  • 콘텐츠 잠금 및 공개 팝업
  • 알림
  • 출구 의도
  • 웰컴매트형 팝업
  • 관련 제품 및 상향 판매

2. 테마 빌더

Elementor Pro를 사용하면 웹사이트에서 사용하는 모든 기능을 완벽하게 제어할 수 있습니다. 404 페이지를 디자인하고 사용자를 선택한 페이지로 안내할 수 있습니다. 

디자인 중인 페이지에서 머리글과 바닥글을 관리할 수 있습니다. 강력한 WooCommerce 통합을 통해 제품 페이지도 최적화할 수 있습니다.

디자인 특징

1. 사용자 정의 CSS

추가하는 모든 위젯에 사용자 정의 CSS 스니펫을 추가하여 콘텐츠를 더욱 개인화되고 매력적으로 만들 수 있습니다. 하지만 이 기능을 사용하려면 CSS에 대한 상당한 지식이 있어야 합니다. 

사전 지식 없이 사용하면 남쪽으로 갈 수도 있습니다. 따라서 기술 세트가 없다면 사용자 정의 CSS 기능을 사용하지 않는 것이 좋습니다.

2. 모션 효과

멋진 애니메이션을 추가하고 웹사이트에 만화 같은 느낌을 줄 수 있습니다. 이는 특정 대상 고객을 유치하는 데 도움이 되며 때로는 매우 유익할 수 있습니다. 

Elementor에서 디자인 기능을 사용하는 방법

글쎄요, 그것은 로켓 과학이 아닙니다. 다른 위젯과 마찬가지로 대시보드 패널을 스크롤하여 검색하거나 검색 패널에 위젯 이름을 입력하면 됩니다.

마케팅

이러한 기능은 Elementor 무료 버전에는 없는 기능입니다.

  • 양식 위젯

Elementor 양식 빌더를 사용하면 다양한 변경을 수행하고 양식을 흥미롭고 매력적으로 만들 수 있습니다.

  • 원하는 레이아웃과 간격을 아주 쉽게 선택하세요.
  • 양식에 원하는 항목을 선택할 수 있는 10개 이상의 필드.
  • 웹페이지 디자인과 색 구성표에 어울리는 다양한 색상과 타이포그래피 중에서 선택하세요.
  • 동적 양식을 만들 수도 있습니다.
  • Elementor의 폼 빌더를 사용하여 긴 폼이 필요한 경우 사용자가 쉽게 작성할 수 있도록 이를 빌드하고 여러 단계로 나눌 수 있습니다.

양식 위젯

  • 추천 슬라이드 위젯

추천 슬라이드 위젯

  • Elementor Pro 버전과 함께 제공되는 사전 디자인된 템플릿을 사용하고 비즈니스를 위한 멋진 추천 캐러셀을 만들어 더 많은 전환을 얻을 수 있습니다.
  • 캐러셀의 콘텐츠와 레이아웃을 정렬합니다. 캐러셀의 모양과 정렬을 완전히 제어할 수 있습니다.
  • Elementor Pro에서 제공되는 사용자 정의 템플릿은 사용하기 쉽고 이를 구축하는 사람과 보는 사람 모두에게 사용자 친화적인 경험을 제공합니다.

Elementor Pro에서 추천 회전식 위젯을 사용하는 방법

  • 대시보드 검색창에서 추천 슬라이더를 검색하세요. 위젯을 열면 바로 슬라이더를 생성하여 시작할 수 있습니다. 기본 스킨과 버블 스킨 중에서 선택할 수 있는 두 가지 스킨이 있습니다. 스타일에 따라 필요한 것을 선택하십시오.
  • 5가지 옵션 이미지 인라인, 이미지 스택, 위 이미지, 왼쪽 이미지, 오른쪽 이미지를 통해 추천서의 레이아웃을 정렬하고 마무리합니다.
  • 색상 구성표에 따라 스타일과 디자인을 선택하고 슬라이더에 콘텐츠를 추가하세요.
  • 슬라이더에서 슬라이드를 자동 재생하거나, 사용자가 클릭하면 일시 중지하거나, 슬라이드 변경 옵션에서 특정 시간을 설정할 수 있습니다. 나는 추천 슬라이더의 상호 작용 옵션에서 일시 중지를 사용하는 것을 선호합니다.
  • 작업 링크

Elementor Pro를 사용하면 웹사이트를 WhatsApp, Google 캘린더 및 더 많은 앱과 연결할 수 있습니다.

Elementor Pro에서 작업 링크를 사용하는 방법

  • 로 이동 Elementor 대시보드를 열고 Elementor의 Pro 위젯 중 하나인 링크 필드를 검색하세요.
  • 위젯 팝업 오른쪽 상단에 있는 동적 옵션을 선택하세요.
  • 작업 옵션에서 연락처 URL을 선택하세요.
  • 위젯이 요청하는 모든 세부 정보를 추가하면 연락처 플랫폼을 웹사이트와 통합할 준비가 모두 완료되었습니다.

테마 빌더 기능

  • 동적 콘텐츠
  • 훌륭한 동적 웹페이지를 만들기 위해 완벽한 통합을 활용하세요.
  • 동적 색상, 이미지, 웹사이트 로고 등을 웹페이지에 추가할 수 있습니다.
  • 가장 좋은 점은 자신이 만든 동적 콘텐츠의 레이아웃을 저장하고 웹사이트 어디에서나 사용할 수 있다는 것입니다.

Elementor Pro로 동적 콘텐츠를 사용하는 방법

텍스트 편집기를 사용하고 콘텐츠를 동적으로 만드는 예를 보여 드리겠습니다. 다른 모든 위젯을 확인하고 사용해 보세요.

  1. 텍스트 편집기를 열고 웹페이지에 원하는 텍스트를 입력하세요. 이제 아래 이미지에 표시된 것처럼 편집기의 오른쪽 상단에 있는 아이콘을 클릭합니다.
  2. 아이콘을 클릭하면 드롭다운을 통해 나타나는 옵션 목록이 표시됩니다. 포스트, 아카이브, 사이트로 분류됩니다. 원하는 옵션을 선택하고 즉시 작업을 시작하세요.
  3. 이제 페이지 제목을 추가로 편집하려면 아래 이미지에 표시된 렌치 아이콘을 클릭해야 합니다.

위 이미지에 표시된 상자(즉, 변경 전, 변경 후, 대체)에는 변경 전의 제목, 변경 후의 제목, 동적 콘텐츠 대신 표시될 일관된 콘텐츠를 입력해야 합니다. 제목 앞뒤가 없을 때.

Elementor Pro의 기타 테마 빌더 기능

  • 표시 조건: 무엇을 표시하고 어디에 표시할지 결정할 수 있습니다.
  • 머리글 및 바닥글: 간단한 드래그 앤 드롭만으로 웹페이지의 머리글과 바닥글을 사용자 정의할 수 있습니다.
  • 고정 헤더: 특정 페이지 또는 전 세계적으로 전체 웹사이트에 고정 헤더를 추가합니다.
  • 404 페이지: 맞춤형 404 페이지를 디자인하고 사용자와 청중을 원하는 페이지로 리디렉션하세요.

테마 내용

  • 탐색 메뉴 모음 위젯
  • 탐색 모음에 대해 선택할 수 있는 다양한 스타일 옵션이 있습니다.
  • 이러한 스타일은 모든 장치에 반응하며 모바일 버전에서 볼 수 있고 필요한 경우 필요한 변경을 수행할 수 있습니다.
  • 애니메이션 및 호버 효과를 사용하여 탐색 표시줄에 애니메이션을 적용할 수 있습니다. 귀하의 페이지가 실제로 밝아집니다.
  • 메뉴 배치 방법(예: 가로, 세로)을 선택할 수 있고, 전체 화면으로 볼 수도 있고, 햄버거 옵션을 시도해 볼 수도 있습니다.

내비게이션 메뉴바 위젯 사용법

  1. 대시보드로 이동하여 메뉴 표시줄을 검색하세요.
  2. 웹사이트에 어울리는 스타일에 따라 메뉴를 가로, 세로, 드롭다운으로 설정할 수 있습니다.
  3. 또한 각 메뉴 콘텐츠 아래에 단일 및 이중 안감을 추가하여 대시보드를 통해 텍스트 색상을 강조 표시하고 변경할 수도 있습니다.
  • 검색 위젯

검색 위젯에는 기본, 최소, 전체 화면 검색 위젯이라는 세 가지 스킨이 있습니다.

검색창 디자인과 버튼을 웹페이지 스타일에 맞게 조정할 수 있습니다.

Elementor Pro에서 검색창을 사용하는 방법

Elementor 대시보드로 이동하여 검색 창 위젯을 찾아 기본, 전체 화면 또는 최소 등 원하는 스타일을 선택하고 검색 창의 타이포그래피와 색상을 색상 테마에 맞게 변경하세요.

  • Elementor Pro를 통해 얻을 수 있는 기타 테마 콘텐츠 기능
  • 게시물 위젯: 최근 게시물을 사이드바에 배치하여 사이드바의 모양을 수정합니다.
  • WordPress 댓글 위젯: 이 위젯을 사용하면 독자는 귀하가 작성한 게시물에 대해 댓글을 달 수 있습니다.
  • 포트폴리오 위젯: 표시할 포트폴리오가 많은 경우 이 포트폴리오 위젯을 사용하여 혁신적이고 매력적인 스타일로 표시하세요.

이러한 모든 기능은 다른 위젯과 마찬가지로 기본 Elementor 대시보드에서 사용할 수 있습니다. 이러한 모든 기능을 살펴보십시오.

통합

Elementor Pro에서 얻을 수 있는 가장 강력한 기능은 통합의 힘입니다. Elementor와 통합할 수 있는 모든 플러그인과 도구가 무엇인지, 그리고 이를 사용하는 방법을 살펴보겠습니다.

  • MailChimp

Mailchimp는 이메일 마케팅 분야의 선도적인 마케팅 자동화 소프트웨어입니다. Mailchimp가 제공하는 일련의 기능은 독특하고 매력적입니다. Mailchimp와 Elementor Pro를 통합하면 놀라운 일을 할 수 있습니다.

하지만 Elementor로 Mailchimp를 설정하는 방법은 무엇입니까? 아래를 살펴보세요. 모든 궁금증이 해소될 것입니다.

간단한 4단계로 Mailchimp를 Elementor와 통합하는 단계

  1. 먼저 Mailchimp API를 설정하세요. 그렇게 하려면 Elementor 설정으로 이동하여 통합 탭을 엽니다.
  2. 이제 이메일을 통해 홍보해야 하는 기사, 양식 또는 기타 콘텐츠를 선택해야 합니다.
  3. 콘텐츠를 선택한 후 화면에 표시된 통합 도구 목록에서 Mailchimp를 클릭하세요.
  4. API를 설정하면 기본 API를 사용하거나 맞춤식으로 변경할 수 있으며, 대상 고객을 선택하고, 필요한 그룹을 선택하고, 틈새 시장에 따라 이메일 마케팅에 최적의 태그를 사용할 수 있습니다. 이러한 옵션을 모두 선택한 후 필드 매핑 상자를 선택하면 바로 사용할 수 있습니다.
  • ActiveCampaign

Mailchimp와 마찬가지로 ActiveCampaign도 마케팅 자동화 소프트웨어입니다. 마케팅 및 리마케팅 ​​기술을 통해 타겟 고객과 연결하는 데 도움이 됩니다.

활성 캠페인을 Elementor Pro와 통합하는 방법

  1. ActiveCampaign API를 먼저 설정하세요. 그렇게 하려면 Elementor 설정으로 이동하여 통합 탭을 엽니다.
  2. 이제 이메일을 통해 홍보해야 하는 기사, 양식 또는 기타 콘텐츠를 선택해야 합니다.
  3. 콘텐츠를 선택한 후 화면에 표시된 통합 도구 목록에서 ActiveCampaign을 클릭하세요.
  4. 이메일, 이름, 성, 조직 이름 등 언급된 모든 필드를 입력했는지 확인하세요.
  • HubSpot

HubSpot은 귀하의 웹사이트를 새로운 차원으로 끌어올리는 완전한 마케팅 패킷입니다. CRM, 자동화, 판매 서비스 및 다양한 통합 기능을 제공합니다.

HubSpot을 Elementor Pro와 통합하는 방법

  1. WordPress의 플러그인 섹션에서 플러그인 HubSpot 올인원 마케팅을 다운로드하세요. 포털에 로그인하여 설정이 올바른지 확인하세요.
  2. 그런 다음 HubSpot 메뉴로 이동하여 기존 Elementor 계정을 HubSpot과 연결하고 파워팩 마케팅 성과를 시작할 수 있습니다.
  • Zapier

Zapier는 웹사이트에 필요한 모든 기능을 지원하기 위해 1000개 이상의 기타 웹 통합에 대한 액세스를 제공하는 자동화 도구입니다.

Zapier를 Elementor Pro와 통합하는 방법

Zapier는 주로 Elementor Form을 통합하는 데 사용됩니다.

이렇게 하려면 Elementor Form 위젯으로 이동하여 그림과 같이 Zapier와 통합하려는 양식을 편집하세요.

Zapier에서 Hook을 복사한 다음 양식에서 Webhook을 열고 거기에 후크를 붙여넣어 양식을 Zapier에 연결해야 합니다.

완료되면 Zapier를 사용하여 양식을 테스트할 수 있습니다.

  • 기타 통합
  • 어도비 타입킷: 원하는 글꼴 스타일을 얻으려면.
  • 불화 : 포럼 제출용
  • GetResponse : 목록에 여러 방문자를 한 번에 추가
  • 리캡차 V3: 양식 및 웹 페이지에 추가 보안을 추가합니다.
  • 페이스북 SDK: 회원님의 Facebook 게시물에 사용자가 남긴 모든 댓글을 관리하고 답변하세요.
  • 느슨하게: 팀에게 대화할 수 있는 플랫폼을 제공하세요
  • 사용자 정의 아이콘 라이브러리: 무한한 옵션 중에서 아이콘을 선택하고 Elementor Pro에서 무료로 사용하세요

Elementor Pro 가격

Elementor pro의 가격 계획

사용자 검토 

사용자 리뷰 사용자 리뷰 사용자 리뷰

빠른 링크:

WordPress Elementor 튜토리얼에 대한 FAQ

✅Elementor 무료 버전에서 통합을 사용할 수 있나요?

무료 버전의 Elementor와 통합을 사용할 수 있습니까?

🤷‍♀️ Elementor의 고객 서비스는 어떻습니까?

유료 및 무료 요금제를 통해 Elementor 고객 서비스를 선택할 수 있습니다. Elementor는 모든 고객을 동일한 방식과 절차로 대합니다. 이메일을 통해 연락하거나 무료 전화번호로 전화할 수 있습니다. 기술자가 문제의 심각도에 따라 전화를 걸기 때문에 먼저 우편으로 보내는 것이 좋습니다.

👍Free Elementor와 Pro 버전 중 어느 것이 더 좋나요?

무료 버전의 Elementor로 시작하여 기본 웹 페이지를 만들고 웹 사이트를 전체로 만드는 것이 도움이 될 것입니다. 귀하의 웹 사이트에서 많은 트래픽이 발생하고 있음을 확인한 후 Elementor Pro로 전환하면 무한한 기회의 문이 열리고 강력한 통합을 통해 제품 마케팅에 도움이 됩니다.

⁉️Elementor 사용이 얼마나 쉬운가요? / Elementor가 초보자에게 적합한가요?

Elementor는 사용하기 가장 간단한 페이지 빌더이지만 무료로 가장 많은 기능을 제공합니다. 본질적으로 코딩, HTML 또는 CSS 전문 지식 없이 놀라운 웹 사이트 디자인을 생성하려는 모든 사람에게 이상적인 DIY 옵션입니다.

✔️Divi가 Elementor보다 나은가요?

Elementor와 Divi는 모두 정교한 페이지 생성 기능을 제공합니다. Elementor는 무료로 제공되며 PRO 버전은 $49에 제공됩니다. Divi는 연간 $89이며 무한한 수의 웹 사이트를 만들 수 있습니다. Divi Builder는 직관적이지만 Elementor는 작업 속도가 더 빠릅니다. 엘리멘터를 추천합니다.

👍Beaver Builder와 Elementor 중 어느 것이 더 좋나요?

Beaver Builder에는 Elementor Pro 및 Divi Builder와 같은 다른 솔루션에서 사용할 수 있는 보다 정교한 사용자 정의 기능이 부족하지만 다른 솔루션에서는 뛰어납니다. UI는 빠르게 로드되며 간단하고 이해하기 쉬운 스타일을 갖추고 있습니다. 이렇게 하면 고유한 레이아웃을 만드는 프로세스가 가속화됩니다. 엘리멘터를 추천합니다.

📓Elementor에 가장 적합한 추가 기능은 무엇입니까?

많은 것들이 있지만 창의적인 구성 요소와 위젯으로 핵심 페이지 빌더의 기능을 강화하려는 Elementor 사용자라면 Essential Addons를 시도해 볼 가치가 있습니다. 또한 필수 애드온에는 문제 해결에 도움이 되는 실시간 채팅 및 티켓 지원 형태의 강력한 고객 지원이 포함되어 있습니다.

또한 다음을 읽으십시오.

결론: WordPress Elementor Tutorial 2024

최고의 웹 페이지 디자인 소프트웨어 중 하나인 Elementor는 귀하의 웹사이트를 구축할 수 있는 안정적이고 생생한 플랫폼입니다. 기본 블로그 페이지 생성부터 세련되고 멋진 제품 랜딩 페이지 생성까지 모든 작업을 Elementor로 수행할 수 있습니다.

Elementor의 Pro 버전에는 웹 사이트를 새로운 수준으로 끌어올리고 작업할 수 있는 무한한 기능이 있습니다. 이는 귀하에게 귀하의 웹사이트를 완전히 통제할 수 있는 자유를 제공합니다.

Elementor를 사용하기 위해 코더가 될 필요는 없습니다. Elementor를 사용하는 것은 기능을 클릭하고 끌어서 놓는 방법을 배우는 것만큼 간단합니다.

예, 모든 기능을 확인하고 어떤 기능이 귀하의 웹 사이트에 유용한지 파악하려면 약간의 시간이 걸리지만 Elementor에 투자한 시간은 모든 면에서 가치가 있을 것이라고 확신할 수 있습니다.

Elementor를 사용해 보시고 아래에 댓글을 달아 여러분의 경험을 알려주세요! 

엘레멘터 인기 비디오

소셜 미디어의 Elementor

WordPress 요소 튜토리얼

전반적인 평결

최고의 웹페이지 디자인 소프트웨어 중 하나인 Elementor는 웹사이트 구축을 위한 안정적이고 생생한 플랫폼입니다. 기본 블로그 페이지 생성부터 세련되고 숨막히는 제품 랜딩 페이지 생성까지 모든 작업을 Elementor로 수행할 수 있습니다.
8.5

10에서

장점

단점

평가:

가격: $

딕샤 더트

IIMC를 졸업한 Diksha는 자기 성장과 온라인 학습 플랫폼에 관해 이야기하는 것을 즐깁니다. Diksha는 교육과 기업가 정신에 대한 열정을 가지고 있으며 XNUMX년 넘게 두 분야 모두에 참여해 왔습니다. 그녀는 다른 사람들이 최고의 온라인 리소스, 강좌 및 교육 플랫폼에 대해 더 많은 정보를 바탕으로 결정을 내릴 수 있도록 돕는 것을 목표로 합니다. 그녀는 Megablogging.org에서 온라인 학습 플랫폼과 온라인 강좌에 대해 글을 쓰고 있으며, 여기에서 다양한 기술 수준과 목표에 맞는 최고의 리소스를 검토하고 추천합니다. Diksha는 일하지 않을 때 책을 읽고, 체스를 두며, 남편과 두 자녀와 함께 여행하는 것을 즐깁니다. 당신은 그녀를 따라갈 수 있습니다 링크드인 페이스북.

“WordPress Elementor Tutorial | 1년 단계별 가이드”

  1. 아주 좋은 게시물입니다. 우연히 귀하의 웹로그를 발견하고 제가 정말 좋아했다는 점을 말씀드리고 싶었습니다.
    블로그 게시물을 탐색합니다. 결국 나는 당신의 피드를 구독하게 될 것입니다
    그리고 곧 다시 한 번 글을 써주셨으면 좋겠습니다!

코멘트 남김

Elementor
0 공유
트윗
공유
공유