웹사이트 위젯

Social Media Icons Widget Examples

플로팅 크리에이터 도크에서 미니멀한 바닥글 행에 이르기까지 실제 소셜 미디어 아이콘 위젯 설정을 비교하고 레이아웃, 배치, 색상, 아이콘 모양, 호버 효과가 동일한 위젯을 어떻게 변경하는지 확인하세요. 사이트에 맞는 스타일을 찾은 다음 자신만의 버전을 무료로 만들어보세요.

수직 소셜 미디어 아이콘 위젯 예시

플로팅 수직 도크로 크리에이터의 주요 채널을 한 번의 탭으로 유지하세요. 각 플랫폼의 브랜드 색상이 적용된 둥근 아이콘, 호버 툴팁, 가벼운 플라이 효과가 현대적이고 앱과 같은 느낌을 줍니다.

표시된 맞춤 설정

플로팅수직Brand colorsTooltips

B2B 바닥글 소셜 미디어 아이콘 위젯 예시

맞춤형 슬레이트 블루 팔레트의 기호 전용 아이콘으로 회사 바닥글에 차분하고 전문적인 마무리를 더하세요. 오른쪽 정렬과 컴팩트한 크기가 행을 눈에 띄지 않게 유지하며, 호버 시의 미묘한 불투명도 변화가 세련미를 더합니다.

표시된 맞춤 설정

기호만사용자 지정 색상 Opacity오른쪽 정렬

모바일 소셜 미디어 아이콘 위젯 예시

서비스 비즈니스를 위해 제작된 플로팅 하단 바를 사용해 WhatsApp, 전화, 이메일을 엄지손가락 한 번 탭으로 이용할 수 있게 하세요. 맞춤형 녹색 팔레트의 큰 원형 버튼, 툴팁 레이블, 바운스 애니메이션이 모바일에서 행을 쉽게 찾고 사용할 수 있게 해줍니다.

표시된 맞춤 설정

연락처 링크플로팅 하단원형 모양바운스 호버

다크 캠페인 소셜 미디어 아이콘 예시

출시 또는 이벤트 페이지에 어두운 브랜드 소셜 스트립을 맞춰보세요. 정사각형 아이콘, 넉넉한 간격, 줌 효과가 있는 고대비 파란색 호버 색상이 캠페인 비주얼과 경쟁하지 않으면서 행을 돋보이게 합니다.

표시된 맞춤 설정

정사각형 모양Custom colorsHover colors줌 호버

커뮤니티 사이드바 소셜 미디어 아이콘 예시

겹쳐진 3D 스타일 아이콘의 플로팅 사이드바로 방문자를 Discord, Reddit, Telegram으로 안내하세요. 브랜드 색상과 호버 시의 재미있는 바운스 효과가 페이지를 어수선하게 만들지 않으면서 클릭을 유도합니다.

표시된 맞춤 설정

3D 스타일수직Brand colors공간

Jform 양식 빌더로 리드를 유료 고객으로 전환하세요

Jform과 함께 참여를 행동으로 전환하세요. 리드를 확보하고, 결제를 수집하며, 응답을 자동화하는 강력한 양식을 한 곳에서 만들어보세요. 모든 제출물은 Jform 받은편지함에 저장되어 후속 조치를 취하거나 즐겨 사용하는 앱에 연결할 준비가 됩니다.

시작하기 — 무료입니다!
Convert leads into customers