Jak prawidłowo osadzić UpViral Widget (samouczek krok po kroku)

Opublikowany: 2022-04-17

Jedną z kluczowych cech UpViral, która odróżnia go od innych programów do grania online, takich jak Vyper, Viral Loops, Kingsumo i Gleam, jest rozległość dostępnych opcji osadzania.

W rzeczywistości istnieje wiele sposobów na osadzenie widżetu UpViral na stronie internetowej. Jeśli jednak trudno jest wyświetlić upominek UpViral na swojej stronie internetowej lub jeśli widżet UpViral nie ładuje się tak szybko, jak potrzebujesz, ten samouczek będzie dla Ciebie pomocny.

embed-upviral

Opcje osadzania UpViral

UpViral oferuje cztery różne sposoby osadzenia Upviral w Twojej witrynie.

  1. Standard
  2. Wyskakujące okienko
  3. Popover
  4. Formularz HTML

Metoda Standard jest idealna, jeśli chcesz używać własnych stron docelowych zamiast stron hostowanych przez UpViral. To idealna opcja, jeśli chcesz zintegrować swój konkurs UpViral z istniejącym lejkiem potencjalnych klientów.

Popup i Popover to doskonałe opcje, jeśli stworzyłeś wiecznie zielony program nagród i chcesz wykorzystać ruch na swoim blogu do utrzymania ścieżki konkursu.

Formularz HTML służy do integracji z istniejącymi stronami docelowymi i narzędziami do przechwytywania leadów za pomocą metody integracji formularza HTML.

Metoda standardowa

Pierwszą i najpopularniejszą opcją instalacji UpViral jest Standard. Teraz UpViral obsługuje dostosowywanie unikalnego wyglądu standardowego widżetu z poziomu edytora. Zobacz zrzut ekranu poniżej w celach informacyjnych.

edit-upviral-widget-editor

Możesz więc zmienić widżet i zdecydować, co wyświetlać i ukrywać w widżecie. Po skonfigurowaniu projektu widżetu i kampanii, możesz osadzić widżet UpViral na swojej stronie.

Organizować coś

Wybierz opcję „Standardowy” z listy w sekcji „Ustawienia widżetu zgody”. Tutaj możesz zdefiniować szerokość widżetu. Widżety UpViral reagują na urządzenia mobilne. Możesz jednak określić liczbę do zaprezentowania, jak chcesz w widoku pulpitu.

standard-widget-embed-upviral

Następnie musisz skonfigurować „Udostępnij widżet”. Jak widzisz, są dwie opcje.

  1. Widżet udostępniania jest wyświetlany na tej samej stronie zamiast widżetu zgody (odśwież)
  2. Przekieruj na następujący adres URL, pod którym zostanie osadzony widżet udostępniania

Obie opcje mają swoje mocne strony. Na przykład pierwsza metoda jest przydatna, jeśli w lejku nie ma opcji przechwytywania potencjalnych klientów. Jest szczególnie używany w obszarach, w których ołów jest już wychwytywany innymi sposobami. Druga opcja jest najbardziej popularną opcją z dwóch. Jeśli Twój lejek zawiera zarówno strony przechwytywania leadów, jak i strony z podziękowaniami, jest to opcja, którą musisz wybrać.

Wskazówka:

Jeśli chcesz wysłać uczestników na stronę udostępniania hostowaną na serwerach UpViral, po prostu wprowadź adres URL strony udostępniania UpViral w polu „ Przekieruj do następującego adresu URL, pod którym zostanie osadzony widżet udostępniania.

Adres Twojej strony z podziękowaniami będzie podobny do: https://upvir.al/1234567/ thanks /CampaignName

Trzecim krokiem jest określenie, gdzie zniknie ruch polecający.

ustawienia-widżetu-kampanii-upviral-embed

Oferuje dwie możliwości:

  1. Strona akceptacji hostowana przez Upviral
  2. Strona internetowa, na której zostanie osadzony widżet do wyrażania zgody

Oba mają swoje plusy i minusy. Jeśli użyjesz pierwszej opcji, masz elastyczność, aby podzielić testowe strony akceptacji i łatwo zoptymalizować ścieżkę. Druga metoda jest idealna, jeśli chcesz skierować ruch odsyłający do określonej strony.

W czwartym kroku, czyli instalacji, otrzymasz dwa fragmenty kodu.

upviral-standard-widget-kod-embed

zainstalować

Jednym z głównych powodów, dla których widżet UpViral nie ładuje się na większości witryn, jest to, że skrypt UpViral się nie ładuje. Aby to naprawić, musisz załadować Upviral.js w nagłówku swojej strony internetowej.

Skopiuj główny kod do umieszczenia UpViral.

 <script language="javascript" src="https://snippet.upviral.com/upviral.js"></script>

Umieść go między tagiem head swojej witryny. Aby zainstalować skrypt, możesz użyć Menedżera tagów Google lub wtyczki menedżera skryptów, jeśli korzystasz z WordPressa.

Teraz wklej kod HTML iframe i inny kod skryptu w miejscu, w którym chcesz wyświetlić standardowy widżet UpViral.

Wyskakujące okienko

Jeśli masz witrynę, która otrzymuje ruch, typ widżetu Pop-up może zmienić zasady gry dla Twojej firmy. Ponieważ zazwyczaj Pop-upy mają wyższy współczynnik konwersji leadów. Dlatego, jeśli potrafisz zbudować naprawdę dobry lejek konkursowy na UpViral, Pop-up może sprawić, że stanie się wirusowy.

Skonfiguruj wyskakujące okienko

UpViral umożliwia skonfigurowanie widżetu Pop-up na kilka sposobów.

wyskakujące-ustawienia-widgetu-wirusowego-opt-in
  • Przezroczystość tła pozwala kontrolować przezroczystość pierwszego planu widżetu.
  • Włącz lub wyłącz wygląd wyskakujących okienek podczas ładowania strony
  • Włącz/wyłącz ikonę zamykania wyskakującego okienka
  • Określ, ile dni powinien pozostać ukryty, jeśli gość jest zamknięty dla gościa

Udostępnij widżet i opcje kontroli ruchu polecającego są takie same jak w przypadku standardowego widżetu, w którym możesz wskazać, gdzie pokazać widżet i wysłać ruch.

Zainstaluj wyskakujące okienko

upviral-popup-code

Otrzymasz kod HTML podobny do poniższego. Zasadniczo pozwala przekonwertować przycisk lub link na wezwanie do działania, w którym po kliknięciu pojawi się wyskakujące okienko.

 <a href="#uvembed123584">click here to open popup</a>

Zalecam umieszczenie zewnętrznego kodu JavaScript UpViral wewnątrz tagu head, aby załadować wyskakujące okienko UpViral bez żadnych problemów.

Popover

Ostatnio dodanym typem widżetu jest Popover. Umożliwia wyświetlanie widżetu w stylu widżetu czatu w Twojej witrynie.

Skonfiguruj Popover

Ustawienia UpViral Popover pozwalają dostosować wygląd widżetu, a także sposób jego wyświetlania.

upviral-popover-widget-optin-settings
  • Wpisz przekonujący tekst wezwania do działania pod „Tytuł przycisku”. Przykład: Kliknij tutaj, aby wygrać 5-dniową wycieczkę na Hawaje
  • Dostosuj kolor i ikonę przycisku CTA
  • Wybierz preferowany tryb popover. Możesz ustawić wyskakujące okienko tak, aby było domyślnie wyświetlane po pewnym czasie, albo je zamknąć. Jeśli jest skonfigurowany do zamykania, użytkownik musi kliknąć widżet, aby go otworzyć.

Instalacja

Skrypt widżetu Popover można wstawić tuż nad tagiem </body>, ponieważ chcemy, aby inna zawartość była ładowana przed widżetem.

upviral-popover-skrypt instalacyjny

formularz HTML

Kod formularza HTML pozwala zintegrować UpViral z innymi platformami i narzędziami online, których UpViral nie ma obecnie natywnej integracji.

Oto przykład, w którym używam integracji formularzy HTML w kreatorze formularzy Convertful.

niestandardowe-pole-przesyłanie-danych-konwertowanych-opcja

ConvertBox to kolejne narzędzie do przechwytywania potencjalnych klientów, które umożliwia łączenie narzędzi za pomocą metody integracji formularzy HTML.

convertbox-html-form-integracje

Formularz HTML UpViral wykorzystuje metodę HTTPS POST. Jeśli Twój kreator formularzy lub kreator stron docelowych nie obsługuje UpViral, możesz użyć kodu HTML formularza do łatwej integracji.

upviral-html-kod-formularza

Dlaczego wbudowany widżet UpViral nie ładuje się?

Istnieją dwa główne powody:

  1. Skrypt UpViral nie ładuje się w widoczny sposób
  2. Inne skrypty lub wtyczki powodują konflikt ze skryptem UpViral

Najlepszym scenariuszem jest wstawienie skryptu UpViral.js wewnątrz elementu HTML <head> i załadowanie widżetu UpViral powyżej zakładki, zanim zrobią to inne elementy.

Wbudowany widżet polecający UpViral

Teraz możesz pozwolić uczestnikom konkursu wyświetlać widżety akceptacji UpViral na swoich witrynach i otrzymywać kredyty za polecenie za każdym razem, gdy ktoś zarejestruje się za pomocą widżetu zainstalowanego na ich witrynach. Skontaktuj się z Chamalem, aby uzyskać więcej informacji.

przykład-widgetu-upviral-referral

Masz jakieś problemy?

W tym samouczku nauczyłeś się, jak osadzić widżety UpViral we właściwy sposób. Jeśli masz jakieś problemy, zostaw komentarz poniżej, a pomogę w każdy możliwy sposób.

Przeczytaj także : Integracje Top UpViral w celu zwiększenia sukcesu Twojej kampanii