Adding Twitter or Facebook to your Swifty site

Knowledgebase Articles: Adding Twitter or Facebook to your PowaWEB site

Including Facebook and Twitter on your site.

FACEBOOK

Adding Facebook Like Box:

Step 1. Please see Facebook instructions here:

See Facebook knowledge base article

Note: please copy content from the iframe text area  

Step 2. Adding code generated from Facebook to your website
1. Go to Manage Website > Edit Website
2. Add a HTML page section to your page and paste the code from Facebook 
3. Click 'Done' to complete

Adding Facebook Like Button:

Step 1. Please see Facebook instructions here:

http://developers.facebook.com/docs/reference/plugins/like

Note: please copy content from the iframe text area  

Step 2.  Adding code generated from Facebook to your website

1. Go to Manage Website > Edit Website
2. Add a HTML page section to your page and paste the code from Facebook 
3. Click 'Done' to complete

 

To add the Like Button to the specific products, you would need to do the following:

1. Identify a product's URL. The URL format is: 
http://domain.com/engine/shop/product/product_sku or http://domain.com/product/product_sku depending on your site's URL format (How are the URLs for the website pages formed for eCommerce sites? )

2. Go to http://developers.facebook.com/docs/reference/plugins/like , add a product's URL to the 'URL to Like' field and click on the Get Code button.
3. In the Powa Dashboard go to the Manage Products grid, open a product in edit mode, click on the Full Description tab, switch to the View HTML mode and paste the code.
4. Click Done to save changes.
5. Repeat steps 1-4 for all products if required

Online it will look similar to:

 

To add the Like Button to ALL products, complete the following steps:

1. Go to Manage Website > Edit Website
2. Select the Product Details page in the Website Map tree and switch to the Edit Page tab
3. Drag a HTML page section to the Product Details page and place it under the Product Details page section
4. Add the code to the HTML page section:

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like class="facebook" href="#" layout="button_count"  style="position: absolute;"></fb:like>
<script type="text/javascript">
url = window.location;
$("table.imgBlock").css("text-align", "left");
$(".fullSizeImg").prepend($(".facebook"));
$(".facebook").attr("href", ""+url+"");
$(".facebook").css("margin", "2px");
$("#slideshow").css({"margin": "0","border": "none"});
</script>
5. Save changes

 

Online it will look similar to:

 



TWITTER

Adding Twitter:

Step 1.
Select how you want to add Twitter to your website:
An excellent article on adding Twitter to your website can be found here:
http://net.tutsplus.com/articles/10-awesome-ways-to-integrate-twitter-with-your-website/

Another article on adding Tweet Button:

http://twitter.com/goodies/tweetbutton 

Note: this button will only be seen on the published site as the code provided doesn't work in the site preview
 

Step 2. Adding code generated from Twitter to your website

1. Go to Manage Website > Edit Website
2. Add a HTML page section to your page and paste the code from Twitter
3. Click 'Done' to complete

Remember to always publish changes to your website.

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.