퍼가기 코드

이벤트 슬라이더에 대한 포함 코드를 설정하는 방법

이 게시물을 공유하세요

와 Timely 계정을 사용하면 웹사이트에 이벤트 슬라이더를 쉽게 삽입하여 온라인으로 이벤트를 표시할 수 있습니다. 슬라이더 위젯을 삽입하면 게시된 이벤트에 대한 모든 변경 사항이 웹사이트에 자동으로 업데이트됩니다. 이 게시물에서는 이벤트 슬라이더에 대한 삽입 코드를 설정하는 모든 단계를 배우게 됩니다.

1. 웹사이트에 이벤트 슬라이더를 두는 것의 이점

온라인 이벤트 캘린더를 활용하는 것은 간단합니다. Timely. 특정 이벤트를 강조하려면 웹사이트에 아름답고 매력적인 이벤트 슬라이더를 추가하는 것이 좋습니다.

Timely 이벤트 슬라이더 위젯은 웹사이트에 이벤트를 표시하는 효과적인 방법입니다. 슬라이더 보기를 사용하면 이벤트를 슬라이드쇼로 표시할 수 있습니다. 슬라이더는 슬라이드당 하나의 이벤트를 표시하여 이벤트 인식과 참여도를 높입니다. 우리의 실제 사례를 확인하세요 이벤트 슬라이더 위젯 데모 페이지.

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

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

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

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

3. 이벤트 슬라이더 삽입 코드 설정

CMS에 이벤트 슬라이더 삽입 코드를 추가하면 아름다운 슬라이더 위젯에 제한된 수의 이벤트를 게시할 수 있습니다. 슬라이더에 표시하려는 특정 유형의 이벤트가 있는 경우 위젯 포함 코드를 사용자 정의하는 것이 좋습니다.

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

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

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

4. 고급 설정

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

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

최대 슬라이더 너비

이 기능을 사용하면 웹페이지에서 이 위젯에 사용 가능한 공간에 따라 슬라이더의 최대 너비를 선택할 수 있습니다.

인쇄 화면 Timely 이벤트 관리 시스템 최대 슬라이더 너비 설정

슬라이더 지연 시간

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

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

날짜 범위

원하는 경우 슬라이더 위젯에 표시될 이벤트의 날짜 범위를 선택할 수 있습니다. 옵션은 다음과 같습니다.

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

캘린더에 추천으로 표시된 이벤트만 표시하려면 확인란을 선택하면 됩니다. 주요 이벤트.

인쇄 화면 Timely 이벤트 관리 시스템 슬라이더 추천 이벤트 설정

5. 필터

또한 미리 설정된 필터를 적용하여 슬라이더에 표시할 이벤트를 결정할 수 있습니다. 카테고리, 태그, 구성, 장소 및 기타 사용자 정의 필터를 모두 선택할 수 있습니다. 이렇게 하면 고객에게 보여주고 싶은 이벤트만 표시하는 데 도움이 됩니다.

인쇄 화면 Timely 이벤트 관리 시스템 슬라이더 필터 설정

6. Slider iFrame 삽입 코드 복사

슬라이더 포함 코드 고급 설정 및 필터를 사용자 정의한 후 계속해서 포함 코드를 생성할 수 있습니다. 아래 지침을 따르십시오.

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

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

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

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