Type
magento2-module
AddShoppers - Magento 2 Module Connector
magento2-module
OSL-3.0, AFL-3.0
None
None
None
None
None
None
Addshoppers Connector Magento2 extension
Module integrates Addshoppers app with Magento 2
Open your command line terminal and go to your Magento 2 root installation directory.
Run the following commands to install the module:
composer require addshoppers/magento2-connector
php bin/magento setup:upgrade
Clean Magento Cache and enable the extension by going to Magento Admin Panel -> Marketing -> On-site Marketing
(Optional) If you want to enable the Social Login feature, go to Admin Panel -> Content -> Blocks and add a New Block with the Identifier "addshoppers_social_login". Copy and paste the following code in the Content field:
<!--
/**
* Copyright © 2015 AddShoppers.com
* @autor eduedeleon
* */
-->
<script type="text/javascript">// <![CDATA[
// Init code
function init() {
AddShoppersWidget.API.Event.bind("sign_in", createAccount);
};
// Create Account
function createAccount(params) {
if (params.source == "social_login") {
services = ['facebook', 'google', 'linkedin', 'twitter', 'paypal'];
var data = AddShoppersWidget.API.User.signed_data();
for( var i=0; i < services.length; i++ ) {
service = services[i];
if (AddShoppersWidget.API.User.signed(service)) {
var email = data[service + '_email'];
if (service == 'twitter') {
//alert('popup get email');
var email = prompt("Please enter your email", "");
};
if (email) {
if (service !='twitter' ) {
var name = data[service + '_firstname'] + '_' + data[service + '_lastname'];
} else {
var name = data[service + '_name'];
};
name = name.replace(/ /g, '-');
var loc = "{{config path='web/unsecure/base_url'}}social_login/?asusrnm=" + name + "&aseml=" + email + "&data=" + JSON.stringify(data);
document.getElementById("createme").src = loc;
break;
};
};
};
};
}
// Bind events
if (window.addEventListener) {
window.addEventListener("load", init, false);
} else {
document.onreadystatechange = function() {
if(document.readyState in {loaded: 1, complete: 1}) {
document.onreadystatechange = null;
init();
}
}
}
</script>
<p><iframe id="createme" src="about:blank" frameborder="0" scrolling="no" width="0" height="0"></iframe></p>
<div style="text-align: center;">
<!-- Put your Social Shopper Login button code here. Facebook is already included for this example. -->
<!-- Facebook -->
<div class="social-commerce-signin-facebook" data-style="logoandtext" data-size="small"> </div>
<!-- Paypal -->
<div class="social-commerce-signin-paypal" data-style="logoandtext" data-size="small"> </div>
<!--LinkedIn -->
<div class="social-commerce-signin-linkedin" data-style="logoandtext" data-size="small"> </div>
<!-- Google -->
<div class="social-commerce-signin-google" data-style="logoandtext" data-size="small"> </div>
<br />
<div>Please click the sign in with any social button above and login to your account.</div>
</div>
Include the Social Login Block in your Theme using the follwing PHP code: (i.e If you want to add the social login in the customer login section, go to your theme_path/Customer/view/frontend/templates/form/login.phtml)
<?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('addshoppers_social_login')->toHtml();?>