--- url: 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/html' title: 'Dodawanie elementu HTML | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T01:35:02+00:00' updated: '2026-10-24T09:09:48+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Otrzymujesz miejsce na stronie, w którym działa twój własny kod, na przykład wpis społecznościowy albo widżet rezerwacji. Użyj go, gdy osadzenie zewnętrzne albo własny kod nie ma pasującego elementu.' tags: - 'Text and media' 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 elementu HTML' description: 'Otrzymujesz miejsce na stronie, w którym działa twój własny kod, na przykład wpis społecznościowy albo widżet rezerwacji. Użyj go, gdy osadzenie zewnętrzne albo własny kod nie ma pasującego elementu.' 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:02+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/html' articleSection: 'Tekst i media' - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/documentation/learn-dxpr-builder/elements/html' description: 'Otrzymujesz miejsce na stronie, w którym działa twój własny kod, na przykład wpis społecznościowy albo widżet rezerwacji. Użyj go, gdy osadzenie zewnętrzne albo własny kod nie ma pasującego elementu.' 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 --- [Centrum pomocy](/pl/hc)/[Dokumentacja](/pl/hc/documentation) /[Poznaj DXPR Builder](/pl/hc/documentation/learn-dxpr-builder) /[Buduj strony](/pl/hc/documentation/learn-dxpr-builder/build) /[Dodaj treści](/pl/hc/documentation/learn-dxpr-builder/elements) /[Tekst i media](/pl/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Dodawanie elementu HTML. Poznaj DXPR BuilderBuduj stronyDodaj treściTekst i media ## W tym przewodniku Powiązane przewodniki - [Zmień wygląd elementu w panelu Styl](/pl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) Otrzymujesz miejsce na stronie, w którym działa twój własny kod, na przykład wpis społecznościowy albo widżet rezerwacji. Użyj go, gdy osadzenie zewnętrzne albo własny kod nie ma pasującego elementu. ## Dodaj element HTML 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 **HTML**. Element pojawi się na górze kolumny i otworzy się okno ustawień. 2. Skopiuj kod osadzenia z opcji Embed albo Share w serwisie. Wklej go do edytora **Raw HTML**. 3. Kliknij **Zapisz** w oknie dialogowym. Następnie kliknij **Zapisz** na pasku narzędzi u góry obszaru treści, aby zapisać stronę. ## Co widzisz Twoje osadzenie działa w edytorze, gdy tylko klikniesz **Zapisz** w oknie dialogowym, ponieważ kreator też uruchamia tam jego skrypt. Na filmie kalendarz Google z amerykańskimi świętami pokazuje się, gdy tylko okno się zamknie. Odwiedzający zobaczą go po zapisaniu i opublikowaniu strony. ## Skonfiguruj element HTML Najedź na element i otwórz **More > Settings** na jego pasku sterowania. Opcje: - **Raw HTML:** edytor kodu dla HTML, CSS albo JavaScript. Skrypty działają w edytorze i na opublikowanej stronie. - **HTML ID:** opcjonalne ID, aby wskazać element przez CSS albo JavaScript. - **HTML classes:** opcjonalne klasy CSS dla otoki elementu. ## Jeśli go nie widać - **HTML nie występuje w zakładce Treść.** Twój profil użytkownika go ukrywa. Poproś administratora o włączenie go na stronie [Profile użytkowników](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Zniknął po przeładowaniu.** Strona nie została zapisana. Dodaj go ponownie i kliknij **Zapisz** na pasku narzędzi u góry obszaru treści. - **Osadzenie pokazuje się jako zwykły tekst albo nagi cytat.** Skrypt osadzenia jeszcze się nie wczytał albo brakuje jego wiersza `