The Ecommerce Blog

How to write effective product descriptions for your online store

Published on February 12th, 2010 by Mitchell Harper

Introduction

When we’re surfing the ‘net most of us are testament to the fact that attention spans get a little smaller. In contrast to print publications, much less attention is given to each word as we skim through web pages, so it’s important for us to understand that writing for the web can be significantly different than writing for print.

The web has inadvertently made authors out of us all. As we post on forums, send emails, share information, write white papers, guides and various web content – most of us are not authors by profession and so consequently the quality of writing on the web varies greatly.

In this post I’ll share some important points to consider when writing for the web and trying to harness the obvious reach that the web holds over traditional print media.

What is Web Content?

 
When we strip away all of the graphics, logos, designs and images from a site, we are left with pure web content. Most business websites can be quite similar in the sense that we all advertise our services, products, contact details, etc. However, each company has a variety of specialized information that can be used to create a unique website and it’s important that we recognize and feature the points that make our individual business (and associated content) different from our competitors.

The First Paragraph

 
As a general rule, if the first paragraph of a publication can attract and keep the readers attention, then they are highly likely to read on. Optimizing your first paragraph to be as articulate and concise as possible will greatly increase the chances that a reader will stay with you for more information. Outline your biggest benefits here and engage the customers to read on and get involved with your products and/or services.

Converse with Your Readers

 
Being a slave to search engines is inevitable, and it is because of this that we find many sites bombarded with keywords. Don’t allow your quest for rankings to interrupt the effectiveness of your grammar or your ability to be informative.

Your website may have a large amount of information – readers will most definitely not get through all of it – so make sure you outline the most important benefits and present them to users in a conversational style.

Having a friendly conversation will present the information more clearly and will be more engaging, for example:

“If you’re short on time, then you should try one of our widgets. Time is a precious commodity, and we’re here to help you make the most of yours…”

Don’t present your information in large blocks. Cut it down into short bite-sized paragraphs that are easier to digest and use bullet lists when comparing or describing features.

Use the least amount of words so that readers have less to skim through – you’ll find that the amount of scanning is reduced and readers will actually absorb more information.

Cater for Different Tastes

 
It’s also important to understand that people come to your website with different levels of knowledge on any one topic or product. You can’t expect everyone visiting your website to know about or understand your offerings in their entirety.

For example, sites that list products by their model numbers and reference codes are narrowing the appeal of their site to only those users that would know these numbers. It’s important to have enough foresight to realize that while you’re fully aware and knowledgeable about your products and services, your website’s visitors may not bw.

For example, instead of providing just model numbers and reference codes, why not include a picture, short description and some user reviews on your product pages?

Don’t Make the Reader do all the Work

 
Visitors will often venture to your website with one single goal in mind. Given that, if they’re then presented with a website that forces them to figure out the product/service that suits them, but they are not helped because there is no meaningful information, then your website has failed.

This extends to the way your information is presented. If your fact sheets and other information are, for example, simply uploaded in a series of PDFs for the user to download, then thy have to work harder because you didn’t take the time to convert the product information into easily navigated web pages.

Readers Don’t Like:

  • Pages that require a lot of scrolling – Text is easier to read if it is clear, concise and scanable. The text needs to be in short paragraphs or bullet lists and needs to get straight to the point.
  • Over doing the sales and marketing pitch with no real information but too much “fluff”, claiming “world’s best”, “number one”, “top of the range” – these bear no value if the simple features and benefits of your products are left out.
  • Grammar and spelling mistakes – It seems obvious but they’re still very apparent on many websites. If someone sees spelling and grammar mistakes, then it seems obvious that the author was not willing to spend some extra time to run a spell check or read over their own work. If the author places such little value on the time they invest in their work, then readers will place similarly low values on their products/services and will most probably disregard the information.
In Conclusion

 
Many visitors will take a look at the information on your website, however it’s important to understand that each person reads individually, so effective web content should make the reader feel that it’s focusing on them.

Try and get your point across quickly and avoid bombarding people with information – your published web content should be the result of various levels of refinement considering style, emphasis and conciseness.

The above points give a few important factors to consider when writing for the web, but if you are still lost for content then start at the very basic level of interviewing/researching your customers and finding out what it is that they want or need. From there, you can start investigating the foundations that lead customers to your website and make them want to stay with you.

Bookmark and Share

Selling in Style: 5 BigCommerce Stores Strut Their Stuff

Published on February 9th, 2010 by Mitchell Harper

strut-store-5
Petrol – Fuel for Dogs

strut-store-4
Roy Oswalt 44

strut-store-3
Kiri Kids

strut-store-2
Yubo – Play With Your Food!

strut-store-1
Jodi Arnold

Bookmark and Share

Interspire Podcast #2: How to hire super stars and how to formulate your market

Published on February 7th, 2010 by Mitchell Harper

Length: 26:56
Overview: A look into the strategies we use for recruiting the best people and tips to formulate your market when selling any sort of product.

Description:
In this, episode 2 of the Interspire podcast, I take a look at some of the strategies we’ve developed over the last 6 years to identify the best candidates during the interview process. At the surface level you might think it’s easy to recruit based on a candidates past experience, but that couldn’t be further from the truth. I’ll also touch on identifying your market and formulating a business plan that focuses specifically on one geographic region only and I’ll discuss my reasoning for that approach in the context of how we launched BigCommerce.

Like this podcast? Share it on FaceBook or Twitter.

Bookmark and Share

Hold onto your hats! Here’s what’s coming in BigCommerce version 6…

Published on February 2nd, 2010 by Mitchell Harper

bigcommerce-6-logosIntroduction

After releasing version 5.5 of BigCommerce in November last year (which did even better than we expected), we’re well under way developing the next major release: version 6. After talking with dozens of customers and partners via our GetSatisfaction page, in person and on the phones, I’ve locked in what I think is a release full of killer features which will help make you more money as a BigCommerce merchant.

More Innovation, Frequent Releases

Some say the e-commerce space is boring or stagnant. We laugh at that and don’t believe it for a second.

Our goal with BigCommerce is to out-innovate all e-commerce platforms on the market so you have not only the best e-commerce platform in the world but also all of the tools you need to successfully (and affordably – that’s a big one) drive thousands of targeted shoppers to your site so they buy from you. After all, what good is having a great online store if no one sees it?

We know the pro’s and con’s of every competitor in the space and our only mission as a company is to build BigCommerce into the most innovative, industry-leading e-commerce platform available so you can get the most out of your online store with the least amount of effort.

We eat, sleep, breathe, dream and think about our goal every minute of the day, and consistent, high impact releases are designed to do just that.

Anyway, I digress, although I do think it’s important you know where we plan to take the company (to the top).

The BigCommerce Version 6 Feature List

Here’s the list of features you can expect as part of BigCommerce version 6 around the middle of the year:

Disclaimer: The features listed below may be changed at any time so please don’t plan or build your business around them. While we will do our best to include every feature, one or more may not make it into the final release. The middle of the year is also an extremely rough release date estimate and can (and probably will) change.

  • eBay selling integration – As identified in a survey we sent out in late 2009, the biggest problem for BigCommerce merchants is attracting new customers to their online store affordably. eBay selling integration will allow BigCommerce merchants to “push” some or all of their products to eBay, which would then appear in eBay search results and listings. You will then be able to process orders received via eBay just as you would those through your BigCommerce store. This will give you access to the tens of millions of people who shop on eBay every month at little to no cost.

    {NEWLINE}
  • Dropshipping and multiple warehouse support – Dropshipping will allow you to sell online without having to stock inventory or ship orders. When dropshipping is enabled, each product is assigned to a particular supplier whose details (including email address) are stored. When an order is placed, an email is sent to the supplier of each product in the order. The email includes the customer’s address, product, quantity, etc. The supplier then ships the item to the customer on behalf of the BigCommerce merchant, who typically pays each of their suppliers at the end of the month.In addition to dropshipping support, multiple warehouse support will allow larger e-commerce vendors to use BigCommerce. If you imagine an online retailer like Amazon who has at least 6 warehouses across North America, their apparel might be inventoried in one warehouse while their books in another, their appliances in another, etc. With multiple warehouse support, each product is assigned to a particular warehouse (and shelf location) so when a picking slip is printed for an order, it will include warehouse and shelf location details for each item in the order, making it easier and faster for the warehouse clerks to get an order into “ready to ship” stage or to split the order over multiple shipments if need be (which BigCommerce already supports).

    {NEWLINE}
  • Importer from Yahoo Stores – A Yahoo Stores importer will make it easier for current merchants using Yahoo Stores to switch to BigCommerce. They simply setup their BigCommerce trial store, start the Yahoo Stores importer, choose what they’d like to import and they’re ready to start selling online with BigCommerce.

    {NEWLINE}
  • Shopping comparison export – Sites like Nextag, Yahoo Shopping, PriceWatch, PriceScan, Shopzilla, Pricegrabber, Shopping.com, MySimon and Bizrate allow people to compare prices amongst different online retailers – and these sites are used by tens of millions of people every week prior to buying online. They are, of course, an excellent source of traffic for online retailers, who can list their products on these comparison shopping sites for free. They only pay when someone clicks a link for one of their products, similar to Google AdWords.These comparison shopping sites typically require the store owner to import (or auto-sync) a simple XML file containing the details of the products they want to list. Along with eBay selling integration this is a fantastic way to drive hundreds or even thousands of new shoppers to a BigCommerce merchant’s online store for around 50 cents per click.

    {NEWLINE}
  • Pre-order/Back order support – Imagine for a minute that you sell books online. Your customers are waiting for the latest Twilight book and because you know stocks from suppliers will be limited upon release, you setup the ability to pre-order the book on your website before it comes out. You accept 1,000 pre-orders for the book (which might be all your supplier will send when it’s released) and when it’s released, you simply look up these orders and ship the books.Back order support allows you to continue selling a particular product even when its inventory dips below zero. You’ll be able to display a message to shoppers showing an estimated date when they will receive new stock and/or when their order will ship. When the new stock arrives, you can look up all back orders and ship them as usual, reducing your inventory count in the process. This is incredibly useful for merchants who experience seasonal variations in purchases or for those who under estimate demand.

    {NEWLINE}
  • Integration with Mailchimp – As we know from experience, email marketing is an affordable way to generate repeat business and build trust with customers. Mailchimp has a simple but powerful API which allows us to integrate newsletter subscribers, customers and even filtered lists of customers right back into the software, which BigCommerce merchants can then use to create, send and track their email marketing campaigns.

    {NEWLINE}
  • Printable shipping labels – FedEx, UPS and USPS all have their own branded, specifically designed shipping labels which make it easy for the shipping carrier to route the package to its destination electronically, simply by scanning a barcode on the shipping label. These labels are easy for us to design using the publicly available API’s through UPS Online Tools, Endicia (USPS), etc. You will be able to easily print a shipping label for an order through your label printer, place it on the box and have the shipping company do the rest. This can save 2-3 hours a day if you’re shipping a sufficient quantity of orders.

    {NEWLINE}
  • Integration with Outright.com – Small business accounting sucks. It’s complicated and the software is a nightmare to use. Outright.com is a SaaS approach to small business accounting and it makes it easy for BigCommerce merchants to track their spending and income. Integration with Outright.com will feed BigCommerce order details directly into the software and will help BigCommerce merchants prepare for tax time when the need arises.

    {NEWLINE}
  • iPad/iPhone template – As we all know, mobile is hot. People love to browse prices and products on their phones but why not let them buy right from their phones as well? The iPad/iPhone template will make it easy for BigCommerce merchants to sell to customers when they’re on the go, and if they enable one or more API-based payment gateways then the customer wont ever have to leave their BigCommerce store.

    {NEWLINE}
  • Picnik.com image editing – Think of picnik.com as an online version of Photoshop but with fewer bells and whistles. It’s free and is an excellent tool for making quick and simple image edits such as resizing, red eye removal, etc. From the control panel you will be able to edit any image simply by clicking on it. The image will be loaded into Picnik.com and changes will be pushed back to their BigCommerce store in real time.

    {NEWLINE}
  • 301 redirect support * - When switching to BigCommerce, the last thing a merchant wants to see is his hard-fought search engine rankings go down the drain. 301 redirect support will allow you to “tell” Google aboutyour new BigCommerce store and will preserve their search engine rankings as they switch platforms (currently supported, but requires our engineers to update the 301 records manually – this will allow you to do it automatically).

    {NEWLINE}
  • Ability to update DNS records * – This will allow you to manage your own DNS records.

    {NEWLINE}
  • “Down for maintenance” page * – Self explanatory. You can take their store down for maintenance and show a customized message during the process.

    {NEWLINE}
  • Improvements to the tax calculations and settings – Includes support for per-product tax rates, multiple tax rates per product, etc.

    {NEWLINE}
  • Being able to set the starting order number * – No one wants to see “Your order number is 1″. This will allow you to set the starting order number when you open their “virtual doors” for business.

    {NEWLINE}
  • “Customers who viewed this product also viewed” panel - A great online merchandising feature which will drive more page views in your store, which will result in more sales.

    {NEWLINE}
  • Match up the import/export data formats – Right now they’re not the same which is time consuming for bulk editing.

* These features will be included in a minor 5.6 release in or around April 2010 because they’ve been asked for the most and are easier to build :)

Conclusion

So there you have it – that’s the entire list of features we’re diligently working on for the next major release of BigCommerce.

As anyone who follows us knows, we’re all about transparency – both in showing you how we build the product (this blog post and various updates on Twitter) and also in our support efforts (via phone, email, our knowledge base, FaceBook page, Twitter account and GetSatisfaction page) – we don’t hide behind locked forums and we’ll even tell you when things go wrong (while we try to be perfect, it isn’t always possible).

Remember, we’re in this together for the long haul. We hope you’re as excited about the upcoming version 6 release as we are and we can’t wait to get it to you!

Over and out.

Bookmark and Share

New “Store Login” Link Makes it Easier to Login to Your Store

Published on January 21st, 2010 by Mitchell Harper

Just a quick update to let you know we’ve added a new “Store Login” link to the top menu on the BigCommerce website. Clicking the link takes you to a login page for your store. After you’ve logged in once, you can come back to the same page (bookmarking the login page is recommended) and your store URL and username will be remembered. Simply type in your password and you’ll be logged into your store’s control panel.

Bookmark and Share

Interspire Podcast #1: Our email marketing strategy for 250,000+ contacts

Published on January 20th, 2010 by Mitchell Harper

Length: 26:40
Overview: A look into the strategies we’ve used to grow our various email lists to over 250,000 people.

Description:
In this, our first podcast in a series of many, I discuss the specific strategies we’ve used over the last 6 years to build our list of contacts to over 250,000 people. I talk about the design ideas behind our newsletters as well as how to write content which allows you to relate to your subscribers. I’ll also share a few tricks relating to email compatibility, buyer psychology and company positioning.

Like this podcast? Share it on FaceBook or Twitter.

Bookmark and Share

BigCommerce 5.5 Upgrade Available to All Stores

Published on January 19th, 2010 by Mitchell Harper

Please note: If you created your BigCommerce store on or after 16th December 2009 then you’re already running version 5.5 so please ignore this post. It only applies to stores which were setup before 16th December 2009.

Hi everyone. Over the last few days we’ve been rolling out the BigCommerce 5.5 software update to all existing stores. If you login to your store’s control panel you’ll see a notice at the top of the page which looks something like this:

bc-55-upgrade-notice

When you click the link you’ll be asked to schedule a date for when the upgrade will take place:

bc-55-schedule-popup

The upgrade process is automatic, takes around 30 minutes to complete and because some files will be changed, your store may down for all or part of the upgrade process.

If you’ve modified your template or CSS files either using the browser-based QuickEdit tool or via FTP, you will need to make some small changes to maintain compatibility with the 5.5 update, but don’t worry – the upgrade guide PDF steps you through everything, complete with screenshots. If you’ve only used design mode to change your store’s layout or text then you don’t need to make any changes after you’ve upgraded.

Just to recap, the 5.5 software update is a major release. It was specifically built to give you more merchandising tools so you can increase your conversion rate and increase the number of people who buy from you. For me the stand out features are SuperZoom photo zoom, YouTube search and embed as well as Google Website Optimizer integration.

I know from experience that GWO can significantly boost your conversion rates and that seemingly small changes (such as changing the color of your checkout button from blue to green) can have a massive impact on your bottom line, so I’d love to hear your experience with GWO once you’ve upgraded.

This blog post talks more about the 5.5 software update in detail, but here are the new features you’ll be able to enjoy once you upgrade:

  • Google Website Optimizer Support – Test different versions of site-wide items to see which results in more sales. For example, test different “Add to Cart” buttons while also testing different checkout buttons, product names, category descriptions and more. In total there are 18 different tests you can run – more than any other e-commerce platform provides.
  • Image Thumbnails, Zoom and Custom Sizes – We know from your feedback that images are the most important part of your online store, so we’ve added the ability to display thumbnails on the product page. There’s also image zoom on rollover and custom (configurable) image sizes for different sections of your online store.
  • YouTube Search and Embed – Search for videos on YouTube right from your “Add a Product” page and have them display in a beautiful video player on your product pages. Easily find (or upload) video reviews for products you sell, add them to your product page and watch your order rate increase.
  • QuickBooks and StoneEdge Two Way Sync – Easily sync your orders, products, customers and more to/from Intuit QuickBooks or StoneEdge Order Manager with just a few clicks.
  • Change the Store’s Header Graphic – You can make changes to the existing header graphic in your store’s design or even download a plain version of the header graphic to modify as required.
  • Auto-Generated HTML and XML Sitemaps – The HTML sitemap will allow the search engines to crawl and index all pages in your online store, while the XML sitemap can be submitted using Google Webmaster Tools to get more details on crawling/indexing problems which you can then correct to improve how your online store ranks in the search engines.
  • Search Products, Categories, Brands, News and Web Pages – Your customers will be able to search more than just products in your store. They can search categories and brands by name and even content in news items and web pages you’ve created. Search results are separated into easily-accessible tabs and are fully configurable.
  • Accept and Process Payments When Taking a Phone Order – You’ll be able to take payment then-and-there when adding a phone order through your store’s control panel. No more processing payments manually after you take the order.
  • More Varied Store Designs – We’ve crafted over 15 additional store designs for a wide range of industries, bringing the total of over 60 store designs available to all BigCommerce store owners absolutely free.
  • Embed Videos Into Product Descriptions – Just paste in a link from YouTube, Vimeo, Metacafe or Megavideo and we’ll automatically create the HTML code and add the video to your product’s description.
  • Photo Gallery – All uploaded images are accessible from the new photo gallery, so if you want to use the same photos for multiple products you only have to upload them once. You can even use photos that have already been uploaded to other websites.
  • An AddThis Button on Product Pages – Take advantage of product recommendations with the AddThis button. In one click shoppers can easily share a link to a product in your store with their friends via email, Twitter, FaceBook and dozens of other social media services.
  • Abandoned Order Report – See a list of all incomplete orders along with shopper details so you can follow up and see why they didn’t complete their order. You can choose how many days these orders remain in your store’s control panel before they’re removed.
  • Sales Tax Report - Easily create a sales tax report filtered by date range which you can export into Microsoft Excel for further processing or to send directly to your accountant.
  • Various Improvements – Along with new features we’ve also improved existing functionality. A complete list of improvements will be included with the change log upon release.
Bookmark and Share

How We “Do” Development: An Inside Look

Published on January 10th, 2010 by Mitchell Harper

atlassian_logoIn early December while in Los Angeles I was interviewed by Jon Silvers from Atlassian, the popular Australian company that makes a range of development tools that we happen to use to assist with building BigCommerce and our other products.

In the interview we discuss how our engineering teams have shifted from an ad-hoc development methodology to an agile (scrum) based one over the last few months. We also discussed the processes and methods we’ve used to build software updates in what are considered to be fast development cycles (2-3 months).

You can read the entire interview, which is published on Atlassian’s website as a case study here.

Bookmark and Share

How to Create a FaceBook Fan Page and Add the Widget to Your BigCommerce Store

Published on December 11th, 2009 by Mitchell Harper

bcfacebookpageWe’ve recently setup our very own BigCommerce fan page on FaceBook (we’d love you to become a fan and connect with us!) and let me be honest with you – it wasn’t a walk in the park. FaceBook now has so many buttons, tabs, applications and settings that it took us quite a bit of time and research to work everything out, but now that we have I wanted to share what we did so you can do it too.

Something like 70% of people in North America have a FaceBook profile and creating your own FaceBook fan page is a great way to connect with your customers. If you have a blog you can automatically setup your fan page so that new blog posts appear on your wall. You can even create a FaceBook fan page widget and put it right into your BigCommerce store, which is what I’m going to teach you how to do in this post.

Creating Your FaceBook Fan Page

The first thing you need to do is create your own personal FaceBook account. If you already have an account then you should use that – and don’t worry, your personal photos, wall, comments, etc won’t appear on your FaceBook fan page – you will simply be the owner of the page.

fbcreatepagebuttonOnce your personal account is setup, go to this page and click the “+ Create Page” button. You’ll now see a few different options for the type of page you want to create. If you’re selling online then you’ll either want to choose “Local” or “Brand, Product or Organization” and then choose an option in the dropdown list that best represents your company, products or services. Finally, enter your company name in the “Name of Page” box and click the “Create Page” button.

Here’s a sample for an online store that sells coffee:

fbpagesetup

Your fan page will now be created and should look something like this:

fbfanpagebasic

Adding Your Logo

Pretty boring, right? Let’s spice it up. Firstly, see the big question mark image at the top of the page? That’s where we want your logo to appear, so move your mouse over it, click the “Change Picture” link and then choose “Upload a Picture” like so:

fbchangepicture

If you don’t have a copy of your logo on your computer then you can download the logo from your BigCommerce store (if you’re using an image as your logo not text through the logo builder). Just go to your store in a web browser and right click on your logo at the top of the page. You should see a “Save Images As…” (or similar) menu option which will let you download your logo to your hard drive.

Here’s how my sample fan page looks with a logo I created in Photoshop:

fbpagewithlogo

Adding New Blog Posts to Your FaceBook Wall Automatically

Next let’s setup our fan page so that our BigCommerce news posts are automatically added to our wall (the wall for your fan page, not your personal FaceBook account). That way you can add news to your BigCommerce store and have it appear on your FaceBook fan page automatically, without you having to do anything.

To do this we need to install the “Notes” application on our fan page, so make sure you’re on your fan page then click the “Applications” bar at the bottom left of the page and choose the “Browse More Applications” link, like this:

fbappdropdown

Now type “Notes” (without the quotes) in the search box at the top left of the page and press enter. A list of applications will appear. Click the first one:

fbappsearch

When the page loads click the “Add to my page” blue link on the left and then choose your new fan page if prompted and click the “Close” button. The “Notes” application will now be available on your fan page, so the next step is to tell the “Notes” application where your blog is.

Your BigCommerce store includes the ability to push your own blog posts (or news items as we call them) which will appear, by default, at the bottom of your home page in the “Recent News” section like this:

fbnewsbc

If you haven’t already, you’ll need to create at least one blog post before you’ll see the “Recent News” section. From your store’s control panel click the “Website Content” tab and choose the “Create a News Item” option. You can then create a news item and it will appear on your store’s home page. Easy!

You should now have at least one news item displaying on your home page. To add your blog posts to your FaceBook fan page automatically we need to get the RSS feed for your BigCommerce blog, which is simply a file containing all of your recent posts. To get this, click on the orange icon next to the “Recent News” heading on your home page:

fbrssbc

After clicking the RSS icon you want to copy the website address from the address bar in your web browser, so right click on the text in your address bar and choose the “Copy” option. Your website address should now look something like this:

http://awesomecoffee.mybigcommerce.com/rss.php?action=newblogs&type=rss

The front part of your website address can be different, but the part in bold above should be the same. Now jump back over to your FaceBook fan page (you might need to click your browser’s back button 3 or 4 times to get back to it) and click the “Edit Page” link under your logo image. Find the “Notes” application and click its “Edit” link, like so:

fbnotesedit

When the page loads you’ll see a link that says “Import a blog >>”. Click on it and in the “Web URL” box right click and choose “Paste” to paste in the address of your BigCommerce RSS feed which you copied in the last step. Finally tick the check box and then click “Start Importing”:

fbimportblog

After the import is complete you’ll see a preview of how the posts will look on your wall. Click the “Confirm Import” button on the right side of the page and you’re done. Any new BigCommerce blog you create will appear on your FaceBook fan page within a few hours of being posted in your store. Here’s how our AwesomeCoffee sample FaceBook fan page looks.

Adding the FaceBook Fans Widget to Your BigCommerce Store

OK now that our fan page is setup let’s create a widget which will show our fans and recent wall posts in our BigCommerce store. The widget is a great (free) way to drive more fans to your FaceBook page. To get the widget, click here and choose the options you’d like to appear in the widget. I recommend including both recent streams and fans. Finally, click the “Other” button to see the JavaScript code which you should copy to your clipboard by right clicking in the box and choosing “Copy”:

fbwidgetpage

Now we need to use BigCommerce’s design mode feature to add the JavaScript of the widget into our store.

Adding the Widget to Your Store Using Design Mode

Design mode is a feature unique to BigCommerce which let’s you edit the layout, text and HTML in your online store. To enable it, login to your store’s control panel and click the “Store Design” link at the top right of the page, then click the “Design Mode” tab. After clicking the checkbox/button you should see the design mode toolbar when viewing your store, like this:

fbdesignmodebutton

For this example I want the FaceBook widget to appear on the left under my newsletter box, so I’ll right click the newsletter box and choose the “Edit Panel” option, like this:

fbmenu

A window will now open which contains the HTML for the newsletter box. Don’t worry – you don’t have to edit any HTML. Just paste the JavaScript from the FaceBook widget at the very bottom of the HTML code, like this:

fbpaneledit

Click the “Save” button at the top of the window and then when you reload your store’s home page in your web browser you should see the FaceBook fan widget like so:

fbwidgettoowide

Now as you can see, the widget is too wide. We need to make a small change to the JavaScript of the widget, so right click on the newsletter box again, click “Edit Panel” and notice the “width” attribute which I’ve highlighted in yellow below:

<script type=”text/javascript” src=”http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US”></script><script type=”text/javascript”>FB.init(”d7f985e0ed5b8318daa7c52be5710748″);</script><fb:fan profile_id=”165603319018″ stream=”1″ connections=”10″ width=”300″></fb:fan><div style=”font-size:8px; padding-left:10px”><a href=”http://www.facebook.com/pages/BigCommerce/165603319018″>BigCommerce on Facebook</a> </div>

Change it from 300 to 160, like this:

<script type=”text/javascript” src=”http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US”></script><script type=”text/javascript”>FB.init(”d7f985e0ed5b8318daa7c52be5710748″);</script><fb:fan profile_id=”165603319018″ stream=”1″ connections=”10″ width=”160″></fb:fan><div style=”font-size:8px; padding-left:10px”><a href=”http://www.facebook.com/pages/BigCommerce/165603319018″>BigCommerce on Facebook</a> </div>

Now click the “Save” button and reload your store’s home page in the browser. It should now sit perfectly!

fbwidgetfinal

In this example I decided not to include the stream in the widget and just the fans, and I’ve used our BigCommerce fan page for the widget in this example. As I mentioned earlier, it’s quite a complicated process to create a FaceBook fan page, but luckily it’s easy to embed the widget into your BigCommerce store.

If you do setup your own FaceBook fan page and integrate it into your store we’d love to see it – just post a link to your store in the comments below! Finally, don’t forget to become a fan of BigCommerce on FaceBook :)

Bookmark and Share

Celebrating An Incredible 5 Months Since the Initial Public Release of BigCommerce

Published on December 11th, 2009 by Mitchell Harper

We had our annual Christmas party for the Austin team Tuesday night at Eddie V’s in the Arboretum, just around the corner from our office in Austin. While a few team members were off sick or traveling, we had a great turn out with lots of conversation, laughs and great food.

In just 5 months BigCommerce has done incredibly well and we’ve built up an excellent team of sales, support and marketing professionals whose only focus is to make it as easy as possible for our clients to sell their products online.

Of course our product is important, but we wouldn’t have anything to offer without our incredible team of dedicated professionals, so a big congratulations to the entire BigCommerce team (both our sales/support team here in Austin and our engineering team in Sydney) for what they’ve accomplished in just a few short months! 2010 is going to be even more incredible.

I’ve included some photos from our Christmas party below. On behalf of everyone here at Interspire I’d like to wish you and your family a Merry Christmas and give you a sincere thank you for choosing BigCommerce to power your business. We’re available in the office every day over Christmas except December 25th and January 1st if you need us.

DSC00500

Pre-dinner drinks and chat at Eddie V’s in the Arboretum, Austin

DSC00501

Our semi-set dinner menu

DSC00508

Table #2 smiling for the camera during dessert

DSC00506

Congratulating everyone on a stellar performance over the past few months

Bookmark and Share