Budujemy i rozwijamy zaawansowane rozwiązania w HubSpot Content Hub - od customowych motywów i modułów, przez HubDB i dynamiczne strony, po integracje API i optymalizację wydajności.
HubSpot Content Hub jest elastyczny sam z siebie. Wartość zaawansowanego developmentu polega na dobraniu architektury strony do tego, jak Twoja firma naprawdę pracuje z treścią.
Marketing może pracować samodzielnie
Customowe moduły i ustawienia motywu pozwalają zespołowi budować kolejne strony i landing pages bez ingerencji w kod i bez rozjeżdżania design systemu.
Treść skaluje się razem z firmą
Powtarzalnych danych nie trzeba aktualizować ręcznie na wielu podstronach. Odpowiednia architektura pozwala zarządzać nimi w jednym miejscu.
HubSpot może być połączony z innymi systemami
Strona nie musi być osobnym silosem. Jeśli ma to sens, dane mogą przepływać między HubSpot a systemami, z których korzystasz.
Zaawansowane funkcje bez utraty wydajności
Każdą funkcję wdrażamy ze świadomością jej wpływu na frontend, PageSpeed i Core Web Vitals - a nie tylko na listę możliwości.
Zakres developmentu
Co możemy zbudować i rozwinąć w HubSpot Content Hub
Cztery obszary, w których pracujemy najczęściej. Zakres pojedynczego projektu może obejmować jeden z nich albo ich kombinację.
Themes & Modules
Customowe motywy i moduły HubSpot
Motyw budujemy wokół konkretnej marki, jej design systemu i sposobu, w jaki zespół będzie później zarządzał stroną. Kod w HubL, HTML, CSS i JavaScript powstaje tak, aby kolejne strony dało się składać z gotowych elementów.
Ustalamy też, co dokładnie marketer może zmienić w edytorze, a co pozostaje stałe. Dzięki temu zespół dostaje elastyczność, ale w ramach systemu, który chroni spójność designu między podstronami.
moduły wielokrotnego użytku
gotowe sekcje do składania stron
ustawienia motywu i komponenty globalne
edycja drag-and-drop w edytorze HubSpot
kontrolowany zakres zmian po stronie marketingu
spójność między podstronami i landing pages
HubDB & Dynamic Pages
Dynamiczne strony i treści oparte na HubDB
HubDB to tabele danych wewnątrz HubSpot - coś pomiędzy arkuszem a prostą bazą. Zamiast utrzymywać te same informacje na kilkudziesięciu podstronach, uzupełniasz je w jednym miejscu, a strona sama z nich korzysta.
Jedno źródło danychHubDB
Widok zbiorczyListing z filtrami
Osobny adresGenerowane podstrony
W ten sposób prowadzi się katalogi produktów, bazy lokalizacji, listy partnerów i dealerów, profile zespołu i ekspertów, kalendarze wydarzeń, biblioteki materiałów oraz katalogi usług i rozwiązań.
W odpowiednich przypadkach treść może korzystać także z danych zgromadzonych w HubSpot CRM. Architekturę danych zawsze dobieramy do konkretnej sytuacji - HubDB nie jest odpowiedzią na każdy problem.
Integracje
Integracje HubSpot z zewnętrznymi systemami
Cel jest zwykle prosty: mniej ręcznego przenoszenia danych i strona, która pokazuje informacje istniejące już w innych narzędziach firmy. Technologia jest tu tylko środkiem.
ERP / zewnętrzne APIHubSpotStrona
FormularzAPISystem zewnętrzny
Zakres integracji potwierdzamy po analizie dokumentacji API, struktury danych i możliwości Twojego planu HubSpot. W części planów Content Hub dostępne są też serverless functions, które bywają wygodnym elementem takiego rozwiązania - ale nie są dostępne w każdym abonamencie.
Performance
PageSpeed i Core Web Vitals w HubSpot
Masz już stronę na HubSpot, ale działa wolniej niż powinna? Nie trzeba od razu budować jej od nowa. Najpierw sprawdzamy, gdzie faktycznie tracisz czas wczytywania.
JavaScript i jego kolejność wykonania
CSS oraz style blokujące renderowanie
rendering i rozmiar drzewa DOM
obrazy: format, wymiary, lazy loading
fonty i sposób ich wczytywania
skrypty zewnętrzne i tracking
kod pojedynczych modułów
struktura motywu i ładowanie assetów
Najpierw identyfikujemy rzeczywiste przyczyny spowolnienia, a potem poprawiamy to, co da się zoptymalizować bez usuwania funkcji, których strona potrzebuje. Nie obiecujemy wyniku 100/100 w Lighthouse ani konkretnych wartości Core Web Vitals - to zależy od wdrożenia, treści i narzędzi zewnętrznych.
Data-driven websites
Od pojedynczego modułu do zaawansowanej strony opartej na danych
Poniżej przykłady możliwości technicznych, a nie lista zrealizowanych wdrożeń.
Przykład
Katalog produktów
Dane produktowe w HubDB lub innej strukturze, listing z filtrami i automatycznie generowane strony produktów.
Przykład
Wyszukiwarka lokalizacji
Baza punktów, filtrowanie po regionie lub usłudze i osobna strona dla każdej lokalizacji.
Biblioteka materiałów
Centralna baza e-booków, raportów i webinarów z wyszukiwaniem, kategoriami i stronami szczegółowymi.
Kalkulator lub konfigurator
Customowy moduł z logiką frontendową, w razie potrzeby zasilany danymi z HubDB albo zewnętrznego źródła.
Katalog zespołu i ekspertów
Profile zarządzane centralnie, listing z filtrami i dynamicznie generowane strony osób.
Integracja z zewnętrznymi danymi
Dane z systemu firmy prezentowane na stronie lub synchronizowane z HubSpot, bez ręcznego przepisywania.
Zakres i korzyści
Możemy wejść zarówno w nowy, jak i istniejący projekt HubSpot
Nie zakładamy z góry, że potrzebny jest pełny redesign. Często najlepszym rozwiązaniem jest wąska, dobrze zrobiona zmiana.
Nowy development
Budowa customowego motywu HubSpot, zestawu modułów albo konkretnej funkcjonalności od podstaw.
Istniejący Content Hub
Rozbudowa obecnego motywu o nowe komponenty, HubDB, dynamiczne strony lub integracje z innymi systemami.
Konkretny problem techniczny
PageSpeed, trudny w utrzymaniu moduł, wątpliwa architektura danych albo funkcja, której nie da się wygodnie zrobić standardowymi narzędziami.
Co daje dobrze zaprojektowany Content Hub
mniej zależności od developera przy codziennych zmianach w treści
spójny system komponentów zamiast rosnącej liczby wyjątków w kodzie
szybsze tworzenie nowych landing pages z gotowych modułów i sekcji
koniec z ręcznym powielaniem tych samych danych na wielu podstronach
możliwość dokładania kolejnych funkcji bez przebudowy całego motywu
integracja strony ze stackiem, którego firma już używa
większa kontrola nad jakością frontendu i kodem wysyłanym do przeglądarki
solidniejsza baza techniczna pod dalsze działania SEO i content marketing
Formy współpracy
HubSpot development dla firm, zespołów marketingowych i agencji
Firma korzystająca z HubSpot
Ma już portal w Content Hub i potrzebuje rozbudować stronę o nowe komponenty, dane lub funkcje.
Zespół marketingowy
Potrzebuje modułów i narzędzi, które pozwolą publikować i zmieniać strony bez czekania na development.
Agencja
Ma własny design, strategię i klienta, a szuka partnera odpowiedzialnego za techniczną część HubSpot development.
Jak pracujemy
Od problemu do działającego rozwiązania
01
Analiza
Poznajemy obecny portal, potrzebną funkcję, ograniczenia planu HubSpot i oczekiwany efekt biznesowy.
02
Architektura i zakres
Ustalamy sposób implementacji: motyw, moduły, HubDB, integracja API, optymalizacja frontendu lub kombinacja tych elementów.
03
Development
Implementacja rozwiązania, testy w edytorze HubSpot i na realnych danych.
04
QA i wdrożenie
Testy responsywności, pracy w edytorze, przypadków brzegowych i wydajności, a następnie publikacja.
Pytania
Najczęstsze pytania o HubSpot development
Content Hub to obecna nazwa produktu i jednocześnie szerszy zestaw narzędzi: obejmuje wszystko, co znane było jako HubSpot CMS, oraz dodatkowe funkcje contentowe. W praktyce branżowej określenie HubSpot CMS wciąż jest powszechnie używane i zwykle dotyczy tego samego obszaru pracy.
Tak. Budujemy motywy HubSpot wraz z zestawem modułów, sekcji i ustawień, tak aby zespół marketingowy mógł później samodzielnie składać kolejne strony w ramach jednego, spójnego systemu komponentów.
Tak i najczęściej nie ma potrzeby budowania wszystkiego od nowa. Możemy dołożyć do obecnego motywu nowe moduły, dynamiczne strony, integracje albo poprawić elementy, które utrudniają codzienną pracę z treścią.
HubDB to tabele danych wewnątrz HubSpot. Sprawdzają się tam, gdzie ta sama struktura powtarza się wielokrotnie: produkty, lokalizacje, eksperci, wydarzenia czy materiały do pobrania. Dane uzupełniasz w jednym miejscu, a strona korzysta z nich na listingach i podstronach. Architekturę danych dobieramy do przypadku - HubDB nie zawsze jest najlepszym rozwiązaniem.
Tak, służą do tego dynamiczne strony. Jedno źródło danych zasila listing oraz osobny adres dla każdego wiersza, razem z tytułem, treścią i metadanymi. Dodanie nowej pozycji nie wymaga ręcznego tworzenia kolejnej podstrony.
Tak, po analizie dokumentacji API, struktury danych i możliwości Twojego planu HubSpot. Zakres integracji potwierdzamy dopiero po sprawdzeniu, co realnie udostępnia dany system. W części planów Content Hub dostępne są też serverless functions, które bywają wygodnym elementem takiego rozwiązania.
Tak. Zaczynamy od analizy konkretnego wdrożenia i szukamy rzeczywistych przyczyn spowolnienia w JavaScript, CSS, obrazach, fontach, skryptach zewnętrznych i strukturze motywu. Następnie poprawiamy to, co da się zoptymalizować bez rezygnowania z potrzebnych funkcji. Nie obiecujemy konkretnych wyników liczbowych.
Nie. Bardzo często wystarczy pojedynczy moduł, jedna funkcja, dodanie HubDB albo optymalizacja wydajności. Pełny rebuild proponujemy tylko wtedy, gdy obecna architektura naprawdę blokuje dalszy rozwój.
Zakres techniczny takich projektów bardzo się różni - od jednego modułu do rozbudowanej strony opartej na danych i integracjach. Dlatego wycenę przygotowujemy indywidualnie, po krótkiej analizie wymagań i obecnego portalu.
Masz projekt w HubSpot?
Opowiedz nam, co chcesz zbudować lub poprawić
Może to być nowy custom theme, pojedynczy moduł, dynamiczne strony, integracja API albo problem z wydajnością istniejącego Content Hub. Zacznijmy od zakresu i sprawdźmy najlepszy sposób realizacji.
Każdy projekt wyceniamy indywidualnie po poznaniu zakresu i wymagań technicznych.
Atom Web Studio