Divi 플러그인 하이라이트: 간단히 예약하기

회의 일정을 잡는 가장 보편적인 방법 중 하나는 문의 양식을 사용하는 것입니다. 이렇게 하면 메시지가 이메일로 전송되어 이메일 대화가 시작됩니다. 그런 다음 이메일에 응답해야 합니다. 그러면 이메일이 응답하여 앞뒤로 대화를 만듭니다. 작동하지만 효율적이지 않습니다.

더 나은 옵션은 예약용으로 설계된 플러그인을 사용하는 것입니다. 일정 플러그인은 일정을 관리하고 귀하와 귀하의 고객에게 약속을 알릴 수 있습니다. 이러한 플러그인 중 하나인 Simply Schedule Appointments는 Divi와 통합되어 가능한 최고의 일정 경험을 제공합니다. 이 기사에서는 Simply Schedule Appointments를 자세히 살펴보고 무엇을 할 수 있는지 알아보겠습니다.

간단하게 예약하기 설치하기

개발자 웹사이트에서 플러그인을 다운로드하거나 WordPress 플러그인 대시보드에서 검색합니다. 설치하기 위해서:

1. WordPress 대시보드에서 플러그인 > 새로 추가 로 이동합니다.
2. 간단하게 예약 하기 검색
3. 지금 설치를 클릭하십시오
4. 플러그인이 설치되면 활성화를 클릭하십시오.

WordPress 대시보드에서 처음 약속을 선택하면 도움말을 사용하거나 플러그인을 수동으로 설정할 수 있는 설정 화면이 설정됩니다. 라이센스 키를 입력한 다음 기본 설정을 지정합니다.

평소와 같이 설정을 진행하십시오. 여기에는 약속 유형, 가용성, 예약 옵션, Google 캘린더, 고객 정보, 알림 등이 포함됩니다. 약속 유형을 상담 전화로 설정했습니다.

Simply Schedule Appointments를 사용하면 사용자가 귀하와 상호 작용할 필요 없이 웹사이트를 통해 약속을 예약할 수 있습니다. 사용자는 시간대를 기준으로 약속을 합니다. 미리 알림이 자동으로 전송됩니다. 취소 정책을 설정할 수 있으며 플러그인이 이를 시행합니다. 사용자는 쉽게 일정을 변경할 수 있습니다. 이것은 Divi와 함께 사용하기에 탁월한 선택입니다.

Divi로 간단히 예약하기 사용하기

일반적으로 웹사이트에 예약 양식을 배치하려면 단축 코드를 사용해야 합니다. Simply Schedule Appointments는 약속 예약이라는 Divi Builder에 새로운 모듈을 추가합니다.

모듈은 다중 페이지 양식을 Divi 레이아웃에 포함합니다. 첫 번째 페이지는 양식의 용도, 사용자의 시간대, 날짜와 시간을 선택할 수 있는 달력에 대한 정보를 제공합니다. 가능한 날짜만 클릭할 수 있습니다.

달력은 다음 날짜 세트로 이동하는 탐색 기능이 있는 슬라이더 내의 버튼으로 매일 표시됩니다. 왼쪽 상단 모서리에 있는 뒤로 화살표를 누르면 이전 페이지로 돌아갑니다. 클릭 가능한 날짜에는 테두리가 있고 마우스를 가져가면 색상이 변경됩니다. 이 대부분은 모듈 내에서 조정하고 스타일을 지정할 수 있습니다.

날짜를 클릭하면 사용 가능한 시간을 보여주는 다음 페이지가 열립니다.

시간을 클릭하면 약속을 예약하기 위해 이름과 이메일을 입력할 수 있는 다음 페이지가 열립니다.

사용자가 약속을 예약하면 약속에 대한 정보를 볼 수 있는 감사 화면이 표시됩니다. 정보에는 약속 유형, 시간대가 포함된 날짜 및 시간, 이름, 이메일, 캘린더에 저장하는 버튼이 포함됩니다. 캘린더 버튼을 클릭하면 Google 및 기타 옵션이 열립니다. 또한 양식 하단에서 새 약속을 편집, 일정 변경, 취소 및 예약할 수 있습니다.

간단히 약속 모듈 설정 예약

설정은 간단합니다. 이 모듈에는 배경, 테두리, 애니메이션 등에 대한 공통 설정이 포함되어 있지 않습니다. 콘텐츠 탭에는 표시할 예약 유형을 선택할 수 있는 예약 유형이 포함되어 있습니다. 사용 가능한 예약 유형은 플러그인 설정 화면에서 설정한 유형입니다. 내 옵션은 모두 선택 및 상담 전화입니다.

디자인 탭에는 글꼴 모음, 색상 및 패딩이 포함됩니다. 글꼴 모음을 사용하면 글꼴, 글꼴 두께 및 스타일을 선택할 수 있습니다.

색상에는 강조 색상과 배경 색상이 포함됩니다. 강조 색상은 날짜의 뒤로 화살표, 연필 아이콘 및 호버 상태에 적용됩니다.

패딩은 슬라이더로 제어되며 패딩 단위를 선택할 수 있습니다. 픽셀 및 백분율을 포함한 5가지 옵션 중에서 선택합니다.

패딩이 모든 면에 추가됩니다. Visual Builder에서 패딩을 표시하지 않습니다. 다음은 라이브 페이지에서 100px가 어떻게 보이는지 보여줍니다.

고급 탭에는 CSS ID 및 클래스, 사용자 정의 CSS, 가시성, 전환, 위치 및 스크롤 효과에 대한 설정이 포함됩니다.

모듈은 반응하므로 열이 전체 너비를 표시할 만큼 충분히 넓지 않은 경우 날짜를 누적합니다.

조정이 많지는 않지만 양식을 Divi 웹 사이트에 통합하기에 충분합니다. 예를 들어 모듈에 대한 상자 그림자는 포함되지 않습니다. 여기에 연속으로 추가했습니다. 이것은 다른 모듈이 없는 단일 열 행에 적합합니다.

양식의 기본 스타일 지정

대시보드 메뉴의 설정 화면이나 모듈 자체에서 양식의 스타일을 지정할 수도 있습니다. 강조 색상, 배경 색상, 글꼴 모음, 패딩을 조정하고 대비 모드를 활성화하고 사용자 정의 CSS를 사용할 수 있습니다. 이것은 모듈 내에서 양식을 스타일 지정하지 않는 한 양식이 사용하는 기본 스타일입니다.

예정된 약속 목록

누군가 Divi 양식을 통해 약속을 하면 대시보드 메뉴의 약속 목록에 표시됩니다. 이 목록을 필터링하고 내보내고 예정된, 과거 또는 특정 날짜 범위별로 약속을 볼 수 있습니다. 하나를 클릭하면 취소하거나 세부 정보를 볼 수 있는 옵션 집합이 열립니다.

단순히 약속을 예약하기 Divi 예제

이 예에서는 Renovation 레이아웃 팩의 연락처 페이지에 있는 연락처 양식을 Simply Schedule Appointments 모듈로 교체했습니다. 레이아웃의 색상을 사용하여 배경은 굵은 노란색으로, 포인트 색상은 검은색으로 했습니다.

두 번째 페이지입니다. 이용 가능한 시간을 표시합니다. 마우스를 가져가면 버튼이 검은색으로 바뀝니다.

이름과 이메일을 입력하는 양식입니다. 필드가 있는 양식의 배경은 흰색입니다. 양식의 이 부분은 일반 설정에서 조정할 수 없습니다. 그것은 멋지게 눈에 띄고 레이아웃과 잘 어울립니다.

다음은 감사 양식입니다. 또한 흰색 배경을 표시합니다. 모든 링크를 화면에 배치하도록 크기가 조정되었으며 작은 공간에서도 여전히 멋지게 보입니다.

가격

여러 버전의 Simply Schedule Appointments를 사용할 수 있습니다. Divi 모듈은 무료 버전을 포함한 각 버전에 있습니다. 유료 버전에는 Google Calendar, PayPal, Google Analytics, Gravity Forms, Facebook Pixel, Mailchimp, Stripe 등의 통합이 포함됩니다. 구매 옵션은 다음과 같습니다.

• 무료 – Divi 모듈 포함
• 플러스 – $99, Google 캘린더, 사용자 정의 필드, Mailchimp 통합, 수업 및 그룹 이벤트 포함
• 전문가 – $199, 결제, 웹훅, 이메일 알림, 목표 추적, 실시간 지원 추가

마무리 생각

그것이 Divi를 위한 Simply Schedule Appointments에 대한 우리의 모습입니다. 플러그인은 Divi와 잘 작동합니다. 사용하기 쉬운 모듈을 찾았습니다. Divi 모듈의 표준인 스타일링 기능이 많이 부족합니다. 일부 스타일은 CSS에서 수행할 수 있습니다. 글꼴 색상, 테두리, 상자 그림자 등과 같은 표준 설정이 다시 추가되는 것을 보고 싶습니다. 내 레이아웃에 맞는 멋진 스타일을 얻을 수 있었습니다.

모듈은 훌륭하게 작동합니다. 크기가 잘 조절됩니다. 양식은 사용자에게 간단하고 직관적입니다. 대시보드는 단축 코드 또는 Divi 모듈을 사용하는지 여부에 관계없이 동일하게 작동합니다. Divi와 함께 일정 플러그인을 사용하는 데 관심이 있다면 Simply Schedule Appointments가 필요한 플러그인일 수 있습니다.

우리는 당신의 의견을 듣고 싶습니다. Divi로 Simply Schedule Appointments를 사용해 보셨습니까? 의견에 대해 어떻게 생각하는지 알려주십시오.

VectorKnight/Shutterstock.com을 통한 추천 이미지