Übersicht der Online Integration Module

• Kontenverknüpfung
• Identifizierung und Login mit PAYBACK
• Neukundenanmeldung
• Neukundenanmeldung mit Kontenverknüpfung
• Abgabe von Einwilligungserklärungen
• Anzeige & Aktivierung von eCoupons
• Anzeige & Aktivierung von kontextsensitiven eCoupons (CouponID-Filter)
• Anzeige & Aktivierung von Einkaufsgutscheinen

Kontenverknüpfung

Beispiel-Code:

        
            
<a onclick="return pbWindow('payback_bind', this.href);" target="payback_bind" href="<?= Mage::helper("payback_integration/url")->getPBBaseUrl(); ?>pb/qa_oauth_accountbinding_puc?response_type=code&amp;client_id=68&amp;redirect_uri=http://www.payback.it.local/de/payback_integration/index/accountbinding_oauth/&amp;state=initial&amp;cardNumber=">Klick mich</a>

<script type="text/javascript">
function pbWindow(tname, url) {
	var h = 600;
	var w = 600;
	var links = Math.round((window.innerWidth / 2) - (w / 2)) + window.screenX;
	var oben = Math.round((window.innerHeight / 2) - (h / 2)) + window.screenY;
	if(links < 0) links = 0;
	if(oben < 0) oben = 0;

	fenster = window.open(url, tname, "width=" + w + ",height=" + h + ",status=no,scrollbars=yes,resizable=no,left=" + links + ",top=" + oben);
	fenster.focus();

	return false;
}
</script>
        
    

Identifizierung und Login mit PAYBACK

Login with PAYBACK

Beispiel-Code:

        
            
<div style="height: 45px; width: 180px" class="lwpButton">
    <pb-login data-partner-name='puc'
              data-redirect-url='https://dev.punktecouch.de/de/payback_integration/index/oauthcodehandler/'
              data-height-id='m'
              data-label-id='default'></pb-login>
</div>

<script type="text/javascript">
    window.addEventListener('load', function () {
        window.paybackde.loginWithPaybackResultManager.addListener({
                onLoginSuccess: function () {
                    window.location = '/';
                },
                onLoginFail: function () {
                    alert('Login with PAYBACK failed.');
                },
                onLoginCancel: function () {
                    alert('Login with PAYBACK wurde unterbrochen.');
                },
                onLoginStart: function () {
                    alert('Login with PAYBACK wurde gestartet.');
                }
            }
        );
    });
</script>
                    
    

Neukundenanmeldung

Beispiel-Code:

        
            
<a onclick="startEnrollment;" href="#">Hier registrieren</a>

<script type="text/javascript">
 var pbClient;
    PB.mc.core.Bootstrap.createClient({
        apiKey: '[Your Api Key]',
        token: PB.mc.core.Bootstrap.oi.token.FROM_PARTNER_SESSION,
        partnerTokenUrlTemplate: '[Your Url]?redirectUrlTemplate={redirectUrlTemplate}',
        canCreateStrongTokens: true,

        onSuccess: function (client) {

            pbClient = client;

        },
        onError: function (errorData) {

        }
    });

    function startEnrollment() {
    
        pbClient.createModuleInOverlay(
            {
                moduleType: "enrollment",
                contextKey: "overlayContext",
                options: {
                    customerHasCard: false,
                    partnerProvidesOwnCard: false,
                    showAccountBinding: false,
                    prefill: {firstName: "Test", lastName: "Test" }
                },
                onSuccess: function(client) {
                }
            },
            {
                backdropDisabled: true
            }
        );
    };    
</script>
        
    

Neukundenanmeldung mit Kontenverknüpfung

Beispiel-Code:

        
            
<a onclick="startEnrollmentWithAcountBinding();" href="#">Hier registrieren</a>

<script type="text/javascript">
 var pbClient;
    PB.mc.core.Bootstrap.createClient({
        apiKey: '[Your Api Key]',
        token: PB.mc.core.Bootstrap.oi.token.FROM_PARTNER_SESSION,
        partnerTokenUrlTemplate: '[Your Url]?redirectUrlTemplate={redirectUrlTemplate}',
        canCreateStrongTokens: true,

        onSuccess: function (client) {

            pbClient = client;

        },
        onError: function (errorData) {

        }
    });

    function startEnrollmentWithAcountBinding() {

        pbClient.createModuleInOverlay(
            {
                moduleType: "enrollment",
                contextKey: "overlayContext",
                options: {
                    customerHasCard: false,
                    partnerProvidesOwnCard: false,
                    showAccountBinding: true
                },
                onSuccess: function(client) {
                }
            },
            {
                backdropDisabled: true,
                height: PB.mc.core.client.OverlayHeight.MD,
                maximumWidth: PB.mc.core.client.OverlayMaximumWidth.MD
            }
        );
    };    
</script>
        
    

Abgabe von Einwilligungserklärungen

Beispiel-Code:

        
            
<a onclick="retarget();" href="#">Nachqualifizieren</a>

<script type="text/javascript">
 var pbClient;
    PB.mc.core.Bootstrap.createClient({
        apiKey: '[Your Api Key]',
        token: PB.mc.core.Bootstrap.oi.token.FROM_PARTNER_SESSION,
        partnerTokenUrlTemplate: '[Your Url]?redirectUrlTemplate={redirectUrlTemplate}',
        canCreateStrongTokens: true,

        onSuccess: function (client) {

            pbClient = client;

        },
        onError: function (errorData) {

        }
    });

    function retarget() {

        pbClient.createModuleInOverlay(
            {
                moduleType: "entitlement",
                contextKey: "overlayContext",
                options: {
                    entitlementGroup: 'PROGRAM' //  Possible values are: 'PROGRAM', 'EMAIL' or 'OIMIKI_MARKETING'
                },
                onSuccess: function(client) {
                }
            },
            {
                backdropDisabled: true,
                height: PB.mc.core.client.OverlayHeight.MD,
                maximumWidth: PB.mc.core.client.OverlayHeight.MD
            }
        );
    };    
</script>
        
    

Anzeige & Aktivierung von eCoupons

Beispiel-Code:

    
        
<div id="couponnutshell"></div>

 <script type="text/javascript">
            
    var pbClient;
    PB.mc.core.Bootstrap.createClient({

        apiKey: '[your Api Key]',
        token: PB.mc.core.Bootstrap.oi.token.FROM_PARTNER_SESSION,
        partnerTokenUrlTemplate: '[your url]?redirectUrlTemplate={redirectUrlTemplate}',
        canCreateStrongTokens: true,
        onSuccess: function (client) {
            pbClient = client;
            client.createModule({
                moduleType: 'coupon',
                selector: '#couponnutshell',
                width: 700,
                height: 300,
                contextKey: 'partnerWithoutPaybackContext',
                onSuccess: function (couponNutshellModule) {
                    // module could be loaded successfully
                }
            });
        },
    });
</script>    

Anzeige & Aktivierung von kontextsensitiven eCoupons (Filter TreatmentID)

Beispiel-Code:

    
        
<div id="couponnutshell"></div>

 <script type="text/javascript">
            
    var pbClient;
    PB.mc.core.Bootstrap.createClient({

        apiKey: '[your Api Key]',
        token: PB.mc.core.Bootstrap.oi.token.FROM_PARTNER_SESSION,
        partnerTokenUrlTemplate: '[your url]?redirectUrlTemplate={redirectUrlTemplate}',
        canCreateStrongTokens: true,
        onSuccess: function (client) {
            pbClient = client;
            client.createModule({
                moduleType: 'coupon',
                selector: '#couponnutshell',
                width: 700,
                height: 300,
                contextKey: 'partnerWithoutPaybackContext',
                options: {
                    couponId: '210974, 212012, 212014'                 
                }
            });
        },
    });
</script>    

Anzeige & Aktivierung von Einkaufsgutscheinen

Beispiel-Code:

    
        
  <div id="vouchernutshell"></div>

 <script type="text/javascript">
            
    PB.mc.core.Bootstrap.createClient({
        apiKey: '[Your Api Key]',
        token: PB.mc.core.Bootstrap.oi.token.FROM_PARTNER_SESSION,
        partnerTokenUrlTemplate: '[Your Url]?redirectUrlTemplate={redirectUrlTemplate}',
        canCreateStrongTokens: true,

        onSuccess: function (client) {

        client.createModule({
                moduleType: 'voucher',
                selector: '#vouchernutshell',
                width: 700,
                height: 300,
                contextKey: 'partnerWithoutPaybackContext',
                options: {

                    // parameter to set the amounts of the displayed voucher:
                    voucherAmounts: [2 , 5, 10],

                    // parameter do display an individual voucher:
                    showIndividualVoucher: true,

                    // parameter to disable the decimal places for the individual
                    // voucher, if one is displayed:
                    decimalPlacesForbidden: false

                },
                onSuccess: function (couponNutshellModule) {
                    // module could be loaded successfully
                }
            });
        },
        onError: function (errorData) {
            // handle error of client instantiation
        }
    });

</script>