메인 콘텐츠로 건너뛰기
모든 콜렉션이벤트 앱디자인 및 사용자 정의
위젯을 사용하여 Event App 콘텐츠 임베드
위젯을 사용하여 Event App 콘텐츠 임베드

편리한 임베드 위젯을 사용하여 웹사이트에 세션, 연사, 스폰서, 전시자 및 사용자 정의 목록 기능 콘텐츠를 표시합니다.

Daniel Murphey avatar
작성자: Daniel Murphey
1주 전에 업데이트함

이 기사는 기계 번역을 사용하여 영어에서 번역되었습니다.

참석자가 네트워크를 구축하고, 즐기고, 의미 있게 참여하는 데 필요한 모든 기능과 정보를 갖춘 Event App 구축하는 것은 모든 노력의 가치가 있습니다. Event App 넘어 웹사이트나 파트너 웹사이트로 그 정보 중 일부를 퍼뜨리고 싶다면 어떨까요? 위젯이 구해줄 겁니다! 🦸‍♀️

이벤트 웹사이트에 내장된 스피커 유형 위젯입니다.

위젯은 등록되지 않은 사이트 방문자에게 이벤트에서 무엇을 기대해야 할지 아이디어를 제공하여 등록을 촉진하는 좋은 방법입니다. 주요 연사와 세션을 강조하고, 최고의 스폰서에게 감사를 표하는 등의 위젯을 임베드하세요!

위젯 만들기

  1. ' Event App' 아래의 이벤트 탐색 모음에서 홍보를 클릭합니다.

  2. 위젯을 클릭합니다.

  3. 새 위젯 버튼을 클릭하세요.

  4. '새 위젯' 모달에서 기능 유형 드롭다운을 클릭하고 위젯을 만드는 데 사용할 기능을 선택합니다. 기능은 다음과 같습니다.

    • 의제

    • 스피커

    • 스폰서

    • 전시자

    • 사용자 정의 목록

      방금 설명한 단계입니다.

어떤 유형을 선택하든 위젯을 만드는 방법은 동일하므로 다음 지침에서는 '스피커' 기능 유형을 표시하고 참조합니다.

아이템 선택

  1. 기능 유형을 선택한 후 위젯 이름을 입력합니다. 이 이름은 위젯을 임베드할 때 위젯의 항목 위에 나타납니다.

    새로운 위젯 모달. 스피커가 기능 유형으로 선택되었습니다.
  2. 다음으로, 스피커 추가 버튼을 클릭합니다.

  3. '스피커 추가' 모달에서 위젯에 표시할 항목 옆의 상자를 체크합니다(최대 100개 항목). Event App 에 동일한 기능 유형의 인스턴스가 여러 개 있는 경우 '기능 이름' 열에 각 항목이 속한 기능이 표시됩니다.

    스피커 추가 모달.
  4. 항목 추가가 끝나면 스피커 추가를 클릭하여 모달을 닫습니다.

  5. '새 위젯' 모달로 돌아가면 추가한 항목이 '선택됨' ​​영역에 나타납니다. 6개 점 클러스터를 클릭하고 드래그하여 위젯에 항목이 나타나는 순서를 변경합니다.

  6. 위젯에서 항목을 제거하려면 항목 옆에 있는 설정 ( ) 아이콘을 클릭하세요.

    사용자가 두 항목을 재정비하고 있습니다. 다른 항목의 설정 메뉴가 확장되었습니다.
  7. 변경 사항 저장을 클릭하면 위젯 생성이 완료됩니다. 🎉

원하는 만큼 위젯을 만들 때까지 이 단계를 반복하세요.

위젯 관리

만든 위젯은 위젯 페이지에 나타납니다. 위젯 코드 복사 버튼을 클릭하여 웹사이트에 위젯을 임베드하거나 설정 ( ) 아이콘을 클릭합니다. 위젯을 선택하거나 미리 보거나 삭제하려면 다음을 클릭하세요.

위젯 페이지. 위젯의 설정 메뉴가 확장됩니다.

위젯 미리보기 및 모양 설정

위젯 옆에 있는 설정 ( ) 아이콘을 클릭한 다음 미리보기를 클릭합니다. 미리보기 페이지에서 위젯의 모양을 사용자 정의하는 방법은 여러 가지가 있습니다.

이 이미지 아래 목록에 해당하는 번호가 매겨진 표시기가 있는 스피커 위젯 미리보기 페이지입니다.
  1. 헤더 표시 - 위젯 상단에 기본적으로 표시되는 이벤트 아이콘, 이름 및 날짜를 ​​숨기려면 이 상자의 선택을 취소하세요.

  2. 배경 표시 - 기본적으로 위젯 요소 뒤에 나타나는 흰색 또는 검은색 배경을 숨기려면 이 상자의 선택을 취소합니다. 배경을 숨기면 위젯이 투명해지므로 대신 웹사이트의 배경이 위젯 항목 뒤에 나타납니다.

  3. 위젯 이름 표시 - 위젯의 표시 이름을 숨기려면 이 상자의 선택을 취소하세요.

    1. 트랙 표시(일정에만 해당) - 위젯에서 트랙 버블을 숨기려면 이 상자의 선택을 취소하세요.

    2. 발표자 표시(의제에만 해당) - 위젯에서 발표자 아이콘과 이름을 숨기려면 이 상자의 선택을 취소하세요.

  4. 위젯 보기(일정 제외) - '격자 보기' 또는 '회전형 보기' 중에서 선택합니다. '격자 보기'는 3개 행으로 최대 9개 항목을 표시합니다. 위젯에 9개 이상의 항목이 있는 경우 사용자는 스크롤하여 더 많은 항목을 표시할 수 있습니다. '회전형 보기'는 처음 3개 항목을 표시하고 사용자는 위젯의 양쪽에 있는 화살표를 클릭하여 더 많은 항목을 표시할 수 있습니다.

  5. 다크 모드 - 이 토글을 활성화하면 어두운 배경에 흰색 텍스트가 표시됩니다.

💡 다크 모드를 활성화하거나 배경을 제거한 경우 위젯을 삽입한 후 웹사이트에서 위젯이 어떻게 작동하는지 주의 깊게 검사하세요.

설정을 조정하면 미리보기가 업데이트되어 선택 사항이 반영됩니다.

설정 조정이 끝나면 페이지 하단에 있는 변경 사항 저장을 클릭하세요.

위젯 코드 복사

위젯 페이지에서 위젯 코드 복사 버튼을 클릭하기만 하면 코드를 즉시 복사하여 웹사이트에 삽입할 수 있습니다. 귀하 또는 함께 일하는 누군가가 그 방법을 알고 있다고 믿습니다. 😉

위젯 페이지의 위젯 코드 복사 버튼.

실제 위젯

웹사이트에 위젯을 임베드한 후 언제든지 위젯에서 항목을 추가하거나 제거하면 위젯이 자동으로 업데이트됩니다. 위젯 코드를 다시 복사할 필요가 없습니다. 🙌

💡 새로운 기능 항목은 위젯에 자동으로 추가되지 않는다는 점을 명심하세요. 항목을 수동으로 선택해야 합니다.

'회전형 보기'로 설정된 위젯은 아래 이미지에서 설명한 대로 처음 세 개의 항목을 표시합니다. 이 보기의 양쪽에 있는 화살표를 사용하면 웹사이트 방문자가 스크롤하여 더 많은 항목을 볼 수 있습니다. '격자 보기'로 설정된 위젯은 최대 9개 항목을 표시하고 사용자는 위젯 내에서 자유롭게 스크롤하여 더 많은 항목을 볼 수 있습니다.

웹사이트에 내장된 회전형 보기로 설정된 스폰서 위젯입니다.

웹사이트 방문자가 위젯 항목을 클릭하면 방문자가 해당 항목에 대한 자세한 내용을 읽을 수 있는 곳이 표시됩니다.

세션 세부 정보가 일정 위젯에 팝업으로 나타납니다.

💡 부스 커버 이미지는 위젯의 항목 세부 정보에 나타나지 않습니다.

이제 콘텐츠 위젯을 만드는 방법을 알게 되었습니다. Webex Events Registration 티켓 옵션을 임베드 할 수도 있다는 사실을 알고 계셨나요?

질문이 있으신가요? 채팅이나 이메일 support@socio.events 로 문의하세요.

답변이 도움되었나요?