Shopify 微信/QQ/微博登录

Step 1:Configure the app

If your have not social accounts? click here to get agent accounts,agent login account can be long-term use

Step 2:Integrate with your Shopify store

Add wechat social login button on the login page

1. Click Online Store from the side panel then select Themes.
2. Click the Actions button.
3. Click the "Edit code" icon next to the theme name on the left side of the page, then select Edit code
   

   

4. Modify the template or add a new template if this doesn't exist.customers/login.liquid
   

   

5. Copy and paste the snippet below into the template. Adjust the template until you get satisfactory results.
   <a href="#wechat-op" class="wsocial-bar" style=""><img src="https://www.weixinsocial.com/wp-content/plugins/wechat-social-login/assets/image/weixin-icon.png" title="wechat"/></a> <a href="#qq" class="wsocial-bar" style=""><img src="https://www.weixinsocial.com/wp-content/plugins/wechat-social-login/assets/image/qq-icon.png" title="QQ"/></a> <a href="#weibo" class="wsocial-bar" style=""><img src="https://www.weixinsocial.com/wp-content/plugins/wechat-social-login/assets/image/weibo-icon.png" title="weibo"/></a>
   TIP: We recommend pasting the snippet directly underneath this line of code:
   <input type="submit" class="btn" value="{{'customer.login.sign_in' | t }}">
   For more guidance, please send email to flora@xunhuweb.com
6. Click on Save at the top when finished.
7. Click Preview in the upper, right corner to see your changes and test out the Login with Wechat button.

Add an Wechat login button on your registration page

1. Modify the customers/register.liquid template or add a new template if this doesn't exist.
2. Paste the same snippet from step 3.5 (above) into the template. Adjust the template until you get satisfactory results.
   TIP: We recommend pasting the snippet directly underneath this line of code:
   
   <h1 class="text-center"> {{ 'customer.register.title' | t }}</h1>
   
   You can also use HTML to center the button, and add clarifying test. For more guidance, please send email to flora@xunhuweb.com
3. Click on Save at the top when finished.
4. Click Preview in the upper, right corner to see your changes and test out the Login with Wechat button.

Support

More FAQs and information on the Login with Wechat app for Shopify,Please let us know if you have any questions or if we can help in any way.
Our email: flora@xunhuweb.com