AddThis Fixed Position Vertical Toolbox

Hello All,



I just received an interesting Private Mail.

[QUOTE]I found a really cool add this icon that sits on the side of every page of the site. Would you know how to implement this. This site has it [url]http://www.atdec.com/[/url] look all the way to the right you will notice a facebook, twitter, and stumble upon me.[/QUOTE]



I want to reply here to help everyone:



Answer is on this page:



[url]Get more likes, shares and follows with smart website tools - AddThis



Demo is on this page:



[url]http://www.addthis.com/pages/gallery-demo-fixed-position[/url]



Well, Internet is always on moving, so, this is why I permit myself to reproduce of the demo page code for you, before this page disappears:



```php

Fixed Position Vertical Toolbox Demo


.addthis_toolbox.atfixed {
position: fixed;
top: 10%;
left: 20px;
border: 1px solid #eee;
padding: 5px 5px 1px;
width: 32px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.addthis_toolbox .custom_images a {
width: 32px;
height: 32px;
margin: 0;
padding: 0;
cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 0 0 1px; opacity: 1.0; }
.addthis_toolbox .custom_images a:hover img { margin: 1px 0 0; opacity: 0.75; }

















```

[B][SIZE="3"][U]NOTA BENE:[/U][/SIZE][/B]

If you want this box touches the [COLOR="Red"][B]left[/B][/COLOR] edge of border, change this:

[QUOTE].addthis_toolbox.atfixed {
position: fixed;
top: 10%;
[COLOR="Red"]left:0;[/COLOR]
border: 1px solid #eee;
padding: 5px 5px 1px;
width: 32px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}[/QUOTE]

If you want this box touches the [COLOR="#ff0000"][B]right[/B][/COLOR] edge of border, change this:

[QUOTE].addthis_toolbox.atfixed {
position: fixed;
top: 10%;
[COLOR="Red"]right:0;[/COLOR]
border: 1px solid #eee;
padding: 5px 5px 1px;
width: 32px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}[/QUOTE]


Lee Li Pop

Very nice, thanks for posting!

Hello Lee Li Pop



I was wondering if you would know how to get the standard Add This button to show just on http pages and not on https pages?



I’ve added the button to my main.tpl and have been trying to figure out the code, but I just can’t do it.



Thanks

Can you explain where this code goes please?

Hello Doddles,

[quote name=‘doddles’]Hello Lee Li Pop



I was wondering if you would know how to get the standard Add This button to show just on http pages and not on https pages?



I’ve added the button to my main.tpl and have been trying to figure out the code, but I just can’t do it.



Thanks[/QUOTE]



Don’t understand clearly… Sorry. Which HTPPS pages?



Yours on your CS-Cart website?



AddThis pages?



So, if it’s yours, you need to add a Samrty code, like this:

{if page != HTTPS}
AddThis Code goes here
{else}
{/if}



WARNING!



This code is an example, this is NOT the real code!



It’s only an example, you need to find the real code, I’m sorry I have not the real answer to this question…





Lee Li Pop

[quote name=‘sh1nn3r’]Can you explain where this code goes please?[/QUOTE]



In your main index.tpl, anywhere you want, inside and because these AddThis buttons have a position fixed.



If I was you, I paste it just before

```php

```
[B]Of course, you need to upload AddThis buttons on your server and change their URL![/B]

Change this:

[QUOTE]
*****

For the CSS code, paste it at bottom of your main CSS file:

```php .addthis_toolbox.atfixed {
position: fixed;
top: 10%;
left: 20px;
border: 1px solid #eee;
padding: 5px 5px 1px;
width: 32px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.addthis_toolbox .custom_images a {
width: 32px;
height: 32px;
margin: 0;
padding: 0;
cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 0 0 1px; opacity: 1.0; }
.addthis_toolbox .custom_images a:hover img { margin: 1px 0 0; opacity: 0.75; } ```



Lee Li Pop

Thanks Lee Li Pop



It was the following code that I couldn’t get right:



{if page != HTTPS}

AddThis Code goes here

{else}

{/if}



I wanted the Add This button on all pages on my site, except secure pages.



It’s all working perfectly now .

Just an observation. When a customer is using a monitor resolution of 1024 x anything (width being the important factor here, this is based on the sample site shown, your actual website container size will make this value vary), this floating style of social linking is highly annoying and distracting. It floats over actual useful site content. I would recommend not showing it to customers that have a smaller screen resolution as it detracts from your actual, important content.

Yes, I think people go crazy with ‘social media tools’. And as ‘adodric’ mentionted, they do forgive what is more important by selling and what the user (browser, new customer maybe) like or hate…

Hello Doddles,

[quote name=‘doddles’]

It’s all working perfectly now .[/QUOTE]



Glad to help you!





Lee Li Pop

Zap! - I’ve just removed a few posts here to clean the thread up (yet again) since they were off-topic.



Relating to the ‘Add this’ being cast over the side of the page, we currently use something similar but for out live-help buttons. We have not had any complaints yet as it is true customer assistance.



My brand of customer psychology suggests that ‘FB’ ‘TW’ ‘WP’ and other icons would be a distraction to the true purpose of your store, keeping customer on-page and spending money.

[quote name=‘JesseLeeStringer’]

Relating to the ‘Add this’ being cast over the side of the page, we currently use something similar but for out live-help buttons. We have not had any complaints yet as it is true customer assistance. [/QUOTE]



Yes, I’ve seen your “Need Help?” right aligned floating tab and it is well done in my opinion. It hugs the right edge of the screen and it is of use for customers that need customer service, which to me is very important in landing a sale. Social media links however are not important to creating a sale. I feel that social media can be used to get someone to your website for a sale, but don’t work the opposite way and take them away from your site.

Hello Adodric,



Facebook is the biggest community of the world:



[url]End of Service Notice



Display a button “Like” or “Share” you automatically enter to a bubble of friends, and one of them will presents you into another bubble of friends, through the interconnection friends of friends.



Think! Friends talk to friends, who talk to their friends, talk… Talk!



A Facebook button is really a virtual word of mouth!





Lee Li Pop

[quote name=‘Lee Li Pop’]Hello Adodric,



Facebook is the biggest community of the world:



[URL]End of Service Notice



Display a button “Like” or “Share” you automatically enter to a bubble of friends, and one of them will presents you into another bubble of friends, through the interconnection friends of friends.



Think! Friends talk to friends, who talk to their friends, talk… Talk!



A Facebook button is really a virtual word of mouth!





Lee Li Pop[/quote]



We have this functionality already onpage, our target market is a little older so they have no real use for FB. Hasn’t been that much of a monumental success and I probably wouldn’t add it for our next redesign if our employees didn’t use it religiously.

Hello Jesse,

[quote name=‘JesseLeeStringer’]We have this functionality already onpage, our target market is a little older so they have no real use for FB. Hasn’t been that much of a monumental success and I probably wouldn’t add it for our next redesign if our employees didn’t use it religiously.[/QUOTE]



Wow



Thank you for sharing this information. It overlaps what I read recently about the lack of profitability of advertising on Facebook, compared to hyper profitability of Google ads (comparing the results of revenues of advertising Facebook Vs. Google). The reporter summed up his article as follows:



Users are on Facebook as visiting friends, and they do NOT watch commercials.



Users are looking for something on Google, so they click on ads more easily than an other location.



Can we sell on Facebook as on an eCommerce site?



Jesse, I am a little confused:

[QUOTE][SIZE=“3”]Facebook fans spend $71.84 more annually[/SIZE] on consumer products than do non-fans. They are 41 percent more likely to recommend products and 28 percent more likely to continue using them, [SIZE=“3”]according to Forbes magazine[/SIZE].



[SIZE=“3”]As a result, ecommerce merchants should consider Facebook as a channel to expand their businesses.[/SIZE][/QUOTE]



Source: [url]http://www.practicalecommerce.com/articles/2247-Selling-on-Facebook-4-Common-Issues[/url]



What do you think of these applications to sell on Facebook, who are next step beyond “Like” and “Share” buttons to developing its Facebook’s business opportunities?



[url]http://www.socialmediaexaminer.com/how-to-sell-products-via-your-facebook-page/[/url]



Or those ones:



[url]http://www.practicalecommerce.com/articles/2095-Six-Facebook-Applications-to-Sell-Your-Products[/url]





Lee Li Pop

Jesse,



Older people are also discovering facebook (I know quite some 65+ people that discovered facebook lately and are using it) so I certainly wouldn’t remove it in your next design.

[quote name=‘Lee Li Pop’]Hello Jesse,







Wow



Thank you for sharing this information. It overlaps what I read recently about the lack of profitability of advertising on Facebook, compared to hyper profitability of Google ads (comparing the results of revenues of advertising Facebook Vs. Google). The reporter summed up his article as follows:



Users are on Facebook as visiting friends, and they do NOT watch commercials.



Users are looking for something on Google, so they click on ads more easily than an other location.



Can we sell on Facebook as on an eCommerce site?



Jesse, I am a little confused:







Source: [URL]http://www.practicalecommerce.com/articles/2247-Selling-on-Facebook-4-Common-Issues[/URL]



What do you think of these applications to sell on Facebook, who are next step beyond “Like” and “Share” buttons to developing its Facebook’s business opportunities?



[URL]http://www.socialmediaexaminer.com/how-to-sell-products-via-your-facebook-page/[/URL]



Or those ones:



[URL]http://www.practicalecommerce.com/articles/2095-Six-Facebook-Applications-to-Sell-Your-Products[/URL]





Lee Li Pop[/quote]



I won’t give you the exact number of people as our competition would love to see these figures but I can give you percentages.









To me personally - FB is just a time vampire. Although we have better per value visits, we don’t have enough to warrant any further investment into it. The biggest factor that I look into is value per visit, and this is down by 90%, even if traffic spiked by $50 more - I still wouldn’t invest into it.



The only major benefit of FB to me, is that if I need staff - I just message them on FB for a quicker reply (-_-)



Overall, as a consultant in this day and age. Dump FB integration until the store has had the following implemented: Customer Pathway Analysis, Speed Improvements, Customer Personalization, Product Descriptions Templated (uniformity), Product features, a blog, … the rest are secrets of trade…

[quote name=‘Flow’]Jesse,



Older people are also discovering facebook (I know quite some 65+ people that discovered facebook lately and are using it) so I certainly wouldn’t remove it in your next design.[/quote]



They will need to spend more money before I consider it

You can make it happen by spamming my ‘like button’ - the marketing manager would have an early Christmas LOL

facebook.com/barnlightelectric



PS: Lee Li, I’ve realize that overtime, the ecommerce ‘gurus’ don’t run any stores themselves. In reality they words just are ‘pied-pipers’ to the illiterate; to sell advertising. An excellent example is ‘Webdesigners Magazine’ their ecommerce articles suggest hosting providers exclusively and the recently did a FULL WRITEUP about HostGator, 1&1, GoDaddy and Siteground in every magazine. They also suggested these businesses for ecommerce, using their inbuilt carts :twisted:.

Jesse,



My belief in Facebook is nearly dead now.



So, I think you helped me to save time and money: My dream of living a life and build a shop on Facebook will wait.



On the other hand, I’ll get free time to focusing on the heart of the trade: CS-Cart!

[quote name=‘JesseLeeStringer’]

PS: Lee Li, I’ve realize that overtime, the ecommerce ‘gurus’ don’t run any stores themselves. In reality they words just are ‘pied-pipers’ to the illiterate; to sell advertising. An excellent example is ‘Webdesigners Magazine’ their ecommerce articles suggest hosting providers exclusively and the recently did a FULL WRITEUP about HostGator, 1&1, GoDaddy and Siteground in every magazine. They also suggested these businesses for ecommerce, using their inbuilt carts :twisted:.[/QUOTE]



The affiliate game rule the world…



Unfortunately for the newbies.



I believed that infomercial, poker, casino, betting, sex and pharmacy were the only fields corrupted with the affiliate scam, in fact, that’s widely bigger I thought…



Will small independent cyber shopkeeper can survives in this faked titans’ war?





Lee Li Pop

FB will be the AOL of 2010 in 2015!

I’ve seen zero actual business come through facebook. I did an ad that targeted people with “web developer” or “web designer” in their profile. Out of 10K impressions, there were zero clicks.



Who remembers what their friends liked 2 months ago or even 2 days ago?



Has anyone ever really generated ANY revenue directly from a FB like button or a referral from FB?

[quote name=‘tbirnseth’]

Has anyone ever really generated ANY revenue directly from a FB like button or a referral from FB?[/quote]



Only what I’ve got in the past 30 days