---
url: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/social-links'
title: 'Dodawanie linków społecznościowych | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T01:35:30+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Otrzymujesz rząd ikon marek linkujących do twoich profili społecznościowych. Użyj go w stopce, na pasku bocznym albo w sekcji kontaktowej, aby odwiedzający mogli cię znaleźć i obserwować.'
tags:
  - Marketing
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Dodawanie linków społecznościowych'
      description: 'Otrzymujesz rząd ikon marek linkujących do twoich profili społecznościowych. Użyj go w stopce, na pasku bocznym albo w sekcji kontaktowej, aby odwiedzający mogli cię znaleźć i obserwować.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T01:35:30+0000'
      dateModified: '2026-10-24T09:09:48+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/social-links'
      articleSection: Marketing
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/social-links'
      description: 'Otrzymujesz rząd ikon marek linkujących do twoich profili społecznościowych. Użyj go w stopce, na pasku bocznym albo w sekcji kontaktowej, aby odwiedzający mogli cię znaleźć i obserwować.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 'Strona Główna'
            item: 'https://dxpr.com/pl'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: pl
---
[Help Center](/pl/hc)/[Documentation](/pl/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/hc/documentation/learn-dxpr-builder/elements/marketing) # Dodawanie linków społecznościowych.

 Learn DXPR BuilderBuild pagesAdd contentMarketing

   ## In this guide

 Related guides

- [Zmień wygląd elementu w panelu Styl](/pl/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

Otrzymujesz rząd ikon marek linkujących do twoich profili społecznościowych. Użyj go w stopce, na pasku bocznym albo w sekcji kontaktowej, aby odwiedzający mogli cię znaleźć i obserwować.

## Dodaj element linków społecznościowych

Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. [Twoja pierwsza strona](/hc/documentation/learn-dxpr-builder/getting-started/first-page) przedstawia podstawy.

1. Najedź na kolumnę i kliknij **+** na jej pasku sterowania albo kliknij **Add Elements** na pustej stronie. Otwórz zakładkę **Treść** i kliknij **linki społecznościowe**. Element pojawi się na górze kolumny i otworzy się okno ustawień.
2. W sekcji **Linki społecznościowe** zastąp dwa przykładowe wiersze swoimi kontami. Kliknij **Add link** dla każdego kolejnego konta. Zacznij wpisywać markę, wybierz ją z podpowiedzi i wpisz URL, na przykład `https://github.com/dxpr`.
3. Wybierz **Styl** kształtu ikony. To pole u góry okna, nie panel Styl niżej. Tutaj jest to **Circle**.
4. Wybierz **Rozmiar** ikon. Tutaj jest to **3x**.
5. Kliknij nagłówek **Icon colors**, aby go rozwinąć, i ustaw **Background color** na **Brand color**.
6. W sekcji **Color** wybierz próbkę z palety. Paleta pokazuje się, ponieważ **Color** jest domyślnie ustawiony na **Custom**. Tutaj jest to kolor prawie biały.
7. Kliknij **Zapisz** w oknie dialogowym. Następnie kliknij **Zapisz** na pasku narzędzi u góry obszaru treści, aby zapisać stronę.

  ## Co widzisz

Dodane konta pojawiają się jako rząd ikon, a każda ikona otwiera swój profil. Na filmie LinkedIn, GitHub i Drupal pokazują się jako duże koła w kolorach marek z białymi logo. Odwiedzający zobaczą je po zapisaniu i opublikowaniu strony.

## Skonfiguruj linki społecznościowe

Najedź na element i otwórz **More > Settings** na jego pasku sterowania. Opcje:

- **Linki społecznościowe:** jeden wiersz na ikonę, z nazwą marki i adresem URL profilu. Kliknij Add link dla kolejnego wiersza, a strzałkami zmień kolejność.
- **Układ:** Inline ustawia ikony w rząd. Stacked ustawia każdą ikonę w osobnym wierszu.
- **Styl:** kształt ikony: None, Rounded, Circle albo Square.
- **Rozmiar:** Small, Large albo od 2x do 5x.
- **Efekty najechania CSS3:** None, Disc albo Pulse. Każdy efekt zamienia ikonę w koło.
- **Kolor:** kolor logo: Brand color, Custom albo Inherit. Custom pokazuje paletę, a Inherit używa koloru otaczającego tekstu.
- **Kolor tła:** wypełnienie kształtu, z tymi samymi trzema opcjami.

**Kolor** i **Kolor tła** znajdują się pod nagłówkiem **Icon colors**. Kliknij go, aby je otworzyć.

## Jeśli ich nie widać

- **Linki społecznościowe nie występują w zakładce Treść.** Twój profil użytkownika je ukrywa. Poproś administratora o włączenie ich na stronie [Profile użytkowników](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **Zniknęły po przeładowaniu.** Strona nie została zapisana. Dodaj je ponownie i kliknij **Zapisz** na pasku narzędzi u góry obszaru treści.
- **Brakuje ikony.** Jej wiersz nie ma marki albo adresu URL, więc element go pomija. Wypełnij oba pola tego wiersza.
- **Kształt pokazuje się bez logo.** Nazwa marki nie ma pasującej ikony, a wiersz mówi „No matching brand icon found”. Wybierz markę z podpowiedzi podczas wpisywania.
- **Ikona otwiera złą stronę.** URL w tym wierszu jest błędny albo niepełny. Najedź na element i otwórz **More > Settings**, a następnie sprawdź, czy każdy URL zaczyna się od `https://`.

## Co dalej?

[Panel Styl](/pl/hc/documentation/learn-dxpr-builder/element-settings/style-tab), aby zmienić odstępy i tło linków społecznościowych.