Is social media currently part of your marketing mix? If so, you can use the power of word of mouth through social media to drive more sales in your online store. In this tutorial, we’ll show you how to add share links for various social media networks to your Shopp thank you page.

Allow your Customers to Promote your Store on Social Media after a Purchase

Twitter & Facebook

Allow your Customers to Promote your Store on Social Media after a Purchase

You may have seen this technique in use on some online stores such as Amazon.com. Its a great way to use social proof to create brand awareness and receive a boost in sales.

Ensure Shopp Content Templates are Enabled

Begin by setting up Shopp templates. Login to your WordPress Admin and go to Shopp Setup → Presentation. Then follow the directions. If you already have templates setup, then you’ll see a checkmark for templates and you can continue to the next section.

Learn more about Shopp templatesView a video tutorial on setting up Shopp templates

Notice: Templates are setup so that we can customize our Shopp without risk of our changes being lost during a future software update.

Lookup the Code for Various Social Media Networks

In the following video tutorial, we’ll take a look the the sharing code for two social networks: Twitter and Facebook. Then the code will be customized and added to our thanks.php content template file. This file is used for the Shopp thank you page.

Resources for Part 1:

Twitter resources (Share a link): https://twitter.com/about/resources/buttons#tweet

Facebook Developer (Like button): https://developers.facebook.com/docs/reference/plugins/like/

Link to video 1 on cloud app — http://cl.ly/151k3e2K2i01

Complete a Test Checkout to see the Sharing Code in Action

Link to video 2 on cloud app — http://cl.ly/0w3P0r3a1I0Q

Sample Coding for Twitter and Facebook

The following is the sample code that was used in the video tutorials. Recall that we used a fictitious company along with the URL example.com.




<h3>Support us on Social Media -- Spread the Word</h3>



<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://example.com" data-text="I just made a purchase over at Example company">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>



<div id="fb-root"></div>


<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-like" data-href="http://example.com" data-send="true" data-width="450" data-show-faces="true"></div>



Additionally, here is a link for an already modified thanks.php content template.

Notes and Recommendations for Tutorial

The sharing options for Twitter and Facebook can be customized. The most important option is to enter your own URL for your website / store (instead of http://example.com).

The coding snippets can be placed anywhere within the thanks.php template and can be customized with CSS. Inserting it after the API call for the order receipt is a suggestion and is not mandatory.

Avatar of Lorenzo Orlando Caum

By

Lorenzo Orlando Caum is the founder of Enzo12 LLC, a consultancy in Tampa, FL. Lorenzo provides consulting services such as a Shopp upgrade service through Shopp 101. He also recommends using managed WordPress hosting with Shopp because a faster site means more sales. You can learn more about Lorenzo, you can follow @lorenzocaum on Twitter or check out his blog.

You must be logged in to post a comment.

© Ingenesis Limited. Shopp™ is a registered trademark of Ingenesis Limited.

Skip to toolbar