저축이 너무 좋아서 무섭기도 해요!

까지

80%
저금

종료 날짜:
Wpmet 기호
시간
최소
비서

WhatsApp 위젯

ElementsKit WhatsApp 위젯을 사용하여 웹사이트에 WhatsApp 연락처 지원을 포함할 수 있습니다. 위젯을 Elementor 디자인 편집기로 끌어서 놓기만 하면 됩니다. WhatsApp 버튼 받기 웹사이트에서 원활하게.

WhatsApp은 오늘날 가장 인기 있는 보안 메시징 옵션 중 하나입니다. 사람들은 인스턴트 메시징 미디어로 선호합니다. 따라서 이 위젯은 고객의 즉각적인 질문, 관심사 및 요청을 듣는 데 유용합니다.

ElementsKit의 Elementor WhatsApp 버튼 위젯을 사용하는 방법을 알아보려면 이 설명서를 읽어보세요.

1단계: 웹사이트에서 Elementor WhatsApp 버튼 받기 - ElementsKit #

웹사이트에 WhatsApp 버튼을 추가하려면 먼저 ElementsKit WhatsApp 위젯을 활성화한 다음, Elementor 편집기를 열고 위젯을 디자인 영역으로 끌어다 놓으세요.

WhatsApp 위젯 활성화: #

위젯을 활성화하려면:

  1. 로 이동 ElementsKit > 위젯.
  2. 쿠폰 코드를 찾아보세요. 위젯 활성화.
  3. 변경 사항 저장을 클릭하세요..

위젯을 드래그 앤 드롭하세요: #

그런 다음, ElementsKit Content Ticker 위젯을 Elementor 편집기의 디자인 영역으로 끌어다 놓습니다.

2단계: WhatsApp 위젯 구성 #

ElementsKit WhatsApp 위젯의 헤더, 본문, 푸터, 버튼 및 설정을 구성할 수 있습니다.

머리글 #

  1. 프로필 사진 선택: WhatsApp 채팅창에 프로필 사진을 추가할 수 있습니다. 사진을 업로드하거나 WordPress 미디어 라이브러리에서 사진을 선택하세요.
  2. 사용자 이름: 사용자 이름 필드에 이름을 입력하세요.
  3. 사용자 텍스트: 사용자 이름 아래에 표시되는 짧은 텍스트를 입력할 수 있습니다.
  4. 활성 점 활성화: 활성 상태를 표시하려면 활성 점을 활성화하세요.
  1. 사용자 정의 활성 시간 활성화(Active Dot이 활성화된 경우 사용 가능): 이 기능을 활성화하면 하루 중 특정 시간대에 대한 활성 상태를 표시할 수 있습니다. 활성화하면 다음 옵션을 사용할 수 있습니다.
    • 시작 시간: 온라인에 접속할 시간을 설정하세요.
    • 종료 시간: 더 이상 온라인에 접속할 수 없는 시간을 설정하세요.
    • 휴일을 선택하세요: 휴무일을 선택하세요.
    • 휴가 메시지를 입력하세요: 휴가 중일 때 고객에게 보낼 메시지를 설정할 수 있습니다.

#

  1. 로더 활성화: 이 기능을 활성화하면, 입력할 때 사용자 화면에 입력 애니메이션이 나타납니다.
  2. 사용자 이름 표시: 이 옵션을 활성화하면 메시지에 사용자 이름을 표시할 수 있습니다.
  3. 질문하는 텍스트: 이 텍스트는 사용자가 WhatsApp 버튼을 클릭하면 기본적으로 나타납니다.

보행인 #

ElementsKit WhatsApp 위젯에는 푸터 섹션에 대한 세 가지 스타일이 제공됩니다.

스타일: 입력

사용자가 메시지를 작성하고 보낼 수 있는 간단한 채팅 필드입니다.

  1. 스타일 선택: 스타일을 선택하세요.입력".
  2. 입력 자리 표시자: 자리 표시자 텍스트를 입력하세요.
  3. 링크 옵션 열기: 사용자가 보내기 버튼을 클릭하면 리디렉션될 위치를 선택합니다. 사용 가능한 옵션은 세 가지입니다. 1. 동일한 페이지, 2. 새 탭, 3. 팝업.

스타일: 버튼

이 스타일에서는 버튼이 나타납니다. 버튼을 클릭하면 사용자는 WhatsApp 웹을 사용하여 메시지를 보낼 수 있습니다.

  1. 스타일 선택: 스타일을 선택하세요.단추".
  2. 상: 메시지 버튼에 아이콘을 추가할 수 있습니다. SVG로 아이콘을 업로드하거나 Elementor 아이콘 라이브러리에서 하나를 선택하세요.
  3. 텍스트: 버튼 텍스트를 입력하세요.
  4. 링크 옵션 열기: 사용자가 보내기 버튼을 클릭하면 다음 중 하나로 리디렉션될 수 있습니다: 1. 같은 페이지, 2. 새 탭, 3. 팝업.

스타일: 내부 입력

간단한 채팅 필드이지만 필드가 WhatsApp 창 안으로 접혀 있습니다.

  1. 스타일 선택: 스타일을 선택하세요.내부 입력“.
  2. 입력 자리 표시자: 자리 표시자 텍스트를 입력하세요.
  3. 링크 옵션 열기: 사용자가 보내기 버튼을 클릭하면 리디렉션될 위치를 선택합니다. 사용 가능한 옵션은 세 가지입니다. 1. 동일한 페이지, 2. 새 탭, 3. 팝업.

단추 #

  1. 스타일 선택: 주어진 옵션에서 버튼 스타일을 선택하세요.
  2. 상: Elementor WhatsApp 버튼에 대한 아이콘을 추가할 수 있습니다(선택한 스타일에 아이콘 옵션이 있는 경우).
  3. 텍스트: 버튼에 텍스트를 추가합니다(선택한 스타일에 아이콘 옵션이 있는 경우).
  1. 고정 위치 비활성화: OFF일 경우 버튼 위치가 고정됩니다. 그렇지 않으면 버튼 위치를 변경할 수 있습니다.
  2. 위치 (사용자 지정): 고정 위치가 비활성화된 경우 버튼 위치를 변경할 수 있습니다.

설정 #

  1. WhatsApp 번호: 여기서 WhatsApp 서비스 연락처 번호를 입력할 수 있습니다. 이는 사용자를 위한 WhatsApp 위젯을 설정한 번호입니다.
  2. 처음부터 표시: 설정하시면 보여주다 그러면 방문자가 귀하의 웹사이트를 방문할 때 처음부터 채팅 상자가 나타납니다. 그리고 귀하가 설정한 경우 숨다 그러면 상대방은 아이콘만 보고 채팅을 시작하려면 아이콘을 클릭해야 합니다.

3단계: Elementor WhatsApp 버튼 사용자 정의 #

ElementsKit을 사용하면 WhatsApp 버튼과 채팅 상자의 스타일과 모양을 변경할 수 있습니다.

끈끈한 버튼 #

  1. 버튼 폭: WhatsApp 연락처 버튼의 너비를 조정할 수 있습니다.
  2. 버튼 높이: WhatsApp 연락처 버튼의 높이를 조정할 수도 있습니다.
  3. 국경 반경: border-radius를 사용하여 버튼의 모양을 변경합니다.
  4. 버튼 배경: WhatsApp 버튼의 색상을 선택하세요.
  5. 심: 버튼의 패딩을 조정합니다.
  1. 아이콘 색상: 버튼이 있는 WhatsApp 아이콘의 색상을 선택하세요.
  2. 아이콘 배경: 아이콘의 배경색을 선택하세요.
  3. 아이콘 크기: 아이콘 크기를 조정합니다.
  4. 아이콘 패딩: 버튼 아이콘의 패딩을 조정할 수 있습니다.
  1. 텍스트 색상: 버튼 텍스트의 색상을 선택하세요.
  2. 타이포그래피: 버튼 텍스트의 인쇄체를 설정합니다.
  3. 사이의 공간: 버튼 텍스트와 아이콘 사이의 간격을 조정합니다.

머리글 #

  1. 헤더 배경: WhatsApp 채팅 상자의 헤더 배경색을 선택하세요.
  2. 사용자 이미지 스타일 – 테두리 유형, 너비 및 색상: 사용자 이미지에 대한 테두리 유형을 선택하고, 테두리 너비를 설정하고, 테두리 색상을 선택할 수 있습니다.
  1. 사용자 이름 색상: 헤더의 사용자 이름에 대한 색상을 선택하세요.
  2. 사용자 텍스트 색상: 사용자 이름 아래에 있는 텍스트의 색상을 선택하세요.
  3. 사용자 타이포그래피: 헤더에서 사용자 이름에 대한 타이포그래피를 설정합니다.
  4. 사용자 텍스트 타이포그래피: 사용자 이름 아래에 있는 텍스트의 인쇄 형식을 설정합니다.
  1. 활성/비활성 도트 – 크기: 활성/비활성 점의 크기를 조정합니다.
  2. 활성/비활성 도트 - 테두리 색상: 활성/비활성 점의 테두리 색상을 선택하세요.
  3. 닫기 아이콘 – 색상: 채팅 상자 닫기 아이콘의 색상을 설정합니다.
  4. 닫기 아이콘 – 호버 색상: 채팅 상자에 마우스를 올렸을 때 나타나는 닫기 아이콘의 색상을 선택하세요.

#

  1. 테마 색상: 본문 부분의 색상을 선택하세요.
  2. 텍스트 색상 요청: 메시지 텍스트 색상을 선택하세요.
  3. 텍스트 타이포그래피 요청: 메시지 텍스트의 인쇄 방식을 설정합니다.

보행인 #

  1. 입력 자리 표시자 색상: 입력 필드의 플레이스홀더 텍스트에 대한 색상을 선택하세요.
  2. 입력 자리 표시자 타이포그래피: 입력 필드의 플레이스홀더 텍스트에 대한 인쇄술을 설정합니다.

콘텐츠 래퍼 #

이 섹션에서는 다음을 조정할 수 있습니다. WhatsApp 채팅 상자의 너비.

WhatsApp 위젯처럼 ElementsKit에는 Elementor를 위한 수백 개의 고급 요소가 포함되어 있습니다. ElementsKit을 받고 이러한 요소를 사용하여 기능이 가득한 WordPress 웹사이트를 구축하세요.

당신의 감정은 무엇입니까?
2024년 1월 28일 업데이트