gli _smart banner_ per il tuo e-shop

Gli Smart Banner e i Web Widget sono dei componenti web interattivi che potrai inserire sul tuo E-commerce con solo un paio di righe di codice.

In questo modo potrai delegare a noi la comunicazione e il supporto ai tuoi clienti. Così sapranno che offri il nostro servizio di pagamento a 90 giorni, offrendo loro anche la possibilità di contattarci per supporto tecnico o per avere ulteriori info.

Noi condivideremo con voi le statistiche dei click, visualizzazioni e interazioni con i widget.

widget pausepay

smart banner

Un banner pubblicitario, ma interattivo, che spiega come funziona il nostro servizio. Serve a far sapere ai tuoi clienti che offri PausePay come metodo di pagamento, e li può mettere in contatto con la nostra assistenza.

web widget

E’ un bottone “stand alone” che avvia il processo di checkout, senza la necessità di integrare le API da parte tua (per il pagamento). Dovrai comunque poi prevedere la gestione degli esiti e la chiusura dell’ordine (manuale o via API).

1 . importa l'sdk a fine _body_

Importa la nostra SDK prima di chiudere il tag <body> nelle pagine web del tuo E-commerce. Questo script sarà responsabile di abilitare i widget e i banner che inserirai nel DOM. versione corrente: v.0.0.10.

Se utilizzi il plugin per PrestaShop non dovrai importare manualmente l’SDK, perché è già compreso nel plugin. Potrai inserire direttamente i banner.

Sotto troverai i vari banner, con alcuni esempi su dove inserirli.

        ...
        <!-- PausePay SDK-->
         <script  src="https://sdk-web.pausepay.it/embeddable/v.0.0.10/pausepay_sdk.js"></script>
     </body>

2 . scegli il banner e inserisci il _tag_ dove vuoi nella tua pagina

  <!-- Banner "Sito Abilitato" -->
<div class="pausepay-website_enabled"></div>  


 <!-- Banner "Vuoi pagare a 90 giorni?" -->
<div class="pausepay-wanna_pay_in_90days"></div>  


 <!-- Banner "Paga a 90 Giorni" -->
<div class="pausepay-pay_in_90days"></div>  


<!-- Banner Logo -->
<div class="pausepay-logo-wide" logo_type="wide-color"></div>

wide-gray

wide-black

wide-color

<!-- Banner Logo -->
<div class="pausepay-logo-square" logo_type="square-color"></div>

square-gray

square-black

square-color

<!-- Banner Sticker -->
<div class="pausepay-sticker" logo_type="square-color"></div>

esempio smart banner: paga a 90 giorni

image vino ecommerce

“Terra Mij” Nero di Troia IGP 2020

ANNATA 2020
PROVENIENZA Puglia, Torremaggiore (FG)
PREZZO 13,00€ €9,80
FORMATO 0.75 l. (€ 13,07/lt.)
aggiungi al carrello

Esempio di posizionamento del banner per comunicare al Buyer il nostro servizio.

smart banner con popup che spiega come funziona PausePay

        <!-- Banner "Paga a 90 Giorni" -->
        <div class="pausepay-pay_in_90days"></div>  

        <!-- Banner "Vuoi pagare a 90 giorni?" -->
        <div class="pausepay-wanna_pay_in_90days"></div>

3 . INSERISCI IL web widget DI CHECKOUT PER PAGARE

Se non vuoi integrare il servizio con le nostri API, e non usi né Prestashop né WooCommerce, Il nostro Web Widget universale ti permetterà di usare il nostro servizio prima ancora di integrare le API , inserendo una sola riga di codice HTML sul tuo sito. Dovrai aggiornare manualmente lo stato degli ordini pagati, ma riuscirai a far provare il servizio di Buy Now Pay Later ai tuoi clienti in un giorno!

Prima di inserirlo, controlla che sia effettivamente la soluzione più adatta a te visitando Come integrare PausePay sul tuo E-Commerce

Ricordati di importare l’SDK se non l’hai fatto.

  • cart_amount: l’importo corrente del carrello buyer;
  • order_number: riferimento univoco all’ordine;
  • buyer_piva: la partita iva del tuo cliente;
  • buyer_email: l’indirizzo email utilizzato dal tuo cliente;
  • buyer_name: ragione sociale dal tuo cliente;
  • ok_redirect: [opzionale] a quale URL rimandare l’utente, a pagamento eseguito;
  • ko_redirect: [opzionale] a quale URL rimandare l’utente, a pagamento fallito o annullato;
  • cart_items: un JSON contenente i prodotti del carrello (description, quantity, amount), trasformato in stringa e codificato in Base64;
    • var items_json = [{"description":"Prodotto 1", "quantity":1, "amount":1000}];
      var items_str = JSON.stringify(items_json);
      var cart_items = btoa(items_str); // da usare come attributo del widget

 Inserisci questo tasto nel carrello, o in una pagina prodotto per iniziare subito il processo di checkout.

     <!-- Esempio Web Widget per Checkout --> 
    <div class="pausepay-checkout" 
         cart_amount="1000.00"
         ok_redirect="https://app.pausepay.it/buyer/login"
         ko_redirect="https://eurocali.it" 
         buyer_piva="IT82500048660"       
         buyer_email="info@aziendaB.it"
         buyer_name="Azienda B srl"
         order_number="00001"
         cart_items="W3siZGVzY3JpcHRpb24iOiJwcm9kb3R0byAxIiwicXVhbnRpdHkiOjQsImFtb3VudCI6MjAwfSx7ImRlc2NyaXB0aW9uIjoicHJvZG90dG8gMiAiLCJxdWFudGl0eSI6MSwiYW1vdW50IjoyMDB9XQ=="
         user_id="0001">
   </div>

4 . Pagina informativa

Oltre ai banner pubblicitari, dovresti inserire nel tuo E-Commerce una pagina informativa sul nostro servizio, dove i tuoi clienti potranno trovare informazioni utili. Puoi creare tu una pagina, prendendo spunto dalla nostra pagina Cosa c’è da sapere, oppure inserisci l’apposito Smart Banner qui sotto in una pagina vuota per popolarla con il nostro contenuto già pronto.

     <!-- Inserisci l'intera Pagina Informativa --> 
    <div class="pausepay-tos_page">
    </div>

Version Changelog

  • v.0.0.10
      parametri redirect OK e KO per il Web Widget
  • v.0.0.9
      [work in progress] migliorata privacy, rimozione dataLayer GTAG

  • v.0.0.8
    • nuovi banner con logo ‘wide’ e ‘square’ colorato, nero o grigio
  • v.0.0.7
    • web widget per il checkout
      • aggiunto il campo “buyer_name”
      • fix sul campo “order_number”
  • v.0.0.6
    • jQuery
      • fix sul conflitto con alcune versioni