All the theme templates differ from each other since they (themes) have different codes and their placement, so the following tutorial can give you an approximate idea of how to embed the Social Login buttons on various pages.

To embed the buttons please go to Shopify Admin panel > Themes > Actions: Edit Code and find the pages you would like to have the buttons (i.e. register, login, checkout, etc) and paste the following code:

{% capture the_snippet_social_icons %}{% render 'ssw-widget-social-login' %}{% endcapture %}
{% unless the_snippet_social_icons contains 'Liquid error' %}
{{ the_snippet_social_icons }}
{% endunless %}


As for the other pages:

  • For the register page - below or above the {% form 'create_customer' %} line as it's shown on the previous screenshot

  • For the login page - below or above the {% form 'customer_login' %} line as it's shown on the previous screenshot

  • For the checkout page - please contact us, since this feature is available only on Shopify Plus and we need to do it manually.

  • As for the other pages - anywhere you'd like the buttons to be shown.

That is it! And don't forget to save the changes :)

P.S. We strongly recommend you contact us to get professional installation on your site for free. 

Did this answer your question?