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.5.

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.5/pausepay_sdk.js"></script>
     </body>

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

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> 

esempio smart banner: sito abilitato

I PRODOTTI PIU’ VENDUTI

image vino ecommerce

“Terra Mij” Nero di Troia

9,80€

image vino ecommerce

“Terra Mij” Nero di Troia

9,80€

image vino ecommerce

“Terra Mij” Nero di Troia

9,80€

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

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

3 . INSERISCI ALCUNI DATI NEGLI ATTRIBUTI

Inserisci dinamicamente alcuni dati della sessione negli attributi degli Smart Banner, per tracciare statistiche più dettagliate. Di seguito gli attributi che puoi utilizzare:

  • cart_amount: l’importo corrente del carrello buyer;
  • user_id: un ID che si riferisca al tuo utente;

 

     <!-- Esempio Smart Banner con Attributi --> 
    <div class="pausepay-website_enabled" 
         cart_amount="1000" 
         user_id="0001">
    </div>
     <!-- Esempio con PHP WooCommerce -->
    <div class="pausepay-website_enabled" 
         cart_amount="<?php echo(WC()->cart->cart_contents_total) ?>" 
         user_id="<?php echo(get_current_user_id()) ?>" >
    </div>

4 . INSERISCI IL web widget DI CHECKOUT PER PAGARE

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: numero dell’ordine;
  • buyer_piva: la partita iva del tuo cliente;
  • buyer_email: l’indirizzo email utilizzato dal tuo cliente;
  • 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" 
         buyer_piva="IT82500048660"       
         buyer_email="info@aziendaB.it"
         order_number="00001"
         cart_items="W3siZGVzY3JpcHRpb24iOiJwcm9kb3R0byAxIiwicXVhbnRpdHkiOjQsImFtb3VudCI6MjAwfSx7ImRlc2NyaXB0aW9uIjoicHJvZG90dG8gMiAiLCJxdWFudGl0eSI6MSwiYW1vdW50IjoyMDB9XQ=="
         user_id="0001">
   </div>

5 . 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>