WordPress에서 사용자 제출 이벤트 캘린더를 만드는 방법(쉽게)

게시 됨: 2021-10-15

사용자가 웹사이트의 캘린더에 이벤트를 제출하도록 하시겠습니까?

사용자가 자신의 이벤트를 제출하게 하는 것은 사용자가 커뮤니티 캘린더를 만들 수 있는 멋진 방법입니다.

이 기사에서는 WordPress에서 사용자 제출 이벤트 캘린더를 만드는 방법을 보여줍니다. 사용자의 이벤트 목록을 수락하고 캘린더 페이지에 표시하는 방법을 보여드리겠습니다.

지금 사용자 제출 이벤트 양식 만들기

프론트엔드 제출이란 무엇입니까?

프런트엔드 제출을 사용하면 사용자가 로그인하지 않고도 이벤트 목록을 수락할 수 있습니다. 따라서 공유 계정이 없어도 사람들이 캘린더에 이벤트를 제공하는 것이 매우 쉽습니다.

WPForms Pro에는 이벤트 캘린더라는 캘린더 플러그인과 쉽게 통합할 수 있는 멋진 게시물 제출 애드온이 있습니다.

WPForms는 최고의 WordPress Form Builder 플러그인입니다. 무료로 받으세요!

이벤트 캘린더 홈페이지

이 플러그인 조합을 사용하면 다음 항목에 대한 프론트엔드 제출을 쉽게 수행할 수 있습니다.

  • 커뮤니티 이벤트
  • 비즈니스 회의
  • 콘서트 및 축제
  • 웨비나
  • 스포츠 경기

…그리고 더.

또한 웹사이트 캘린더에 게시된 이벤트 목록에 대해 비용을 청구하여 온라인으로 돈을 벌거나 티켓을 판매하기 위한 지불 버튼을 추가할 수 있습니다.

WPForms가 이벤트 캘린더와 작동하는 방식

이벤트 캘린더 플러그인은 WordPress 대시보드에 표시될 이벤트 라는 사용자 정의 게시물 유형을 생성합니다.

사용자 정의 게시물 유형은 게시물 및 페이지가 작동하는 것과 동일한 방식으로 작동합니다. 그러나 이벤트 게시물은 사이트의 일반 게시물 및 페이지와 분리됩니다.

방문자가 양식을 제출하면 새 이벤트 게시물이 생성됩니다. 이벤트 캘린더에 목록을 표시하는 방법을 알려주는 일부 메타데이터를 양식에 사용할 것입니다.

이제 WordPress 이벤트 캘린더를 시작하겠습니다.

WordPress에서 사용자 제출 이벤트 캘린더 양식을 만드는 방법

이 가이드를 따라갈 수 있도록 동영상을 만들었습니다.

수행할 단계는 다음과 같습니다.

  1. WPForms 플러그인 설치
  2. 사용자 제출 이벤트에 대한 양식 만들기
  3. 이벤트 캘린더 플러그인 설치
  4. 양식을 캘린더에 연결
  5. 감사 메시지 사용자 정의
  6. 사용자 제출 이벤트 양식 게시
  7. 이벤트 제출물 검토 및 게시
  8. 자주 묻는 질문

자, 먼저 WPForms 플러그인을 설치하겠습니다.

1단계: WPForms 플러그인 설치

가장 먼저 해야 할 일은 WPForms 플러그인을 설치하고 활성화하는 것입니다. WordPress를 처음 사용하는 경우 WordPress 플러그인을 설치하는 방법에 대한 단계별 가이드가 있습니다.

다음으로 WPForms용 Post Submissions 애드온을 설치하고 활성화해야 합니다.

이렇게 하려면 WPForms » Addons 로 이동하십시오.

사용자 제출 이벤트를 추가하기 위해 WPForms 애드온 메뉴 열기

Post Submissions 라고 표시된 항목을 찾을 때까지 아래로 스크롤합니다.

Addon 설치를 클릭한 다음 활성화 를 클릭 합니다 .

게시물 제출 애드온을 추가하여 사용자 제출 이벤트 추가

여기까지가 1단계입니다. 이제 이벤트 제출 양식을 만들 차례입니다.

2단계: 사용자 제출 이벤트에 대한 양식 만들기

WPForms를 사용하면 웹사이트를 위한 모든 종류의 양식을 쉽게 만들 수 있습니다.

게시물 제출 애드온을 설치하면 블로그 게시물 제출 양식 템플릿이라는 새 템플릿이 생성됩니다. 필요한 템플릿에는 게시물 제출 애드온과 함께 작동하도록 특별히 설계되었음을 나타내는 애드온 레이블이 있습니다.

WPForms의 블로그 게시물 템플릿

다음으로 필드 이름을 변경하여 이벤트 제출 양식으로 바꿔보겠습니다.

  • 게시물 제목: 이벤트 제목으로 이름 변경
  • 추천 이미지: 프로모션 이미지 로 이름 바꾸기
  • 포스트 발췌: 짧은 이벤트 설명으로 이름 바꾸기

이제 양식에 필드를 더 추가해야 합니다.

먼저 방문자가 이미지와 함께 완전한 형식의 이벤트 목록을 추가할 수 있도록 서식 있는 텍스트 필드를 추가하겠습니다.

게시물 콘텐츠에 대한 기존 텍스트 필드를 삭제한 다음 서식 있는 텍스트 필드를 그 자리에 끌어다 놓습니다. 이름을 Full Event Description 으로 지정하고 싶을 것 입니다.

서식 있는 텍스트 게시물 제출 필드

서식 있는 텍스트 필드의 필드 옵션에서 다음 세 가지 설정을 모두 켭니다.

  • 미디어 업로드 허용 : 방문자가 이벤트 목록에 이미지를 추가할 수 있습니다.
  • 워드프레스 미디어 라이브러리에 파일 저장 : 업로드된 이미지를 워드프레스 미디어 라이브러리에 추가합니다.
  • 또한 필드를 Required 로 설정했습니다.

서식 있는 텍스트 필드 옵션

이제 2개의 날짜/시간 필드를 추가해 보겠습니다. 하나는 시작 시간 이고 다른 하나는 종료 시간 입니다. 이 필드를 사용하여 방문자는 하루 또는 여러 날 이벤트를 추가할 수 있습니다.

WordPress에서 사용자 제출 이벤트 양식 편집

날짜/시간 필드 모두에서 과거 날짜비활성화 하는 것이 좋습니다. 날짜/시간 필드의 고급 옵션 에서 찾을 수 있습니다.

과거 날짜 비활성화는 모든 새 이벤트에 미래 날짜가 있어야 함을 의미합니다. 이는 실수로 잘못된 연도를 선택하는 것과 같은 실수를 잡는 데 도움이 될 수 있습니다.

datepicker에서 과거 날짜 비활성화

알겠습니다. 끝났습니다. 저장 을 클릭해 보겠습니다.

3단계: 이벤트 캘린더 플러그인 설치

다음으로 WordPress 이벤트 캘린더 플러그인을 설치해야 합니다. 이벤트 캘린더는 WPForms와 잘 작동하는 WordPress 웹사이트용 무료 플러그인입니다.

이벤트 캘린더의 무료 버전을 사용하면 사용자가 개별 이벤트를 만들 수 있습니다. Events Calendar Pro를 사용하여 반복 이벤트를 만들 수 있습니다.

무료 버전부터 시작하겠습니다. 설치하려면 WordPress 대시보드에서 플러그인 » 새로 추가 로 이동하고 이벤트 캘린더 를 검색합니다.

지금 설치를 클릭하여 플러그인을 설치합니다.

이벤트 캘린더 플러그인 설치

지금 이벤트 캘린더 플러그인을 활성화 하고 설정을 실행하십시오. 이벤트 게시물 유형이 다음 단계를 위해 준비되도록 지금 이 작업을 수행하는 것이 중요합니다.

이제 양식과 WordPress 이벤트 플러그인 간에 연결을 만들 것입니다.

4단계: 양식을 WordPress 이벤트 캘린더에 연결

이벤트 캘린더 플러그인을 설정한 후 생성한 양식을 캘린더에 연결해야 합니다.

이전에 만든 이벤트 제출 양식을 엽니다. 그런 다음 양식 편집기에서 설정 » 게시물 제출 로 이동하고 게시물 제출 활성화 로 이동합니다 .

사용자 제출에 대한 사후 제출 이벤트 양식

다음으로, 이벤트 캘린더가 찾고 있는 필드와 양식 필드를 일치시키고 싶을 것입니다.

블로그 게시물 제출 양식 템플릿을 사용했기 때문에 이 매핑 중 일부는 이미 완료되었습니다. 그러나 수동으로 설정해야 하는 몇 가지 사항이 있습니다.

다음과 같이 매핑을 설정합니다.

  • 이벤트 제목에 매핑된 게시물 제목
  • 우리가 추가한 서식 있는 텍스트 필드인 전체 이벤트 설명에 매핑된 게시물 콘텐츠
  • 짧은 이벤트 설명에 대한 포스트 발췌
  • 추천 이미지프로모션 이미지에 게시

게시물 제출 애드온 매핑 필드

더 아래로, 양식에서 이벤트 게시물로 이러한 필드를 매핑했습니다.

  • Post TypePosts 로 설정될 가능성이 높으므로 이를 Events 로 변경해야 합니다.
  • 게시물 상태검토 보류 로 설정되어야 합니다.
  • 현재 사용자 는 원하는 모든 것이 될 수 있습니다. WordPress의 사이트 관리자 계정에 매핑했습니다.

게시물 제출 애드온 - 게시물 유형 매핑

검토 보류 상태를 통해 각 이벤트 제출을 라이브로 시작하기 전에 승인할 수 있습니다. 이벤트 목록에 대한 지불을 받는 경우 지불이 성공적으로 이루어졌는지 확인할 수 있도록 이 기능을 사용하고 싶을 것입니다.

이벤트가 제출되는 즉시 게시하려는 경우 이 기사 끝부분의 FAQ 섹션에서 방법을 보여드리겠습니다.

커스텀 포스트 메타 설정하기

1단계만 더하면 됩니다. 날짜와 시간을 매핑하려면 Custom Post Meta 섹션까지 아래로 스크롤합니다.

여기에 몇 가지 코드를 추가하여 양식의 시작 및 종료 시간을 이벤트 캘린더의 시작 및 종료 시간에 매핑합니다.

  • _EventStartDate시작 시간에 매핑됩니다.
  • _EventEndDate종료 시간에 매핑됩니다.

이벤트 캘린더 커스텀 포스트 메타

실제로 Custom Post Meta 섹션은 모든 종류의 사용자 정의 필드에 편리합니다. 여기에서 사용할 수 있는 더 많은 필드에 대해서는 이 기사 끝부분의 FAQ 섹션을 확인하십시오.

이제 완료되었으므로 저장 을 클릭하겠습니다.

5단계: 감사 메시지 사용자 지정

이벤트 제출 양식을 게시하기 전에 사용자에게 표시되는 기본 감사 메시지를 변경하는 것이 좋습니다.

설정 » 확인 으로 이동하여 이 작업을 수행할 수 있습니다.

이벤트 양식 확인

미리보기 패널에서 원하는 방식으로 메시지를 사용자 정의합니다.

이벤트 양식 확인 메시지

WPForms는 누군가가 귀하의 웹사이트 캘린더에 이벤트를 제출한 후 많은 옵션을 제공합니다. 당신은 또한 수:

  • 조건부 확인을 사용하여 이벤트 유형에 따라 다른 메시지 표시
  • 방문자를 지정된 감사 페이지로 전달
  • 별도의 웹사이트로 전달하십시오.

양식 확인에 대한 도움말:

  • WordPress에서 양식 확인을 설정하는 방법에 대한 이 유용한 문서를 확인하십시오.
  • 하나 이상의 확인을 원하는 경우 WPForms에서 여러 양식 확인을 만드는 방법을 확인하십시오.

6단계: 사용자 제출 이벤트 양식 게시

자, 이제 WordPress 사이트에 이벤트를 게시할 준비가 되었습니다!

WPForms를 사용하면 다음과 같은 다양한 방법으로 양식을 추가할 수 있습니다.

  • 포함 마법사
  • 짧은 코드
  • 블록 편집기의 WPForms 블록
  • 사이드바 위젯
  • Elementor 양식 모듈
  • 디비 임베드
  • SeedProd 모듈

이 예에서 포함 마법사를 사용하여 이벤트 등록 양식을 추가해 보겠습니다. 그러면 방문자가 사용자 제출 이벤트를 추가할 수 있는 새 페이지가 자동으로 생성됩니다.

폼 빌더 창 상단에서 삽입을 클릭합니다.

Embed 이벤트 제출 양식

이제 새 페이지 만들기 를 클릭합니다.

WordPress에 사용자가 제출한 게시물 양식 포함

마지막으로 페이지 이름을 입력하고 주황색 Let's Go 버튼을 클릭하여 페이지를 만듭니다.

WordPress에서 사용자가 제출한 이벤트 페이지 이름 지정

이제 게시 를 눌러 양식을 게시하기만 하면 됩니다.

사용자 제출 이벤트 양식 게시

그리고 그게 다야! 양식이 게시되었습니다. 원하는 경우 CSS를 사용하여 양식의 스타일을 추가로 지정할 수 있습니다.

이제 방문자는 양식을 통해 이벤트를 제출할 수 있으며 이벤트 캘린더 플러그인을 사용하여 이벤트를 관리할 수 있습니다.

7단계: 이벤트 제출물 검토 및 게시

엄청난! 이제 사용자가 제출한 이벤트 양식을 WordPress에 게시했습니다. 테스트해 보겠습니다.

프론트엔드에서 우리의 모습은 다음과 같습니다.

프런트엔드 사용자 제출 이벤트 양식

양식을 제출하십시오.

이벤트를 검토하려면 워드 프레스 대시 보드 이벤트로 이동합니다.

WordPress의 이벤트 캘린더 메뉴

캘린더 양식을 통해 제출된 모든 제출된 이벤트는 보류 중 으로 나열됩니다. 즉, 사이트 캘린더에 표시되기 전에 이벤트 관리자 화면에서 승인을 받아야 합니다.

이벤트를 수정하려면 이벤트 제목 아래에 있는 수정을 클릭하세요.

보류 중인 이벤트 수정

제출물을 미리 봅니다. WPForms의 서식 있는 텍스트 필드를 사용하면 대시보드 내에서 이미지를 포함한 전체 이벤트 세부 정보를 볼 수 있습니다.

이벤트에 대한 세부 정보 제출 양식

화면 하단 근처에 있는 시간 및 날짜에 대한 특별한 메모입니다. 이것을 올바르게 매핑했다면 WordPress 사이트의 시간대에 이벤트가 표시됩니다.

이벤트 캘린더 시작 및 종료 시간

모든 이벤트 세부정보 검토가 끝나면 게시 를 클릭합니다. http://yoursite.com/events 의 새 이벤트 캘린더에 목록이 표시됩니다.

WordPress에 게시된 이벤트

그리고 당신은 그것을 가지고 있습니다! 이제 WPForms를 사용하여 WordPress에서 사용자 제출 이벤트 캘린더를 만드는 방법을 알게 되었습니다.

사용자 제출 이벤트에 대한 FAQ

사용자 제출 이벤트에 대해 더 많은 질문이 있습니까? 이 WPForms 이벤트 캘린더 통합을 사용할 수 있는 더 많은 방법을 살펴보겠습니다.

승인 없이 WordPress에 이벤트를 추가할 수 있습니까?

예! 원하는 경우 다른 사람이 캘린더 양식을 제출하는 즉시 제출된 이벤트를 게시할 수 있습니다. 그렇게 하면 수동으로 승인할 필요가 없으며 WordPress 이벤트 캘린더에 즉시 표시됩니다.

우리가 사용하는 WordPress 이벤트 캘린더 플러그인은 이것을 지원합니다.

작동하게 하려면 위의 단계에서 조정해야 할 2가지 사항이 있습니다.

캘린더 양식의 게시물 제출 설정에서 게시물 상태검토 보류 대신 게시 됨으로 설정합니다.

이벤트 캘린더를 사용하여 WordPress에서 검토 없이 이벤트 게시

그런 다음 Custom Post Meta 섹션 아래에 2개의 메타 키를 더 추가합니다.

  • 시작 시간에 매핑된 _EventStartDateUTC
  • _EventEndDateUTC종료 시간에 매핑됨

게시된 이벤트에 대한 포스트 메타

그리고 그게 다야! 이벤트 등록 양식을 이벤트 캘린더와 동기화했습니다. 이제 캘린더 양식이 제출되는 즉시 이벤트가 시작됩니다.

이와 관련하여 문제가 있는 경우 일반적으로 시간대 불일치 때문입니다. 이 문제를 해결하려면 이벤트 캘린더의 일반 설정 으로 이동하여 시간대 데이터 업데이트 를 클릭하십시오.

시간대 데이터 업데이트

WordPress에서 이벤트 등록에 대해 비용을 청구할 수 있습니까?

예, WPForms를 사용하면 이 작업도 쉽게 수행할 수 있습니다!

사용자가 캘린더에 이벤트를 제출할 때 지불을 받기로 결정한 경우 PayPal, Stripe 또는 Authorize.Net을 사용할 수 있습니다.

여러 지불 옵션을 사용하고 사용자가 목록을 제출할 때 1개를 선택하도록 할 수도 있습니다.

이벤트 목록 양식에 지불을 추가하려면 지불 필드를 추가하고 지불 게이트웨이를 WPForms에 연결하기만 하면 됩니다. 다음은 도움이 될 몇 가지 가이드입니다.

  • WPForms에서 Stripe로 결제를 수락하는 방법
  • WPForms와 함께 PayPal 애드온을 사용하는 방법
  • Authorize.Net을 WPForms와 함께 사용하는 방법
  • 사용자가 양식에서 결제 수단을 선택하도록 허용하는 방법

이벤트 수동으로 승인 하기 전에 결제가 성공했는지 수동으로 확인하는 것이 좋습니다.

이벤트 제출에 대한 이메일 알림을 보낼 수 있습니까?

그래 넌 할수있어! 기본적으로 WPForms는 새 이벤트 목록을 받으면 WordPress의 관리자 이메일 주소로 이메일을 보냅니다. 이메일 알림을 사용자 지정하거나 알림을 더 추가하려면 양식 알림 이메일 보내기에 대한 이 가이드를 확인하세요.

원하는 경우 WPForms 알림을 끄고 이벤트 캘린더가 각 이벤트에 대한 이메일 알림을 보내도록 할 수 있습니다. 이벤트 캘린더에서 해당 알림을 받지 못하는 경우 이벤트 캘린더에서 이메일을 보내지 않는 문제를 해결하는 방법을 확인하세요.

이 가이드는 이벤트 캘린더에서 보낸 이메일을 기록하는 방법도 보여줍니다.

이벤트를 게시할 때 방문자에게 알릴 수 있습니까?

확신하는! 무료 플러그인을 사용하여 WordPress에서 브라우저 푸시 알림을 보낼 수 있다는 것을 알고 계셨습니까? WordPress에서 푸시 알림을 보내는 방법에 대한 이 기사를 확인하십시오.

새 이벤트를 Google 캘린더로 보낼 수 있습니까?

예! WPForms를 사용하면 WordPress 양식 항목을 Google 캘린더에도 쉽게 보낼 수 있습니다.

이벤트를 CSV로 내보내려면 어떻게 합니까?

WPForms를 사용하면 모든 양식 항목을 CSV 또는 XLSX로 내보낼 수 있습니다. WordPress에서 양식 항목을 내보내는 방법에 대한 이 가이드를 확인하세요.

더 많은 사용자 정의 포스트 메타 필드를 사용할 수 있습니까?

예, 다음과 같은 필드를 사용할 수 있습니다.

  • _EventAllDay – 선택하면 값이 YES 확인란 필드에 매핑하고 선택하지 않으면 비어 있습니다.
  • _EventCost – 양식의 숫자 필드에 매핑하여 가격을 표시하거나 모든 이벤트가 무료인 경우 값이 0 (영)인 숨겨진 필드를 사용합니다.
  • _EventShowMapTRUEFALSE 값이 있는 확인란에 매핑하거나 항상 지도를 표시하려는 경우 값이 TRUE 숨겨진 필드에 매핑합니다.
  • _EventURL – 양식의 URL 필드에 매핑합니다.

더 많은 필드를 추가하기 전에 다음 사항을 숙지하십시오.

  • _Venue 또는 _Organizer로 시작하는 필드는 이벤트 게시물 유형에서 작동하지 않습니다.
  • 직렬화된 배열은 양식에 매핑할 수 없습니다.
  • _EventVenueID 와 같이 다른 게시물에서 데이터를 가져오는 필드는 작동하지 않을 수 있습니다.

추가 필드 매핑은 고급 기술입니다. 더 많은 도움이 필요하면 이벤트 캘린더 포스트 메타 문서를 확인하세요.

지금 사용자 제출 이벤트 양식 만들기

다음 단계: 사용자가 제출한 블로그 게시물 수락

이제 사용자가 WordPress 이벤트를 사이트에 제출할 수 있으므로 이에 대해 블로그도 할 수 있다면 좋지 않을까요? 사용자가 제출한 게시물을 수락하면 방문자가 보도 자료 및 기타 이벤트 정보를 공유하여 캘린더로 트래픽을 유도할 수 있습니다.

이를 설정하려면 WordPress에서 사용자가 제출한 게시물을 수락하는 쉬운 방법을 확인하십시오.

그리고 이벤트에서 사진을 찍을 계획이라면 온라인 모델 릴리스 양식을 작성하는 것을 잊지 마십시오.

양식을 작성할 준비가 되셨습니까? 가장 쉬운 WordPress 양식 빌더 플러그인으로 오늘 시작하십시오. WPForms Pro에는 이벤트 양식 템플릿이 포함되어 있으며 14일 환불 보장을 제공합니다.

이 기사가 도움이 되었다면 Facebook과 Twitter에서 더 많은 무료 WordPress 자습서 및 가이드를 팔로우하세요.