이벤트 캐러셀에 대한 삽입 코드를 설정하는 방법

이 게시물을 공유하세요

Timely 계정을 사용하면 웹사이트에 이벤트 캐러셀을 쉽게 만들어 온라인으로 이벤트를 표시할 수 있습니다. 캐러셀 위젯이 설치되면 선택한 이벤트에 대한 모든 변경 사항이 웹사이트 캐러셀에 자동으로 업데이트됩니다. 이 게시물에서는 이벤트 캐러셀에 대한 임베드 코드를 설정하는 모든 단계를 배우게 됩니다.

온라인 캘린더 만들기 귀하의 웹사이트를 위한 이벤트 위젯은 다음과 같이 간단합니다. Timely.

재미있고 관심을 끄는 방식으로 특정 이벤트를 강조하려면 웹사이트에 이벤트 캐러셀을 추가하는 것을 고려해 보세요. 와 함께 Timely 회전식 보기에서는 한 번에 최대 12개의 이벤트를 연속해서 최대 4개의 이벤트를 표시할 수 있습니다. 우리 라이브에서 확인해보세요 이벤트 캐러셀 위젯 데모 페이지.

캐러셀 제안에 이벤트를 표시하면 웹사이트가 더욱 흥미롭고 매력적으로 보일 것입니다. 실제로 이벤트가 포함된 캐러셀은 웹페이지 디자인과 청중이 이벤트 콘텐츠와 상호 작용하는 방식을 개선할 수 있습니다.

2. 콘텐츠 관리 시스템(CMS) 지원 

Timely의 이벤트 플랫폼과 위젯은 공개 또는 비공개 웹사이트나 모바일 애플리케이션에 삽입될 수 있습니다. 다음을 포함하되 이에 국한되지 않는 다양한 웹사이트 콘텐츠 플랫폼과 완벽하게 작동합니다.

  • 워드프레스(WordPress)
  • HTML
  • Shopify
  • 윅스
  • SquareSpace
  • 줌라
  • 드루팔
  • 마젠토/어도비 커머스
  • Adobe Experience Manager
  • 위 블리
  • 에서 GoDaddy
  • MicroSoft SharePoint / 파워 페이지
  • 민첩

사용하는 CMS에 관계없이 이벤트 캐러셀에 대한 삽입 코드를 설정하는 일반적인 지침은 동일합니다. 자세히 알아보려면 계속해서 읽어보세요. 

웹사이트 백엔드에 이벤트 캐러셀 포함 코드를 추가하면 시각적으로 매력적인 캐러셀 위젯에 제한된 수의 이벤트를 게시할 수 있습니다. 캐러셀에 표시하려는 특정 유형의 이벤트가 있는 경우 위젯 포함 코드를 사용자 정의하는 것이 좋습니다.

아래의 단계별 지침을 참조하세요.

  1. 귀하의 Timely 계정.
  2. 기본 탐색 메뉴에서 설정, 다음에 코드 삽입. 대시보드 오른쪽 상단에 있는 바로가기를 사용할 수도 있습니다.
  3. 그런 다음 모든 포함 코드 옵션과 기본 설정을 표시하는 새 페이지가 열립니다. 현재 달력, 캐러셀, 슬라이더, 이벤트 추가 버튼 등 4가지 삽입 코드 유형 중에서 선택할 수 있습니다.
  4. 이 게시물은 이벤트 캐러셀에 대한 삽입 코드를 설정하는 방법에 관한 것이므로 삽입 유형을 선택하십시오 회전 목마 옵션을 선택합니다.
인쇄 화면 Timely 이벤트 관리 소프트웨어 캐러셀 삽입 코드 옵션

포함 코드를 사용자 정의하지 않으려면 아래 위젯 코드 섹션(6. Carousel iFrame 포함 코드 설정)으로 바로 이동할 수 있습니다. 그렇지 않은 경우 이 게시물을 계속해서 읽어 자세히 알아보세요.  

바로 아래 회전 목마 삽입 코드 유형 옵션을 선택하면 고급 설정 드롭 다운 메뉴. 이러한 설정은 선택한 Embed 코드 유형에 따라 달라집니다.

이벤트 캐러셀 위젯 삽입 코드 고급 설정을 편집하는 방법은 다음과 같습니다.

표시할 최대 이벤트 수

이 기능을 사용하면 회전판에 최대 12개의 이벤트를 표시하도록 선택할 수 있습니다. 상자에 원하는 이벤트 수를 입력하기만 하면 됩니다.

인쇄 화면 Timely 옵션을 표시하는 이벤트 관리 소프트웨어 캐러셀 최대 이벤트

페이지당 최대 이벤트 수

원하는 경우 캐러셀에 동시에 두 개 이상의 이벤트를 표시할 수도 있습니다. 동시에 표시할 수 있는 최대 이벤트 수는 4개입니다.

페이지 미리보기당 최대 이벤트에 대한 인쇄 화면

슬라이더 지연 시간

원하는 경우 슬라이더에 표시되는 각 이벤트 게시물의 지연 시간(초)을 선택할 수 있습니다.

인쇄 화면 Timely 이벤트 관리 시스템 슬라이더 지연 시간 설정

날짜 범위

캐러셀에 표시될 이벤트의 특정 날짜 범위를 선택하려면 날짜 범위 옵션을 사용하세요. 옵션은 다음과 같습니다.

  • 행사 안내
  • 오늘의 이벤트
  • 내일부터
  • 맞춤 기간
  • 다음 n일
  • 다음 n개 이벤트

캘린더에 추천으로 표시된 이벤트만 캐러셀에 표시하려면 확인란을 선택하세요. 주요 이벤트.

인쇄 화면 Timely 이벤트 관리 시스템 캐러셀 추천 이벤트 설정

5. 필터

위에서 설명한 고급 설정 외에도 필터링된 이벤트가 포함된 캐러셀을 표시할 수도 있습니다. 카테고리, 태그, 구성, 장소 및 기타 사용자 정의 필터를 모두 선택할 수 있습니다.

인쇄 화면 Timely 이벤트 관리 시스템 삽입 코드 필터 설정

캐러셀 삽입 코드 고급 설정 및 필터를 사용자 정의한 후 계속해서 삽입 코드를 생성할 수 있습니다. 아래 지침을 따르십시오.

  1. 클릭 위젯 코드(귀하의 웹사이트에 복사하세요) 필터링하고 옵션을 선택하세요 iFrame 삽입 – 자바스크립트.
  2. 클릭 스니펫 복사 버튼을 눌러 임베드 코드를 복사하세요.
인쇄 화면 Timely 이벤트 관리 시스템 삽입 코드 생성기

다음으로, 웹사이트 백엔드에 코드를 붙여넣기만 하면 됩니다. Timely 이벤트 캐러셀. 다음 콘텐츠 관리 시스템에 캐러셀 위젯 코드를 삽입하는 방법에 대한 자세한 지침을 보려면 아래 링크를 클릭하세요.

설치 방법에 대한 지침은 Timely 다른 CMS나 모바일 애플리케이션의 캘린더와 위젯을 이용해 주세요. 고객 지원에 문의.

더 많은 사용자 지침을 보려면 다음 페이지로 이동하세요. 지원 센터. 질문이 있거나 추가 도움이 필요한 경우, 주저하지 말고 여기를 클릭해주세요.. 또는 다음에서 지원 티켓을 열 수 있습니다. Timely 계정의 대시보드.