Wix 웹사이트에 이벤트 캘린더 및 위젯을 추가하는 방법

이 게시물을 공유하세요

Timely 계정을 신속하고 쉽게 통합할 수 있습니다. 이벤트가 포함된 캘린더 Wix 웹페이지에 위젯을 추가할 수 있습니다. 코드 조각을 복사하여 웹사이트 백엔드에 붙여넣기만 하면 됩니다. 캘린더 및 이벤트에 대한 모든 변경 사항이나 업데이트가 즉시 표시됩니다. 또한 온라인 달력을 사용하여 수락할 수도 있습니다. 예약, 예약이벤트 티켓 판매. 이 게시물에서는 Wix 웹사이트에 이벤트 캘린더와 위젯을 추가하는 방법을 보여줍니다.

1. Wix란 무엇인가요?

윅스 클라우드 기반의 웹 구축 플랫폼입니다. 다양한 템플릿과 간단한 드래그 앤 드롭 HTML5 편집기를 사용하여 웹사이트를 사용자 정의할 수 있는 기능을 제공합니다. Wix를 사용하면 다양한 앱, 그래픽, 이미지 갤러리, 글꼴, 벡터, 애니메이션 등을 활용할 수 있습니다. 게다가, Wix 사용자는 처음부터 웹사이트를 시작할 수 있는 선택권이 있습니다.

Wix용 온라인 캘린더를 이미 구축했거나 생성하려는 경우, 이 게시물에서 추가하는 방법을 알려드립니다. Timely Wix 웹페이지의 이벤트 캘린더. 자세히 알아보려면 계속 읽어보세요.

2. 전체 캘린더와 위젯 임베딩

Timely 이벤트 캘린더 소프트웨어 Wix에서 이벤트를 조직하고 홍보하는 매우 편리하고 효율적인 방법입니다. 다양한 종류의 캘린더 보기 사용 가능한 경우 경험을 사용자 정의하여 본격적인 달력을 만들거나 미니 달력 위젯을 선택할 수 있습니다.

전체 달력은 일반적으로 전체 Wix 페이지에 걸쳐 있습니다. 확장형 캘린더 버전을 사용하면 날짜 및 키워드 검색, 캘린더 구독, 필터 등 다양한 캘린더 기능을 사용할 수 있습니다.

인쇄 화면 Timely 포스터 보드 전체 달력 보기
포스터보드 전체 달력 보기

미니 달력 위젯 보기는 더 작고 공간을 덜 필요로 합니다. 일반적으로 예정된 이벤트의 제한된 수만 표시하며 검색이나 필터링 기능은 없습니다.

의 예 Timely 캘린더 위젯 스트림 보기 또는 미니 캘린더
스트림 캘린더 위젯 보기
의 예 Timely 캘린더 위젯 스트림 보기 또는 미니 캘린더
최신 행 달력 위젯 보기

또한 다음을 사용할 수 있습니다. Timely 슬라이더 and 회전 목마 Wix 사이트 디자인을 더욱 돋보이게 해주는 위젯. 이러한 위젯은 이벤트를 매력적인 방식으로 소개하는 데 확실히 도움이 될 수 있습니다.

모든 옵션은 개별적으로 또는 함께 포함되어 웹 사이트 방문자에게 원활한 경험을 제공할 수 있습니다.

3. Wix 페이지에 전체 달력 보기를 추가하는 방법

설치하기 전에 Timely Wix 웹사이트에 캘린더를 추가하려면 올바른 Wix 플랜이 있는지 확인하세요. 최적의 결과를 얻으려면 설치를 권장합니다. Timely Wix 프리미엄 플랜에서만 제공되는 기능인 맞춤 요소를 사용합니다.

또한, 우리는 귀하의 Timely 캘린더 URL이 편리합니다. 당신은 당신의 찾을 수 있습니다 Timely 캘린더 URL을 클릭하여 공개 캘린더 대시보드 오른쪽 코너에 있는 바로가기. 다음과 같습니다. https://events.timely.fun/xxxxxxx/posterboard.

적시 공개 일정 URL 바로가기의 인쇄 화면
Timely 공개캘린더 URL 바로가기

이러한 초기 단계를 완료한 후 아래 지침을 따르십시오.

  1. Wix 계정에 로그인하세요.
  2. Wix 웹사이트 편집기에서 삽입하려는 페이지를 선택하세요. Timely 달력.
  3. 를 클릭하십시오 어젯 서비스, 다음에 맞춤 삽입. 다음으로 맞춤 요소.
사용자 정의 요소를 추가할 위치를 강조하는 Wix 웹사이트의 인쇄 화면
Wix 대시보드에 사용자 정의 요소 삽입
  1. 선택 출처 선택. 그런 다음 서버 URL 값이 있는 옵션: https://events.timely.fun/embed-wix.js
인쇄 화면 Wix 맞춤 요소
  1. 선택 속성 설정 최소한 속성을 설정하십시오. 데이터-src 와 Timely 공개 캘린더 URL(예: https://events.timely.fun/xxxxxxx/posterboard). 달력이 더 작은 화면에서 반응하도록 하려면 "var(–customElementWidth)" 값으로 데이터 너비를 설정하세요. 또한 원하는 경우 캘린더 섹션을 전체 너비로 늘려 가시성을 높일 수 있습니다.
인쇄 화면 Wix 요소
  1. 변경 사항을 저장한 후 Wix 사이트의 프런트 엔드로 이동하세요. 거기에서 당신은 당신의 Timely 삽입 코드 설정에 따라 캘린더가 올바르게 설치되었습니다. 여전히 캘린더가 표시되지 않으면 Wix에서 로그아웃해 보세요.

4. Wix 웹사이트에 위젯을 추가하는 방법

Wix 페이지나 웹사이트에 미니 캘린더 위젯을 추가하려면 먼저 위젯을 사용자 정의해야 합니다. Timely URL의 마지막 섹션을 원하는 달력 보기의 이름으로 바꿔서 달력 URL을 변경하세요. 예를 들어 스트림 뷰 달력 위젯을 생성하려는 경우 해당 달력 URL은 다음과 같습니다. https://events.timely.fun/xxxxxxx/stream.

럭셔리 슬라이더 and 회전 목마, Wix는 코드 포함이 아닌 링크 포함으로 작동하지만 먼저 이러한 위젯에 필요한 포함 코드를 설정해야 합니다. 방법을 잘 모르는 경우 다음 사용자 가이드 게시물에 설명된 지침을 참조하세요.

삽입 코드가 준비되면 보기 이름을 캐러셀 또는 슬라이더로 바꿔 공개 캘린더 URL을 수정할 수 있습니다. 예를 들어, https://events.timely.fun/xxxxxxx/slider and https://events.timely.fun/xxxxxxx/carousel.

위젯 URL이 있으면 위 게시물에 제공된 것과 동일한 지침에 따라 원하는 웹 페이지에 위젯을 추가하세요. 유일한 차이점은 페이지를 생성할 때 삽입 가능한 영역의 크기를 미리 제한해야 한다는 것입니다. 이렇게 하면 위젯이 페이지의 올바른 위치에 나타나는지 확인할 수 있습니다.

웹사이트에 설치된 캐러셀 위젯의 예
웹사이트에 설치된 캐러셀 위젯의 예

이 사용자 가이드가 Wix 웹사이트 및 페이지에 이벤트 캘린더를 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. 원한다면 사용할 수도 있습니다. Timely 달력 예약을 수락 and 이벤트 티켓 판매, 귀하의 웹 사이트에서 직접.

더 많은 사용자 정보를 원하시면 다음 페이지로 이동하세요. 지원 센터. 질문이 있으시면 언제든지 여기를 클릭해주세요.. 또는 다음에서 지원 티켓을 열 수 있습니다. Timely 계정.