Want to show social media information on your sites so visitors can easily connect with you, like and follow your profiles? With ElementsKit, you can customize social media icons relevant to your overall website design.

Step 1- Add Social Media Widget #

• Use an existing page or insert a new one and enable the Elementor.
• Use the search box in the widgets sidebar to find the “소셜 미디어” widget.
• 위젯을 드래그 앤 드롭하세요.

Step 2- Choose Icon Style #

• You can choose icon style between 상 & 텍스트 or show both. If the “둘 다” option is selected, the following two settings will reveal:
  • 아이콘 위치: Set icon position before or after text.
  • Spacing Left: Set the spacing between the text and the icon.

Step 3- Set Social Media Icon Position #

Use the “조정” option to define your social icon placements. (Left, Center, Right)

Step 4- Add Social Media Icons #

• This widget automatically loads with three popular social icons: Facebook, Twitter, & Linkedin.
• Keep them or delete them as your wish.
• You can add more social icons using the “+Add Item"버튼.

Tip:  If you want multiple social icons with the same design, you just need to customize one and copy it. Then, modify the icon and label only.

Step 5- Customize Social Media Icons #

• Click on any social media icons and it will expand with various customizing features.
• Using them, you can add other social media icons.
• 상: Insert an icon from the icon library or upload an SVG file of your icon.
• 상표: Add or edit text for the social icon label.
• 링크: Add social media URLs that will follow after clicking on the icon or text. Also, click the setting option it opens up the following settings:
  • Check the “Open in new window” box to open the URL on a new browser tab.
  • Check the “Add nofollow” box to not pass authority to that social site.
  • Use the “Custom Attributes” box to set custom attributes for the link elements.

Next, the following features are available for both 정상 그리고 호버 모드.

• 색상: Choose a color for the social icon & text.
• 배경색: Select the color for social icon & text background.
• 테두리 유형: Set a border for the social icon & text. If you select a border other than the “기본” option, you will see the next two settings:
  • 너비: 테두리의 너비를 정의합니다.
  • 색상: 테두리의 색상을 선택하세요.
• 텍스트 그림자: Add & control text shadow with settings like Color, Blur, Horizontal, and Vertical.
• 박스 섀도우: Give shadow to the box and apply controlling features like Color, Blur, Horizontal, Vertical, Spread, and position.

You’re done with all the feature settings. Now, you know to display your social media profiles on Elementor’s website. It will help you to boost your overall marketing outcome.