HubSpot Content Hub - najlepsze funkcje do budowy i rozwoju stron internetowych

1. Drag & drop - tworzenie stron bez edycji kodu

Jedną z najbardziej praktycznych funkcji HubSpot jest drag-and-drop page editor. Developer może przygotować strukturę strony, sekcje i moduły, a osoba odpowiedzialna za marketing może później przeciągać je w odpowiednie miejsce, zmieniać kolejność oraz tworzyć nowe układy bez bezpośredniej ingerencji w kod.

Przykładowo marketing może mieć do dyspozycji gotowe elementy takie jak:

• Hero
• tekst z grafiką
• formularz
• CTA
• referencje klientów
• FAQ
• logo klientów
• cennik
• sekcje z ofertą

Zamiast projektować za każdym razem nowy landing page od początku, można po prostu połączyć odpowiednie moduły. To daje zespołowi dużą swobodę, ale jednocześnie pozwala developerowi zachować kontrolę nad wyglądem strony.

Dobrze przygotowany system drag & drop powinien pozwalać zmieniać treści i układ, ale nie powinien umożliwiać przypadkowego zepsucia typografii, spacingu czy responsywności.

Link do dokumentacji: Drag and Drop Areas - HubSpot Developers.

2. Custom Modules - własne komponenty strony

Drag & drop staje się dużo bardziej użyteczny w połączeniu z customowymi modułami HubSpot. Moduł jest wielokrotnego użytku komponentem strony. Może to być prosty element, taki jak przycisk czy sekcja tekstowa, ale również bardziej rozbudowana funkcjonalność:

• kalkulator
• porównywarka produktów
• interaktywny slider
• mapa lokalizacji
• wyszukiwarka
• tabela cenowa
• formularz z dodatkową logiką

Developer określa, które elementy modułu może edytować użytkownik. Marketing może więc zmienić nagłówek, zdjęcie, CTA czy układ sekcji bez zmieniania kodu komponentu. Dzięki temu raz przygotowany moduł można wykorzystywać na dziesiątkach landing pages.

Link do dokumentacji: Modules Overview - HubSpot Developers.

3. Custom Themes - jeden design system dla całej strony

Kolejnym ważnym elementem są HubSpot Themes. Theme można potraktować jako fundament całej strony. Zawiera między innymi szablony, moduły, style oraz globalne ustawienia wyglądu. Dobrze przygotowany custom theme pozwala ustawić na poziomie całej witryny między innymi:

• kolory
• fonty
• wielkości nagłówków
• przyciski
• odstępy
• wygląd formularzy
• szerokości sekcji

Dzięki temu osoba tworząca nową stronę nie musi za każdym razem zastanawiać się, jaki kolor lub rozmiar nagłówka zastosować. Strona pozostaje zgodna z design systemem firmy, nawet jeśli kolejne landing pages tworzą różne osoby.

Link do dokumentacji: Theme Overview - HubSpot Developers.

4. HubDB - dane zarządzane w jednym miejscu

Jedną z najciekawszych funkcji dla bardziej rozbudowanych serwisów jest HubDB. Pozwala przechowywać uporządkowane dane w tabelach i później wykorzystywać je na stronie. Załóżmy, że firma posiada 50 lokalizacji. Każda z nich ma:

• nazwę
• adres
• telefon
• zdjęcie
• godziny otwarcia
• opis

Zamiast ręcznie wpisywać te informacje na wielu podstronach, można przechowywać je w jednej tabeli HubDB. Podobne rozwiązanie można wykorzystać do zarządzania:

• produktami
• partnerami
• ofertami pracy
• wydarzeniami
• członkami zespołu
• case studies
• bazą zasobów

Zmiana danych w jednym miejscu może wtedy automatycznie aktualizować informacje wykorzystywane w różnych częściach strony.

5. Dynamic Pages - automatyczne tworzenie podstron

HubDB można połączyć z kolejną bardzo przydatną funkcją HubSpot - Dynamic Pages. Pozwala ona generować wiele podstron na podstawie jednego szablonu i danych. Wróćmy do przykładu firmy posiadającej 50 lokalizacji. Zamiast ręcznie tworzyć:

• /warszawa
• /krakow
• /gdansk
• /poznan

możemy przygotować jeden dynamiczny template oraz dane poszczególnych lokalizacji. HubSpot może następnie generować odpowiednie strony na podstawie rekordów. Każda taka podstrona może mieć własny adres URL i własne dane SEO.

Jest to szczególnie przydatne przy stronach posiadających dużą liczbę elementów o identycznej lub bardzo podobnej strukturze.

Link do dokumentacji: Dynamic Pages using HubDB - HubSpot Developers.

6. Połączenie strony z CRM i marketingiem

HubSpot ma jeszcze jedną przewagę nad klasycznym CMS-em: strona może działać w tym samym ekosystemie co marketing, sprzedaż i CRM. Użytkownik może przykładowo:

1. wejść na landing page
2. wypełnić formularz
3. zostać zapisany jako kontakt
4. trafić do odpowiedniego procesu marketingowego
5. zostać przekazany do działu sprzedaży

Nie trzeba budować całego procesu z kilku zupełnie niezależnych narzędzi. Dla firm, które już wykorzystują HubSpot do marketingu lub sprzedaży, może to być jedna z największych zalet przeniesienia również strony do Content Hub.

7. Narzędzia SEO w HubSpot

HubSpot posiada również wbudowane narzędzia wspierające optymalizację stron pod wyszukiwarki. Platforma może między innymi wskazywać problemy związane z SEO oraz elementy wymagające poprawy. Nie oznacza to oczywiście, że strona zbudowana na HubSpot automatycznie będzie wysoko w Google. Nadal znaczenie mają:

• jakość treści
• struktura nagłówków
• linkowanie wewnętrzne
• meta title i description
• indeksowalność
• architektura strony
• PageSpeed
• Core Web Vitals

CMS może jednak ułatwić zarządzanie tymi elementami. Więcej o naszym podejściu do widoczności piszemy na podstronie SEO i pozycjonowanie lokalne.

Link do dokumentacji: Zalecenia SEO w HubSpot.

Czy HubSpot Content Hub jest dobrym rozwiązaniem dla każdej firmy?

Niekoniecznie. Jeżeli potrzebujesz bardzo prostej strony składającej się z kilku podstron, wykorzystanie całego ekosystemu HubSpot może nie być potrzebne - w takim wypadku sprawdź raczej klasyczne wdrożenie strony internetowej.

Content Hub zaczyna być szczególnie interesujący wtedy, gdy firma:

• regularnie tworzy landing pages
• korzysta już z HubSpot CRM
• prowadzi wiele kampanii
• posiada dużą liczbę treści
• potrzebuje customowych komponentów
• zarządza powtarzalnymi danymi
• chce integrować stronę z innymi systemami

Największą wartością HubSpot jest możliwość stworzenia systemu, w którym developer buduje odpowiednie narzędzia, a marketing może później samodzielnie z nich korzystać.

HubSpot to więcej niż CMS

HubSpot Content Hub może być prostym systemem do edycji treści, ale jego największy potencjał pojawia się przy bardziej rozbudowanych wdrożeniach.

• Drag & drop ułatwia budowanie kolejnych stron.
• Custom Modules pozwalają tworzyć własne komponenty.
• Themes pomagają utrzymać spójny design system.
• HubDB centralizuje powtarzalne dane.
• Dynamic Pages pozwalają skalować duże struktury stron.

A połączenie z CRM-em i narzędziami marketingowymi sprawia, że strona może stać się integralną częścią całego procesu pozyskiwania klientów.

Jeżeli potrzebujesz customowego motywu, modułów, HubDB, dynamicznych stron, integracji API albo optymalizacji istniejącego serwisu, sprawdź nasz development HubSpot Content Hub.