open search bar close search bar
Wróć

Narzędzia do contentu dynamicznego na stronie

5 min czytania

Osom Studio - Agencja Interaktywna
share on twitter share on facebook

Efektowny i efektywny – taki właśnie jest content dynamiczny. Z jednej strony pozwala zaskakiwać usera personalizowanymi treściami, z drugiej zwiększać współczynnik konwersji. Patrząc na stopień zaawansowania możliwości adaptacji treści na stronach, można by pomyśleć, że ich wdrożenie jest równie skomplikowanym procesem. Nic bardziej mylnego. Dzięki przedstawionym w tym wpisie narzędziom, z powodzeniem wdrożysz content dynamiczny na swoją witrynę.

HubSpot

Zacznijmy od najbardziej kompleksowego narzędzia. Platforma HubSpot oferuje darmowy CRM, a także możliwość zbudowania strony na własnym silniku. Jeśli chodzi o personalizację contentu (na Hubspot – smart content), jest tu naprawdę duże pole do działania. Od standardowych rozwiązań, gdzie jako zmienne wykorzystywane są kryteria przeglądarki, po te bardziej zaawansowane, gdzie kryterium stanowią dane na temat leadów w CRM.

Z Hubspot content adaptować można na podstawie takich kryteriów jak:

  • kraj (determinowany na podstawie IP usera)
  • preferowany język (determinowany na podstawie języka wyszukiwarki usera)
  • źródło ruchu (wyniki organiczne, przekierowania, social media, e-mail marketing, działania płatne, odesłania bezpośrednie i inne kampanie)
  • typ urządzenia (desktop, mobile, tablet)
  • przynależność do listy kontaktów (wszystkie listy utworzone w Hubspot CRM)
  • etap cyklu życia kontaktu (domyślne etapy Hubspota)

Korzystając z Hubspot CMS adaptować możesz:

  • tekst
  • CTA
  • formularze

Jeśli jednak Twoja strona postawiona jest na WP, nie wszystko stracone. Masz możliwość stworzenia dynamicznych przycisków CTA, które możesz osadzić na wybranej stronie czy landing page’u. Przeanalizujmy, jak wdrożyć takie rozwiązanie.

Załóżmy, że chcesz lepiej wykorzystać potencjał ruchu z konkretnych źródeł wizyt. Działasz w firmie IT i zauważasz, że dużą część leadów generuje Clutch. Postanawiasz, że użytkownikom przychodzącym z tego portalu, będziesz wyświetlał główną stronę firmy z CTA kierującym do formularza kontaktowego.

Jak przygotować takie dopasowanie?

1. Na swoim koncie Hubspot przejdź z górnego menu Marketing > Lead Capture > CTAs.

2. Kliknij w button po prawo Create CTA.

3. Przygotuj domyślną wersję buttona, czyli taką, która pokaże się userom niespełniającym warunku – zakładamy, że będzie to podstrona z case studies.
Narzędzia do contentu dynamicznego na stronie

4. W kolejnym kroku dodaj URL pod button i zapisz działanie.
Narzędzia do contentu dynamicznego na stronie

5. Następnie tworzymy wersję dynamiczną buttona – klikamy w przycisk Create smart version.
Narzędzia do contentu dynamicznego na stronie

6. Ustalamy warunek adaptacji – w naszym przykładzie będą to odesłania z Clutcha.
Narzędzia do contentu dynamicznego na stronie
Narzędzia do contentu dynamicznego na stronie

7. Przygotowujemy drugą wersję buttona.
Narzędzia do contentu dynamicznego na stronie

8. W kolejnym kroku dodajemy URL pod button, a następnie zapisujemy działanie.
Narzędzia do contentu dynamicznego na stronie

9. Dysponujemy teraz dwoma wersjami buttona, gotowymi do osadzenia na wybranej przez nas stronie.
Narzędzia do contentu dynamicznego na stronie

10. Ponieważ nasza witryna postawiona jest na WP, musimy osadzić buttony ręcznie. Wracamy do głównego widoku CTA w Hubspot, znajdujemy właściwy button, klikamy menu Actions > Embed code.
Narzędzia do contentu dynamicznego na stronie

11. Logujemy się do panelu WP i osadzamy CTA na wybranej przez nas stronie – home. Gotowe! 🙂

If-so

Kolejnym godnym polecenia narzędziem jest wtyczka If-so na WordPressa. Plugin jest płatny, ale zanim zdecydujesz się na inwestycję, możesz testować jego działanie za darmo przez 14 dni. Obok tworzenia contentu dynamicznego, If-so ma również wbudowane funkcje analityczne oraz możliwość tworzenia grup odbiorców (audiences), które również możesz wykorzystać jako triggery.

Z If-so Content można adaptować na podstawie takich kryteriów jak:

  • język wyszukiwarki
  • lokalizacja (tworzenie contentu zgodnie z krajem, miastem, stanem czy kontynentem, z którego pochodzi user)
  • zakres dat
  • wybrane daty (planowanie contentu według pory dnia i tygodnia)
  • dynamiczny link (pokazywanie określonych treści odwiedzającym przybywającym z niestandardowych adresów URL)
  • źródło wizyty (treści dostosowanie do odwiedzających z wybranej domeny lub strony internetowej)
  • rodzaj urządzenia (desktop, tablet, mobile)
  • zalogowany użytkownik (pokazywanie lub ukrywanie zawartości, jeśli użytkownik jest (lub był) zalogowany w Twojej witrynie)
  • powracający użytkownik (zastępuj content w zależności od ilości wizyt usera na Twojej stronie)
  • strefa czasowa
  • odwiedzone witryny (dostosowanie treści do odwiedzających, którzy odwiedzili wybraną stronę w Twojej witrynie)
  • parametry UTM (wyznaczanie zmian w treści na podstawie parametrów URL w linkach przychodzących)
  • test A/B (optymalizuj content dzięki prowadzeniu testów A/B)
  • wyszukiwane frazy (dopasowanie treści strony docelowej do haseł wyszukiwanych przez użytkownika – GoogleAds)
  • IP
  • cookies (zmiana zawartości strony na podstawie nazwy lub wartości plików cookies)
  • rola użytkownika (admin, redaktor, klient etc.)

Dla przykładu stworzymy wersję strony, której warunkiem wyświetlenia będzie parametr UTM. Załóżmy, że prowadzimy kampanię reklamową w sieci Facebook, kierującą na firmowy blog, której celem jest rekrutacja specjalistów. Chcemy, by użytkownicy trafiający na wpisy, na koniec lektury widzieli button zachęcający ich do przesłania CV. Aby skutecznie wyselekcjonować takich userów, jako zmienną wykorzystamy parametr UTM (“Campaign name”).

Jak przygotować takie dopasowanie?

1. Przejdź do pluginu w panelu administratora na WP i odszukaj po lewej stronie wtyczkę If-so.

2. Utwórz nowy trigger: wybierz zmienną → UTM → campaign → kariera

3. Przygotuj treść, którą zobaczy user spełniający warunek (kliknięcie reklamy z linkiem zawierającym UTM kariera).
Narzędzia do contentu dynamicznego na stronie

4. Opcjonalnie możesz przygotować domyślną treść, która pokaże się użytkownikom niespełniającym warunku.
Narzędzia do contentu dynamicznego na stronie

5. Opublikuj trigger.
Narzędzia do contentu dynamicznego na stronie

6. Skopiuj krótki kod, a następnie przejdź do podstrony, na której chcesz wdrożyć content.
Narzędzia do contentu dynamicznego na stronie

Narzędzia do contentu dynamicznego na stronie

7. Wejdź w edytor wizualny i w wybranym miejscu, na wybranej stronie, wklej krótki kod.
Narzędzia do contentu dynamicznego na stronie

8. Zaktualizuj treść.

9. Zbuduj odpowiedni URL za pomocą Google Campaign URL Builder (warunkiem zmiany w naszym przykładzie jest link zawierający UTM Campaign “kariera”)
Narzędzia do contentu dynamicznego na stronie

10. Przetestuj zmiany wchodząc na stronę przez skonfigurowany wcześniej link, zawierający UTM campaign = kariera.

11. Gotowe!

widok dla usera spełniającego warunek:

Narzędzia do contentu dynamicznego na stronie

widok domyślny:

Narzędzia do contentu dynamicznego na stronie

Advance Personalization

Na podobnej zasadzie jak If-so, działa wtyczka Advance Personalization. Narzędzie dostępne jest w wersji darmowej i płatnej, które różnią się od siebie zakresem warunków do wyboru.

Z Advance Personalization content można adaptować na podstawie kryteriów jak:

  • kraj (free version)
  • pierwsza wizyta użytkownika na stronie (free version)
  • dzień tygodnia (free version)
  • pora dnia w strefie czasowej usera (pro version)
  • pora dnia w określonej strefie czasowej (GMT, UTC, etc.) (pro version)
  • określona data (pro version)
  • określony URL odwiedzony X razy lub więcej (pro version)
  • próba opuszczenia strony przez usera (pro version)
  • urządzenie (pro version)
  • procentowa głębokość scrolla na stronie (pro version)

Jako że implementacja warunków przebiega podobnie jak w If-so, przyjrzyjmy się jedynie wyglądowi samego interfejsu:

Narzędzia do contentu dynamicznego na stronie
źródło: https://wordpress.org/plugins/personalization-by-flowcraft/
Narzędzia do contentu dynamicznego na stronie
https://wordpress.org/plugins/personalization-by-flowcraft/
Narzędzia do contentu dynamicznego na stronie
https://wordpress.org/plugins/personalization-by-flowcraft/

 

Narzędzia sukcesu

Podsumowując, narzędzia do wdrożenia contentu dynamicznego na stronie to intuicyjne programy, których obsługa jest naprawdę prosta. Pozwalają one na samodzielną edycję contentu (niezależnie od dostępności dewelopera) oraz bieżące reagowanie na potrzeby klientów i dynamikę branży.

Testuj różne rozwiązania i warunki, ale nie równocześnie. Staraj się też zachować umiar w prowadzonych działaniach, ponieważ łatwo pogubić się w mnogości zmian. Trzymaj się wyznaczonego na początku celu i dobieraj zmienne tak, by konsekwentnie go realizować. O tym, jaką strategię możesz przyjąć wdrażając content dynamiczny na stronę WWW, mówimy we wpisie: Jakie strategie zastosować wdrażając na stronę content dynamiczny?

Jeśli masz jakieś pytania dotyczące Hubspota albo chcesz wdrożyć dynamiczny content na stronie opartej o WP, jesteśmy do Twojej dyspozycji. Pamiętaj też, aby przeczytać nasze poprzednie publikacje dotyczące contentu dynamicznego, które razem stworzą świetny wstęp do rozpoczęcia przygody z tym rozwiązaniem.

Następny artykuł

Osom Studio - Agencja Interaktywna

Osom To Know #18

Przed Tobą Osom to know #18, czyli subiektywnie najciekawsze artykuły o szeroko pojętym digitalu. W pierwszym jesiennym wydaniu naszego newslettera czekają na Ciebie WordPress 2021, eko-serwery, wskazówki dotyczące UX i content marketingu. W Osom Design…

Zróbmy to!

Popracujmy nad wspólnym projektem.

Jesteś ciekaw, co możemy zrobić dla Twojego biznesu? Chcesz skorzystać z zalet marketingu online, potrzebujesz graficznej obsługi firmy, planujesz uruchomić sklep internetowy albo kampanię reklamową adwords?

Skontaktuj się z nami i zobacz, jakie działania podejmiemy, by nasz wspólny projekt zrealizował Twój cel biznesowy.

Skontaktuj się