Wdrożenie kodu strony internetowej lokalizatora dealerów opartego na produktach

Wdrożenie kodu strony internetowej lokalizatora dealerów opartego na produktach

Krok 1: Dołącz skrypt do witryny

Poniższy przykład pokazuje, co jest potrzebne do zintegrowania widżetu Kup teraz z witryną. Po prostu zaktualizuj żądane parametry, a następnie skopiuj fragment kodu do swojej witryny.

  1. <script id="omacro-widget-buynow" src="https://buynow.omacro.com/embedded/bn.loader.js?company=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX&country=auto&validate=false&debug=false" asynchroniczny ></skrypt>

Parametr firmy jest wstępnie wypełniony identyfikatorem Twojej firmy, nie ma potrzeby zmiany tej wartości. Wszystkie parametry fragmentu kodu są dołączane do źródła skryptu i muszą być zgodne ze standardami jednolitych identyfikatorów zasobów .

firma   wymagany
To jest Twój identyfikator firmy dostarczony przez Omacro. Ten identyfikator został przypisany podczas tworzenia konta firmowego i nigdy się nie zmieni. Powyższy fragment kodu zawiera już identyfikator Twojej firmy.
kraj
To jest dwucyfrowy kod ISO kraju Kod ISO 3166-1 alpha-2 lub auto . Jeśli nie zostanie dostarczona, zostanie przedstawiona mapa, aby umożliwić użytkownikowi wybór kraju. Gdy jest podany i nie jest ustawiony na auto , użytkownikowi natychmiast prezentowane są wyniki dla określonego kraju. W przypadku ustawienia automatycznego kraj zostanie określony automatycznie na podstawie adresu IP użytkownika.
uprawomocnić
W przypadku wartości true fragment kodu zweryfikuje, czy każdy identyfikator produktu dostępny na stronie jest prawidłowy, i zwróci produkt. Po zakończeniu sprawdzania poprawności fragment kodu doda odpowiednią klasę CSS do elementu wyzwalającego: obn-validate-pass lub obn-validate-fail . Podczas sprawdzania poprawności element wyzwalający będzie miał klasę CSS obn-validate-pending .
odpluskwić
Jeśli to prawda , fragment kodu pomoże w debugowaniu, rejestrując całą aktywność i powiadomienia w konsoli przeglądarki. Zaleca się wyłączenie tej funkcji po zakończeniu debugowania.



Krok 2: Przypisz wyzwalacze produktu do przycisków

Poniższy przykład pokazuje prosty tag zakotwiczenia (link) używany jako wyzwalacz produktu. Możesz łatwo wykorzystać istniejące lub nowe elementy na swojej stronie, po prostu dodając wymagany parametr produktu .

  1. <a href="#obn" data-product="Twój identyfikator produktu">Link do produktu</a>

Parametry wyzwalacza mają pierwszeństwo przed parametrami fragmentu kodu, co pozwala na globalne ustawianie parametrów z wyjątkami w razie potrzeby. Wszystkie parametry wyzwalacza są atrybutami danych HTML, które wymagają rozpoczynania się od „ data- ”.
produkt   wymagany
To jest identyfikator produktu. Może to być GTIN (UPC, EAN lub ISBN), SKU, nazwa modelu lub identyfikator Omacro. Zdecydowanie zalecamy użycie numeru GTIN, najlepiej UPC.
kraj
To jest dwucyfrowy kod ISO kraju Kod ISO 3166-1 alpha-2 lub auto . Jeśli nie zostanie dostarczona, zostanie przedstawiona mapa, aby umożliwić użytkownikowi wybór kraju. Jeśli jest podany i nie jest ustawiony na auto , użytkownikowi natychmiast prezentowane są wyniki dla określonego kraju. W przypadku ustawienia automatycznego kraj zostanie określony automatycznie na podstawie adresu IP użytkownika.
uprawomocnić
W przypadku wartości true fragment kodu zweryfikuje, czy każdy identyfikator produktu dostępny na stronie jest prawidłowy i zwróci produkt. Po zakończeniu sprawdzania poprawności fragment kodu doda odpowiednią klasę CSS do elementu wyzwalającego: obn-validate-pass lub obn-validate-fail . Podczas sprawdzania poprawności element wyzwalający będzie miał klasę CSS obn-validate-pending .