Dodaj linki do płatności w swoich treściach

Dowiedz się, jak dodać link do płatności na swojej stronie internetowej HubSpot, w e-mailu marketingowym lub na stronie zewnętrznej, aby Twoi klienci mogli dokonywać płatności bezpośrednio z poziomu Twoich treści.

Aby dodać link do płatności na swojej stronie internetowej, możesz dodać domyślny moduł płatności do strony lub szablonu typu „przeciągnij i upuść” albo do marketingowego e-maila, albo dodać kod osadzania linku do płatności na swojej zewnętrznej stronie internetowej.

Jeśli jesteś programistą, możesz dodać pole płatności do swojego motywu lub modułu niestandardowego albo stworzyć własny 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 płatności pojawi się jako przycisk realizacji transakcji, który klienci mogą kliknąć, aby wprowadzić swoje dane płatnicze.

1. Przejdź do swojej treści:
   
   • Strony witryny: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strony w witrynie internetowej. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strony w witrynie internetowej.
   • Strony docelowe: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strona docelowa. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strona docelowa.
   • Blog: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Blog. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Blog.
2. Kliknij nazwę strony, aby otworzyć edytor.
3. W lewym górnym rogu kliknij opcję „ add ”.
4. W sekcji Moduły kliknij, aby rozwinąć sekcję Przychody.
5. Kliknij opcję Płatność i przeciągnij ją w odpowiednie miejsce na stronie.
6. W edytorze paska bocznego:
   • W polu „Button” wpisz tekst, który ma być wyświetlany na przycisku.
   • W sekcji „Button target”:
     • Wybierz opcję Użyj linku płatności, aby przekierować odbiorców do jednego z linków płatności.
       • Kliknij menu rozwijane „Link do płatności ” i wybierz link do płatności.
       • W sekcji Zachowanie podczas realizacji transakcji wybierz opcję Otwórz w nowej karcie, jeśli chcesz, aby po kliknięciu linku płatności otworzyła się nowa karta lub okno przeglądarki. Możesz też kliknąć opcję Przesuwana nakładka, jeśli chcesz, aby link płatności pojawił się jako nakładka na stronie.
     • Wybierz opcję Inne, aby przekierować odbiorców do linku zewnętrznego lub jednej ze stron Twojej witryny lub stron docelowych:
       • Kliknij menu rozwijane Link do i wybierz Zewnętrzny, aby użyć linku zewnętrznego. W polu URL wpisz adres URL.
       • Kliknij menu rozwijane Link do i wybierz opcję Treść, aby użyć istniejącej witryny internetowej lub strony docelowej. Kliknij menu rozwijane Treść i wybierz stronę.
       • Włącz przełącznik Otwórz link w nowym oknie, jeśli chcesz, aby link otwierał nową kartę lub okno przeglądarki po kliknięciu.
       • W sekcji „Typ linku” zaznacz pole wyboru „No follow”, aby poinformować wyszukiwarki o ignorowaniu tego linku.
   • Zaznacz pole wyboru Dodaj ikonę, aby dodać ikonę do przycisku.
     
     • Kliknij menu rozwijane Ikona.
     • Kliknij Zastąp, aby zastąpić istniejącą ikonę.
     • W prawym panelu wyszukaj ikonę. Kliknij ikonę, aby ją wybrać.
     • Kliknij menu rozwijane Pozycja i wybierz położenie ikony na przycisku.
       
       
       
7. W prawym górnym rogu kliknij Aktualizuj lub Opublikuj, aby wprowadzić zmiany na żywo.
8. W Menedżerze projektów możesz również dodać domyślny moduł płatności do szablonu strony.

Dodaj kod 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 płatności formularz płatności pojawi się bezpośrednio na Twojej stronie.

Aby skopiować kod osadzania:

1. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Przychód > Łącze płatności. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Przychód > Łącze płatności.
2. Najedź kursorem na link płatności i kliknij Działania, a następnie wybierz Osadź.
   
   
   
3. W oknie dialogowym kliknij Kopiuj kod osadzania.

Po skopiowaniu kodu osadzania możesz dodać go bezpośrednio do swojej witryny. 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 płatności.

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

Dodaj link do płatności do e-maili marketingowych

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 poziomu wiadomości e-mail.

1. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > E-mail. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > E-mail.
2. Najedź kursorem na istniejący szkic wiadomości e-mail i kliknij Edytuj lub kliknij Utwórz wiadomość e-mail, aby utworzyć nową wiadomość.
3. W lewym górnym rogu kliknij „ add ”.
4. W zakładce „Treść”, w sekcji „E-commerce”, kliknij „Płatności” i przeciągnij element na stronę.
   
   
   
5. Kliknij menu rozwijane Płatności i wybierz link do płatności.
6. W polu tekstowym „Button” edytuj wyświetlany tekst. Aby wstawić emoji do pola tekstowego, kliknij ikonę emoji.
7. Kliknij kartę „Styles”, aby dostosować styl przycisku, w tym rodzaj czcionki, rozmiar i kolor, kolor tła, wyrównanie oraz odstępy.
8. Sfinalizuj i wyślij wiadomość e-mail.

Gdy kontakt kliknie przycisk linku płatności, zostanie przeniesiony na stronę kasy.

Kolejne kroki

• Dowiedz się więcej o tym, co dzieje się w HubSpot po dokonaniu płatności.
• Dowiedz się więcej o zarządzaniu płatnościami.
• Dowiedz się więcej o tworzeniu raportów w pakiecie narzędzi do analizy przychodów.