Kup w Kwit

Informacje

"Kup w Kwit" to interaktywny element lub formularz, który możesz umieścić na swoim blogu (np. pod przepisem kulinarnym) lub stronie WWW, dzięki któremu użytkownicy będą mogli automatycznie kupić koszyk z wybranymi przez Ciebie produktami. Wystarczy, że zmodyfikujesz poniższy kod o liste kodów kreskowych produktów lub/i listę słów kluczowych, a użytkownicy będą mieli możliwość natychmiastowego zakupu wybranych produktów w sklepach obecnych na platformie Kwit.pl lub dodania ich do prywatnego koszyka.

Dodatkowo wstawiająć przycisk "Kup w Kwit" na swoją stronę możesz zacząć zarabiać! Jeśli użytkownik dokona zakupy korzystając z przycisku umieszczonego na Twojej stronie, podzielimy się z Tobą naszym zyskiem. Czytaj więcej...


Wstaw przycisk

Poniżej przedstawiamy Ci różne sposoby umieszczania przycisku "Kup w Kwit" w zależności od platformy na której uruchomiony jest Twój blog lub strona internetowa.

Wstaw przycisk "Kup w Kwit" na własną stronę WWW

Przycisk "Kup w Kwit" możesz osadzić na stronie WWW umieszając na niej poniższy kod:

<div class="kwit_buy" 
  data-products="[lista składników]" 
  data-barcodes="[lista kodów kreskowych]"
  data-image="[link do obrazka]"
  data-title="[tytuł koszyka]"
  data-desc="[opis koszyka]"
  data-key="[klucz wlasciciela]" >
</div>

Możesz umieścić dowolnąc ilość przycisków na stronie. Po ostatnim przycisku musi znaleźć się wywołanie następującego skryptu:

<script type="text/javascript" src="https://kwit.pl/assets/kwit_buy_button.js"></script>

Wszystkie pola specjalne data- są opcjonalne, lecz by przycisk zadziałał prawidłowo musi zostac podany przynajmniej jeden produkt lub kod kreskowy.

Przykładowy kod:

<div class="kwit_buy" 
  data-products="mleko|200ml;jajka|2szt;ser|trzy plastry|5900820005504" 
  data-image="http://twojblog.pl/logo.png"
  data-title="Super przepis"
  data-key="c6650cf335be84e801a2775a5945469c">
</div>
<script type="text/javascript" src="https://kwit.pl/assets/kwit_buy_button.js"></script>

Gotowy przycisk wygląda następująco:


Przycisk na blogu (widget)

Posiadając bloga na jednym z popularnych serwisów blogowych można skorzystać ze specjalnie przygotowanego do tego celu widgetu, który automatycznie będzie umieszczał przycisk "Kup w Kwit" pod listami składników. Aktualnie wtyczka współpracuje z systemami:

Aby zainstalować widget wystarczy umieścić link do skryptu:

<script type="text/javascript" charset="UTF-8" src="https://kwit.pl/assets/kwit_blogwidget.js" id="kwit_widget_script"></script>

w miejscu przeznaczonym dla skryptów na blogu.

Opcjonalne parametry konfiguracyjne należy umieścić w bloku skryptu przed odwołaniem do widgetu:

<script type="text/javascript">
  var kwit_bw_uid = "c6650cf335be84e801a2775a5945469c";
  var kwit_bw_show = false;
</script>
<script type="text/javascript" charset="UTF-8" src="https://kwit.pl/assets/kwit_blogwidget.js" id="kwit_widget_script"></script>

Wyjaśnienie parametrów:

Uwaga!

Od momentu instalacji widetu na blogu, przycisk "Kup w Kwit.pl" będzie wyświetlał się pod każdą listą widniejącą we blogowym poście. Aby zapobiec wyświetlaniu przycisku pod listami, które nie zawierają składników czy produktów, należyc do listy dodać jeszcze jeden element z napisem nokwit. W ten sposób przycisk nie zostanie wyświetlony pod listą, a sam element nokwit zostanie z listy automatycznie usunięty.

Zobacz jak umieścić widget na swoim blogu (kliknij w logo):

  1. Z menu panelu obsługi swojego bloga wybierz zakładkę "Układ".
  2. Wybierz opcję "Dodaj gadżet" (rekomendujemy prawą kolumnę) na układzie swojego bloga.
  3. Z listy gadżetów wybierz "HTML/JavaScript".
  4. Wpisz wyświetalny tytuł gadżetu oraz wklej podany wyżej kod skryptu JavaScript (opcjonalnie wklej blok skryptowy z odpowiednimi parametrami konfiguracyjnymi przed odnośnikiem do skryptu przycisku "Kup w Kwit.pl").
  5. Zapisz dodany gadżet, a następnie zapisz układ całego bloga.
  6. Gotowe! Od tej chwili pod listami zostanie umieszczony przycisk "Kup w Kwit.pl".
  1. Z listy swoich blogów wybierz opcję edycji.
  2. Wybierz pozycję "Ustawienia" z górnego menu.
  3. Przejź do zakładki "Boczna szpalta", następnie wklej podany wyżej kod JavaScript w pole tekstowe "Pole na dodatkowy HTML" (opcjonalnie wklej blok skryptowy z odpowiednimi parametrami konfiguracyjnymi przed odnośnikiem do skryptu przycisku "Kup w Kwit.pl").
  4. Zapisz zmiany i gotowe! Od tej chwili pod listami zostanie umieszczony przycisk "Kup w Kwit.pl".
  1. Z menu w panelu obsługi wordpress wybierz opcję "Wtyczki", a następnie "Dodaj nową".
  2. Wpisz w pole wyszukiwania "kwit buy button, a następnie klikjnij "szukaj wtyczek".
  3. Po odnalezieniu wtyczki z przyciskiem Kwit wybierz opcję "Zainstaluj".
  4. Po zainstalowaniu wtyczki, wybierz opcję "Włącz wtyczkę".
  5. Jeśli posiadasz klucz właściciela z Kwit.pl, możesz go wpisać wybierając z menu "Ustawienia", a następnie "Przycisk Kwit".
  6. Gotowe! Od tej chwili pod listami zostanie umieszczony przycisk "Kup w Kwit.pl".

Żądanie GET

Alternatywnie do przycisku (np. w przypadku zbudowania własnego formularza) można wykorzystać żądanie GET na adres https://kwit.pl/kwit_brandwidget/public/recipe z następującymi parametrami:

Przykładowy formularz:

<form action="https://kwit.pl/kwit_brandwidget/public/recipe" method="GET"/>
  <!-- segment składnika, wymagana nazwa [n], ilość [g], opcjonalnie EAN [b] -->
  <input type="hidden" name="recipe[i][][n]" value="mleko" />
  <input type="hidden" name="recipe[i][][g]" value="200ml" />
  <!-- koniec segmentu składnika -->
  <!-- segment kolejnego składnik -->
  <input type="hidden" name="recipe[i][][n]" value="jajka" />
  <input type="hidden" name="recipe[i][][g]" value="2szt" />
  <input type="hidden" name="recipe[i][][b]" value="5902768546200" />
  <!-- koniec segmentu kolejnego składnika -->
  <input type="hidden" name="recipe[p]" value="http://kwit.pl/assets/product.png" />
  <input type="hidden" name="recipe[t]" value="Super przepis" />
  <input type="hidden" name="k" value="c6650cf335be84e801a2775a5945469c" />
  <button type="submit" 
    style="padding:0;border:0;background-color:transparent;">
      <img src="https://kwit.pl/assets/kwit_buy_button_full.png" alt="Kup w Kwit.pl">
  </button>
</form>

Gotowy formularz:

Przycisk

Uwaga! Tworząc własny formularz, przycisk akceptujący powinien wyglądać tak jak powyżej. Przycisk dostępny jest po adresem https://kwit.pl/assets/kwit_buy_button_full.png i można go pobrać na własny serwer.


Zarabiaj z Kwit.pl

Przycisk "Kup z Kwit" umożliwi użytkownikom Twojego serwisu szybkie zakupy art. FMCG, a jednocześnie pozwoli Ci zarobić! Kwit.pl podzieli sie z Tobą zyskiem ze wszystkich zakupów dokonanych przez przyciski umieszczone w Twoim serwisie. Wystarczy, że instalując nasz przycisk dodasz paramter data-key do kodu przycisku lub parametr k w żądaniu GET.

Wartość tego paramteru to tzw. klucz właściciela i w Twoim przypadku posiada on wartość:

Uwaga!

Aby wyświetlić Twoj klucz właściciela zaloguj się lub zarejestruj w serwisie Kwit.pl

Od momentu instalacji przycisku z tym kluczem, przyciski "Kup w Kwit" będą dla Ciebie pracować! Aby sprawdzić aktualny stan swojego konta, wystarczy wejść w: Twoje konto > API gdzie znajdziesz wszystkie niezbędne informacje (Uwaga: zakładka API widoczna jest po wygenerowaniu klucza).


Pomoc

Gdybyś potrzebował pomocy w integracji powyższych funkcjonalności, daj nam znać na adres kontakt@kwit.pl, z chęcią Ci pomożemy.