How to insert a Pinterest button to your store Facebook in Shopify

Hailey Shopify Expert
Hailey Updated: March 27, 2021

Share:

Do you want to start? Get shopify free trial here!

As reading in the writing about how to insert social media buttons, you must have known the benefits if you integrate social media such as Pinterest with your online store in Shopify. From that tutorial, you also know about the way to insert the Pinterest buttons by installing an app. In this post, I’ve prepared for you the another way to insert a Pinterest button to your store manually. Follow some simple steps below.

To insert a Pinterest button to your store

Step 1: Select Themes

Sign in your Shopify account and go to the admin page. Click on Online Store and select Themes.

Insert a Pinterest button to your store

Step 2: Press on Edit code

All the themes you have will appear. Make sure to select one theme. Then, tap on the Actions button and press on Edit code.

Insert a Pinterest button to your store

Look for the Snippets directory. Afterward, there are some files showing. Select the Add a new snippet link.

Insert a Pinterest button to your store

Step 4: Create the Pinterest snippet

A new dialog will be displayed. In this step, you will create the Pinterest snippet by entering pin-button into the textbox. Then, tap on Create snippet.

Insert a Pinterest button to your store

Step 5: Paste the code

Copy the following code. Then, paste it the code editor.

<a href="//pinterest.com/pin/create/button/?url={{ shop.url }}{{ product.url }}&amp;media=http:{{ product | img_url: '1024x1024' | split: '?' | first }}&amp;description={{ product.title | strip_html | truncate: 200, '' | url_param_escape }}{% for tag in product.tags limit: 3 %}{{ tag | replace: ' ', '-' | prepend: ' #' | url_param_escape }}{% endfor %}" data-pin-do="buttonPin" data-pin-config="none">
  <img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
</a>
<script async src="//assets.pinterest.com/js/pinit.js"></script>

Insert a Pinterest button to your store

Step 6: Save

After all, you just need to click Save to finish.

Insert a Pinterest button to your store

Summary

You have just created a Pinterest snippet on your own as following the transparent instruction above. This post with the hope to bring you beneficial things to insert a Pinterest button to your store in a manual and effective way. It is also illustrated by images. Hope that you will feel interested in reading tutorials like this.

Recover lost sales with proven Abandoned Cart Email series

Image Description



Hailey
About Author: Hailey
I'm a detail-oriented, honest and hard-working of Shopify Expert, ready to work with you to find solutions to help you start your business or grow it. We offer fast deliveries without compromising quality. Fast and effective!
Recommend for you
Image Description
Abandoned Cart Recovery [Free]

Setup Abandoned cart recovery in 1-click

Learn more
Image Description
SEO Suite [Free]

Auto-optimize website elements and structure in one-click.

Learn more
proofo
Boost Sales [Free]

Boost sales: Sales Pop, Trust badges, Countdown timer, more

Learn more
Image Description
Photo Reviews [Free]

Use photo reviews to boost sales

Learn more

Comments for Insert a Pinterest button to your store



Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up