Vistaprint Internet Marketing - Electronic Services
RSS Follow Become a Fan

Delivered by FeedBurner


Recent Posts

Websites We Love: Inspiration
Websites We Love: Painting a Picture
Websites We Love: Showcasing Your Passion
Site Statistics Update
Websites We Love: Four Years Strong

Most Popular Posts

Adding Facebook and Twitter badges/buttons to your website
Websites We Love: Inspiration
Consider These Extras to Boost Your Website Activity
Top Three Reasons to Add a Contact Form to Your Site
Websites We Love: Showcasing Your Passion

Categories

Blog
Building Links
Building Websites
Content
digital trends
Domain Names
Email Marketing
extra
Facebook
Google
group buying
keywords
mobile
mobile device
New Product
paid search
Paypal
Product Updates
Release Notes
search
Search Engine Optimization
SEO
Shopping Carts
social media
Support
Twitter
Website Builder
Website Traffic
Websites
Websites We Love
widget
widgets

Archives

June 2012
May 2012
April 2012
March 2012
February 2012
January 2012
September 2011
April 2011
March 2011
February 2011
January 2011
December 2010
November 2010
October 2010
September 2010

powered by

Internet Marketing Blog

Adding Facebook and Twitter badges/buttons to your website

 
 
 
Due to a number of questions on our Blog, Facebook and twitter this week we have put together some instructions for how to add both facebook and twitter badges to your website.

This can been done in two different ways: The first Option uses the images extra in the website builder, and the second uses the HTML extra that comes with the Advanced Design Tools upgrade.  See which one best suits your needs.
 
Option 1: Using Images and Links

Step 1: Save the image you want to use into a folder on your computer.
 
 
 
 
 
 
 
Step 2: Log into the Website Builder and click on Images at the top of the toolbar under “Insert” tools.

Step 3:
Once the image up loader pops up, click on browse to add the image from your files.
 
Step 4:  When you see the image loaded into the Website Builder, “Right Click” on the image and you will see “Link” as the top option on the menu. Click on the “Link” option.
 
Step 5: Grab the URL (website address) you want to link the image too. Do this by going to the respective page (Facebook or Twitter) and copying the URL.
 
Step 6: Go back into the website builder and select the option “Link to another page on the web” and paste or type the URL into the text box and click ok.
 
Option 2: Pasting HTML

Step 1: Log in to your Facebook and twitter accounts to get the badge HTML code.
Facebook

FB 1: Log into your account and open up your business Facebook page.
 
FB 2: Click on Edit Page and on the lower right side of the page click on the link “Get your Badge” or click here to go straight to the Facebook Badges page. On http://www.facebook.com/badges/, you can choose which type of badge you’d like to use . You’ll be prompted with what you’d like to use the HTML text for.  Select “Other” and you’ll be provided the text to copy and paste into the website builder
 
 
 
 
 
 
 
 
 
 
 
 
FB 3: Select the type of badge you want to create

FB 4:
Customize the size and how you want it to look on your site.
 
FB 5: Click "Get Code" and copy the iframe code from the text box.
 
See step 2 for adding it to your site
 
Twitter
 
T 1: Log into your twitter account
 
T 2: Click on the settings tab at the top of the page.
 
T 3: Once your settings page is open scroll down to the Footer where you will see the links specific to twitter like “About Us” “Contact”, the one you want to click on is “Goodies”. The Goodies (http://twitter.com/goodies) page will bring you to the twitter "Buttons and Widget Page".
 
T 4: Select the type of button for your website and you will then be prompted to select the actual image to display on the page. Select an image that you like best. 
 
 
 
 
 
 
 
 
 
 
 
T 5: To get the HTML code for the button you need to click on the image and copy the HTML code displayed above the image.
 
It will look like this: 
 

 
 
 
 
 
 
 
 
 
 
 
Now see step 2 to add it to your site.
 
Step 2: Adding the image to your site using the HTML Extra feature in the site builder
SB 1: Log into your Vistaprint Website Builder
 
SB 2: Click on the “Extra” button then select the “Add HTML” feature
 
SB 3: Add the HTML code from Facebook or twitter into the text box by pasting it, then click done.
 
SB 4: This will bring the image onto your site and all you need to do now is place it where it looks best!
 
SB 5: Hit publish and your customers will be liking on Facebook and tweeting you on Twitter in no time!!
 
For people who have Advanced Design Tools (a website upgrade feature) you have the ability to add HTML using option 1 and 2. For people without Advanced Design Tools you can use option 1 or for a small fee upgrade to Advanced Design Tools
 
Hope this helps you getting the Facebook and twitter badges on your site! Feel free to share your success once you have added badges to your site, on Facebook, Twitter and the Vistaprint Internet Marketing Blog

23 Comments to Adding Facebook and Twitter badges/buttons to your website:

Comments RSS
shoichiro nakamura on Tuesday, October 05, 2010 10:04 AM
I am reading the article on "Adding facebook badges..." The problem I encouter is when I try " Step 2: Log into the Website Builder and click on Images at the top of the toolbar under “Insert” tools.", there is no such "Insert" tools on the page of "Website Builder" although that page is reached by clicking on the link. Thus, the article "Adding ..." is useless. Am I wrong? or what is wrong?
Reply to comment
 
Samuel on Thursday, October 07, 2010 10:21 AM
Hi Shoichiro, Apologies for the confusion, at the top of the site builder you will see the buttons displayed in step 1 of the process. The button is called "Images" next to the "Link" tab. You add images similar to how you do normally on your website, then add the link after you have added the image. Let me know if this helps and if you have any more questions. Thanks for reading.


buy facebook likes on Tuesday, May 14, 2013 9:17 AM
I just like to thank you for the wonderful blog post that you have been shared.I think to add the social media sites to your website is the most essential thing to increase the business.I find your tips quite informative and easy to follow.


swarovski uk sale on Thursday, August 01, 2013 10:41 PM
karen millen.co.uk , swarvoski outlet , swarovski honey pendant , swarowski uk sale .


Raavi show on Wednesday, November 06, 2013 2:59 PM
I must be thankful for this post. I have learned how to badge those buttons.


kelly tombs on Thursday, October 14, 2010 8:01 AM
hello, I have figured out how to get a badge, but I want to add a "like" button. FB gives me the code for iframe and xfbml but I cant find where on the site builder I would enter this? is it the same as html? thanks very much
Reply to comment
 
Samuel on Friday, October 15, 2010 3:18 PM
Hi Kelly, Yes this is added in the same area as html. Let me know if you have any other questions, nice work on getting the badges on your site!


Nagina on Sunday, October 24, 2010 8:25 AM
Hi i would like to put my website on my fb. I am a bit confussed how to do this as i am new to all of this. I do not have a business fb I just have my own normal fb... Please advice me what to do
Reply to comment


Shuriken on Sunday, November 14, 2010 6:02 AM
Thank you for the guidance... Although I would like to ask you: do you know any code/resource that can provide same style Facebook, Twitter and Stumbleupon buttons that show the number of likes, stumbles, tweets? I need 3 of these, the exact same size, style and I cannot find anywhere :(
Reply to comment


Kelly on Monday, February 07, 2011 12:21 AM
I know this is not quite the right thread but I haven't found that. I'm trying to get the facebook feed to work, and it just doesn't. It displays my facebook header, the people who like my facebook, but it doesn't display my wallpost.
Reply to comment


Amy on Thursday, March 10, 2011 8:59 PM
No ture if Facebook has changed their layout but on Option 2 FB 2 there is no “Get your Badge” link on the lower right side. Instead find it on the LEFT HAND SIDE under Marketing where there is a 'GET A BADGE' option
Reply to comment


Linda Smith on Friday, July 29, 2011 5:07 PM
I am having a terrible time trying to get to my web site. Every time I try I end up on Vistaprint web site instead of mine. How do I get to my web site?
Reply to comment


site on Friday, September 14, 2012 10:48 AM
These pieces of advice are very helpful for me. I do not know how to add facebook link. Your blog is very useful.
Reply to comment


Get more followers on twitter on Thursday, March 14, 2013 7:06 AM
Wow! Great post. Thanks for sharing.
Reply to comment


sex toys on Monday, April 22, 2013 1:09 PM
Crystal Foster Jones works for ResCare Beckley, providing services to people with disabilities in Beckley, West Virginia She was visibly emotional speaking at the same meeting.
Reply to comment


apa paraphrase on Thursday, July 18, 2013 4:58 AM
I'm truly fond of this post. In my opinion author might be quite a genius. I admire his work. He's just gorgeous.
Reply to comment


Boca Raton SEO services on Tuesday, December 10, 2013 9:45 AM
Its good to have the social networking site buttons in your website.It is the best way to boost the website activity.Thanks for sharing this blog with us.
Reply to comment


My Profile on Friday, January 03, 2014 7:14 AM
On-line reading isn't my business. After that reading this blog site I'm for fair pleased. I don’t know about this or other blogs but this I'll definitely keep coming back to. I add this site to favourites.
Reply to comment


michael blaney on Monday, January 06, 2014 6:09 AM
Great new website www.iwant2behuman.com entertainment blogs personal blogs self help blogs humerous blogs community blogs review blogs world events blogs motivational blogs comment areas contests charities interviews recommands merchandise dear abbey section and so much more plus... original material from Michael Blaney TWO SONGS OFF HIS ALBUM - HAUNT available at amazon.com and itunes http://www.youtube.com/watch?v=Tr4FZxxnqyI http://www.youtube.com/watch?v=Mi0yJms8RBk Michael Blaney's Children's book FROGULEY and his auto IM ONLY HUMAN are available on amazon.com http://www.amazon.com/Froguley-ORIGIN-OF-THE-QUEEN/dp/1484044797/ref=sr_1_1?ie=UTF8&qid=1388999041&sr=8-1&keywords=froguley http://www.amazon.com/Im-only-human-michael-blaney-ebook/dp/B00CLCTS8U/ref=sr_1_cc_1?s=aps&ie=UTF8&qid=1388999138&sr=1-1-catcorr&keywords=michael+blaney+im+only+human And the album by SPUNKMEYER BROWN AND HALF DEATH http://www.amazon.com/Spunkmeyer-Brown-Half-Death/dp/B00GAV6FJI/ref=sr_1_1?ie=UTF8&qid=1388999250&sr=8-1&keywords=spunkmeyer+brown+and+half+death Join us for fun, advice, get stuff off your chest, reviews and so much more!!!!
Reply to comment


internetowy sklep jumabial.pl on Wednesday, January 08, 2014 2:51 PM
Hey, hey. I recommend to listen to the performance, to spend some cashe for the purchase and dedication of one an hour for a really this great dish. Surely no one will be disappointed in this DVD. I really recommend it especially to girls listening genre () but also all who hear other nice types of sounds. Or maybe go to on this genre of music? Please I will be very heppi.
Reply to comment


Amber on Monday, February 10, 2014 12:44 AM
Thanks for the help with the social media buttons and adding pictures to the article! Seeing what you were writing about really helped! Thanks!
Reply to comment


Repliki zegarków on Wednesday, April 02, 2014 10:37 PM
Link building is a very important part of Search Engine Optimization, and is a great way for Small Businesses to get ahead in search engines like Google. Link building is the process of getting other websites on the internet to add links
Reply to comment


reviews on Tuesday, April 08, 2014 8:46 AM
I like the blog Its has nice information Its really effective and very nice, i hope this information will help everyone.
Reply to comment

Add a Comment

Your Name:
Email Address: (Required)
Website:
Comment:
Make your text bigger, bold, italic and more with HTML tags. We'll show you how.
Post Comment

Website Builder provided by  Vistaprint