How do I add social media icons to my site?

If you have purchased one of our premium templates, they include a zip file with social media icons for your site.

FIRST - Unzip the zip file to a folder on your hard drive where you can find it later.

From within your storeadmin area, click on Site Settings under "Administration" on the right hand side.

 

 

Click in the large site message box where you want to add your social media icon. Then click on the image uploader icon on the editor.

 

 

Now click on the Upload link.

 

 

Click on the Browse button and locate the social media icon you want to add. For this tutorial, we're adding the icon.facebook.png file

 

 

Once you locate the icon image you want to add, click Load Image

 

 

Now the Image URL box should show a display of where your image is located. Click the Insert button.

 

 

Click the OK button

 

 

You should now see the social media icon you just added, in the large Site Message box. Hit your space bar once and add any other social media icons you want to add, in the same way we just added this first one.

 

 

For this tutorial we have added the Facebook, Pinterest and Twitter icons as shown below. Click on the icon you want to link and you should see a square box around the icon.

 

 

Now click on the Chain Link icon on the editor.

 

 

Now add the URL to your Facebook page (or whatever social media page you are linking) in the Link URL box.

 

 

You will want people to click on this icon to be taken to your social media page but not taken away from your site.
Click on the dropdown arrow next to "Target" and select Open in New Window (blank).

 

 

Now you should see your social media link in the Link URL box and the Target should be (_blank). Click the Insert button.

 

 

Click the OK button

 

 

Now save your page by clicking on the Update Variables button at the bottom of your page.

 

 

Now if you look at your website, you should see the icons you just added and there will be a square box around the one you just linked. To remove that box, follow the next steps.

 

 

In the Site Message box, click on the social media icon you want to remove the box from. Then click on the Image Uploader icon on the editor.

 

 

Now click on the Appearance tab and in the Border box, put a zero 0. Then click on the Update button.

 

 

Then click the OK button.

 

 

Now save your page by clicking on the Update Variables button at the bottom of your page.

 

 

Now if you look at your site you will notice that the square box around the linked icon has been removed.

 

 

Link all of your other social media icons in the same way as listed above.

Was this answer helpful?

 Print this Article

Also Read

I am on a Mac. Can I still use PappaShop templates?

Absolutely! Our software is compatible with Mac. The template just covers the look of your site...

How do I apply a PappaShop installed template?

Once we install your template we will send you an email letting you know that it has been...

How do I edit a template after it is installed?

Log into your storeadmin Click on Template (left side) Choose a template from the...

If I install a template, will it effect my page content or products?

Not at all. The template you install works for all pages and does not effect any content or...

I installed a template but it does not show up on my site. Why?

Make sure you have selected the template that you installed by clicking on Template in the...