Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Dodawanie linków do płatności do treści

Data ostatniej aktualizacji: 23 października 2025

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Dowiedz się, jak dodać link do płatności do swojej witryny HubSpot, marketingowej wiadomości e-mail lub zewnętrznej witryny, aby klienci mogli płacić bezpośrednio z treści.

Aby dodać link do płatności w swojej witrynie, możesz dodać domyślny moduł płatności do strony lub szablonu typu "przeciągnij i upuść", wiadomości e-mail marketingowej lub dodać kod osadzania linku do płatności do swojej zewnętrznej witryny.

Jeśli jesteś programistą, możesz dodać pole płatności do szablonu lub modułu niestandardowego albo utworzyć niestandardowy moduł płatności.

Dodaj domyślny moduł płatności do swojej strony

Po dodaniu domyślnego modułu płatności do strony, link do płatności pojawi się jako przycisk kasy, który klienci mogą kliknąć, aby wprowadzić szczegóły płatności.

Wymagane uprawnienia Aby dodać moduł płatności, wymagane są uprawnienia do edycji aktualizowanego typu zawartości.

  1. Przejdź do swojej zawartości:
    • Strony witryny: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
    • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
    • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
  2. Kliknij nazwę strony, aby otworzyć edytor.
  3. W lewym górnym rogu kliknij add.
  4. W sekcji Moduły kliknij, aby rozwinąć sekcję Handel.
  5. Kliknij przycisk Payment i przeciągnij go na odpowiednią pozycję na stronie.
  6. W edytorze paska bocznego:
    • W polu Button wprowadź tekst, który ma być wyświetlany na przycisku.
    • W obszarze Cel przycisku:
      • Wybierz opcję Użyj linku do płatności, aby skierować odbiorców do jednego ze swoich linków do płatności.
        • Kliknij menu rozwijane Link do płatności i wybierz link do płatności.
        • W obszarze Zachowanie przy realizacji zakupu wybierz opcję Otwórz w nowej karcie, jeśli chcesz, aby po kliknięciu link do płatności otwierał nową kartę lub okno przeglądarki. Lub kliknij Przesuwana nakładka, jeśli chcesz, aby łącze do płatności było wyświetlane jako nakładka na stronie.
      • Wybierz opcję Inne, aby skierować odbiorców do zewnętrznego łącza lub jednej z witryn lub stron docelowych:
        • Kliknij menu rozwijane Link do i wybierz opcję Zewnętrzny, aby użyć linku zewnętrznego. W polu URL wprowadź adres URL.
        • Kliknij menu rozwijane Link do i wybierz opcję Treść, aby użyć istniejącej witryny lub strony docelowej. Kliknij menu rozwijane Zawartość i wybierz stronę.
        • Włącz przełącznik Otwórz link w nowym oknie, jeśli chcesz, aby po kliknięciu link otwierał nową kartę lub okno przeglądarki.
        • W sekcji Typ linku zaznacz pole wyboru Nie śledź, aby poinformować wyszukiwarki o ignorowaniu linku.
    • Zaznacz pole wyboru Dodaj ikonę, aby dodać ikonę do przycisku.
      • Kliknij menu rozwijane Ikona.
      • Kliknij opcję Zastąp, aby zastąpić istniejącą ikonę.
      • W prawym panelu wyszukaj ikonę. Kliknij ikonę, aby ją zaznaczyć.
      • Kliknij menu rozwijane Pozycja i wybierz pozycję ikony na przycisku.

        Animation of dragging and adding the payments module to a HubSpot page editor.
  7. W prawym górnym rogu kliknij przycisk Aktualizuj lub Publikuj, aby wprowadzić zmiany.
  8. W Menedżerze projektów można również dodać domyślny moduł płatności do szablonu strony.

Dodawanie kodu osadzania do strony zewnętrznej lub modułu niestandardowego

Możesz dodać kod osadzania linku płatności do swojej zewnętrznej strony internetowej lub utworzyć moduł płatności w Menedżerze projektów i dodać kod osadzania do modułu. Po osadzeniu linku do płatności formularz płatności pojawi się bezpośrednio na stronie.

Aby skopiować kod osadzania:

  1. Na koncie HubSpot przejdź do sekcji Handel > Łącza do płatności..
  2. Najedź kursorem na link płatności i kliknij Akcje, a następnie wybierz Osadź.

    Interface showing payment link Actions menu with the Embed option highlighted.
  3. W oknie dialogowym kliknij Kopiuj kod osadzania.

Po skopiowaniu kodu osadzania możesz dodać go bezpośrednio do swojej witryny. Lub, jeśli jesteś programistą, możesz utworzyć nowy moduł i dołączyć pole linku, aby użytkownicy mogli wybierać spośród dostępnych linków do płatności.

Uwaga: tworzenie modułów wymaga znajomości HTML, CSS, HubL i menedżera projektów HubSpot. HubSpot zaleca współpracę z projektantem w celu tworzenia zakodowanych modułów.

Dodawanie linku do płatności do marketingowych wiadomości e-mail

Możesz dodać moduł płatności do swoich e-maili marketingowych. Na przykład, planując wydarzenie, możesz dołączyć link do płatności, który pozwoli kupującemu na zakup biletu bezpośrednio z wiadomości e-mail.

  1. Na koncie HubSpot przejdź do Marketing > E-mail.
  2. Najedź kursorem na istniejącą wersję roboczą wiadomości e-mail i kliknij Edytuj lub kliknij Utwórz wiadomość e-mail, aby utworzyć nową wiadomość e-mail.
  3. W lewym górnym rogu kliknij add.
  4. Na karcie Content, w sekcji Ecommerce, kliknij przycisk Payments i przeciągnij go w odpowiednie miejsce na stronie.

    Animation demonstrating how to add a payment link to a marketing email in HubSpot.
  5. Kliknij menu rozwijane Płatności i wybierz link do płatności.
  6. W polu tekstowym przycisku edytuj wyświetlony tekst. Aby wstawić emoji do pola tekstowego, kliknij ikonę emoji.
  7. Kliknij kartę Style, aby dostosować styl przycisku, w tym typ, rozmiar i kolor czcionki, kolor tła, wyrównanie i wypełnienie.
  8. Zakończ i wyślij wiadomość e-mail.

Gdy kontakt kliknie przycisk łącza płatności, zostanie przeniesiony na stronę realizacji zakupu.

Example of a 'Buy Now' button within a HubSpot email.

Następne kroki

Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.