<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Groove Commerce eCommerce Blog</title>
	
	<link>http://www.groovecommerce.com</link>
	<description>eCommerce News from an Search Engine Optimization and Search Engine Marketing Perspective</description>
	<lastBuildDate>Mon, 30 Apr 2012 18:43:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/GrooveBlog" /><feedburner:info uri="grooveblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><geo:lat>39.284607</geo:lat><geo:long>-76.55696</geo:long><xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /><feedburner:feedFlare href="http://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2FGrooveBlog" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2FGrooveBlog" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare href="http://feeds.my.aol.com/add.jsp?url=http%3A%2F%2Ffeeds.feedburner.com%2FGrooveBlog" src="http://o.aolcdn.com/favorites.my.aol.com/webmaster/ffclient/webroot/locale/en-US/images/myAOLButtonSmall.gif">Subscribe with My AOL</feedburner:feedFlare><feedburner:feedFlare href="http://www.bloglines.com/sub/http://feeds.feedburner.com/GrooveBlog" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2FGrooveBlog" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2FGrooveBlog" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2FGrooveBlog" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><item>
		<title>Design 1, 2, 3: What is (and Should be) Trending in eCommerce</title>
		<link>http://feedproxy.google.com/~r/GrooveBlog/~3/lOnRYb2-ZUg/</link>
		<comments>http://www.groovecommerce.com/ecommerce-blog/design-and-development/design-1-2-3-what-is-and-should-be-trending-in-ecommerce/#comments</comments>
		<pubDate>Tue, 24 Apr 2012 17:58:35 +0000</pubDate>
		<dc:creator>Heather Van De Mark</dc:creator>
				<category><![CDATA[Design & Development]]></category>
		<category><![CDATA[eCommerce Web Site Design]]></category>

		<guid isPermaLink="false">http://www.groovecommerce.com/?p=8444</guid>
		<description><![CDATA[For someone working in eCommerce, I have pretty high expectations when it comes to my shopping experience. (Turns out, so do regular shoppers.) So, when I have a positive experience or notice something good happening on multiple sites, I feel... <a href="http://www.groovecommerce.com/ecommerce-blog/design-and-development/design-1-2-3-what-is-and-should-be-trending-in-ecommerce/">Read Full Article</a>]]></description>
			<content:encoded><![CDATA[<p>For someone working in eCommerce, I have pretty high expectations when it comes to my shopping experience. (Turns out, so do regular shoppers.) So, when I have a positive experience or notice something good happening on multiple sites, I feel it&#8217;s my duty to tell you about it, so you can implement it or repurpose it for your eCommerce shop. This month&#8217;s Design 1, 2, 3 focuses on some trends I&#8217;ve been seeing recently. <span id="more-8444"></span> While the sites discussed are all women&#8217;s fashion eCommerce sites, it doesn&#8217;t mean their lessons aren&#8217;t applicable to your online business.</p>
<p><strong>1. Interact with More than a Button</strong><br />
First, getting product reviews was all the rage. Every product needed stars beside it otherwise customers just weren&#8217;t able to compare items easily. (Not to mention the added <a href="http://www.groovecommerce.com/services/search-engine-optimization/">SEO</a> benefit for the eTailor.) Next came the push for customer to <em>Like</em> or <em>Tweet</em> about a product. Customers didn&#8217;t have to rely on strangers opinions, they could listen to their friends. Who better to spread the good word of your products than the satisfied customers themselves. </p>
<p>So what&#8217;s next? Involve your customers even more, in even more unique ways.</p>
<p>A vintage clothing eTailor offers customers the chance to &#8216;Be The Buyer.&#8217; Community members (customers with accounts) can preview potential new dresses and decide to &#8216;Pick It&#8217; or &#8216;Skip It&#8217; and then they can leave comments if they want. Enough picks, and the dress goes into production. </p>
<p><img src="http://www.groovecommerce.com/wp-content/uploads/2012/04/modcloth1.jpg" alt="modcloth1 Design 1, 2, 3: What is (and Should be) Trending in eCommerce" title="modcloth1" width="521" height="374" class="aligncenter size-full wp-image-8446" /><br />
<img src="http://www.groovecommerce.com/wp-content/uploads/2012/04/modcloth2.jpg" alt="modcloth2 Design 1, 2, 3: What is (and Should be) Trending in eCommerce" title="modcloth2" width="640" height="604" class="aligncenter size-full wp-image-8447" /></p>
<p>This eTailer is giving their main demographic &#8211; their loyal consumers &#8211; the chance to be heard. They don&#8217;t bother selling items customers don&#8217;t want, and in part because of the comments that are left, they can make alterations on the dress to better suit their customers&#8217; wants, as was the case in the image above. [Text reads: <em>"We took your input on this previously skipped piece to heart, update it's design to suit your tastes."</em>] Customers love feeling heard and having that feeling validated. </p>
<p>Similarly, if you sell running apparel why not have a training section that talks about  how to run, or put together a schedule of area running clubs. If you sell bikes, why not have an app for users to log their rides and then upload them onto the site, tying each product to proven rides, it&#8217;s the next best thing to a real test ride. </p>
<p>It&#8217;s no longer enough to sell a product online. It&#8217;s no longer enough to have that product Liked or Tweeted or reviewed. Always give your most loyal customers a new way to interact with your products. </p>
<p><strong>2. Customize Your Products</strong><br />
When I found this site, I couldn&#8217;t believe it existed. The premise? They sell a variety of dress styles that a customer can then purchase. When purchasing, a customer provides their personal measurements, and the dress is then made to size. The amazing part? This customization is done at absolutely no extra cost. </p>
<p><img src="http://www.groovecommerce.com/wp-content/uploads/2012/04/customdress.jpg" alt="customdress Design 1, 2, 3: What is (and Should be) Trending in eCommerce" title="customdress" width="640" height="376" class="aligncenter size-full wp-image-8450" /></p>
<p>If you&#8217;ve ever purchased anything online from Apple, you know they let you customize nearly every piece of a computer&#8217;s machinery before buying. Granted, they&#8217;re not so gracious to let you make those upgrades for free, but that&#8217;s probably asking too much. Customization isn&#8217;t new, but it&#8217;s definitely under-utilized. </p>
<p>If you sell gourmet chocolates, let your customers mix and match a box. If you sell diamond engagement rings, let your customers choose the pieces just like they would in-store.</p>
<p>Most customers don&#8217;t enjoy buying &#8216;off the rack.&#8217; They only do it because they have to. Provide a more custom shopping experience and you&#8217;ll stand out more with your customers.</p>
<p><strong>3. The eCommerce Magic Word? <del datetime="2012-04-24T15:54:52+00:00">Free</del> Simple</strong><br />
I recently joined a monthly shoe club (please don&#8217;t judge me.) Normally, I&#8217;m not one for monthly clubs or forced shopping experiences, however, this eTailer had a special proposition: Free Shipping to me, and if I didn&#8217;t like the shoes, Free Shipping back to them. No hidden fees or taxes or anything. They provided the return shipping bag and label too. Shoes in, shoes out, it was that simple. </p>
<p>Soon after I joined, they decided to lift their membership fee. Lucky me! Better than not having to pay the fee (which I just paid for by buying the shoes), it reduced my confusion about having to skip a month by the 5th day or receiving a credit for later use, etc. </p>
<p><img src="http://www.groovecommerce.com/wp-content/uploads/2012/04/shoedazzle.jpg" alt="shoedazzle Design 1, 2, 3: What is (and Should be) Trending in eCommerce" title="shoedazzle" width="640" height="413" class="aligncenter size-full wp-image-8451" /></p>
<p>It&#8217;s not so much that this eTailer is making everything free, it&#8217;s that they&#8217;re making everything simple. They even go so far as to sell every item on the site at the exact same price. No tricky math or unexpected sticker shock. Simple is always going to win. </p>
<p>The shortest road between your products and your customers is most likely the simplest. However you choose to make it easy for your customers, it shows you&#8217;re not just telling them you have great customer service, you&#8217;re actually living up to it. </p>
<p><strong>Tell Me What You Think</strong><br />
What new things have you seen recently? What about your own site? Have your own thoughts to add, leave them in the comments! Thanks for checking in on this month’s Design 1, 2, 3. If you learned something new or were just pleasantly amused, pass it along. See you next month.</p>
<p><strong>Mentioned in this Post</strong><br />
<a href="http://www.modcloth.com/storefront/products/be_the_buyer" target="_blank">Be the Buyer</a> :: ModCloth<br />
<a href="http://www.eshakti.com/default.aspx" target="_blank">Homepage</a> :: eShakti<br />
<a href="http://www.shoedazzle.com/" target="_blank">Homepage</a> :: Shoedazzle</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lOnRYb2-ZUg:OZnurjsPsj8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lOnRYb2-ZUg:OZnurjsPsj8:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lOnRYb2-ZUg:OZnurjsPsj8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=lOnRYb2-ZUg:OZnurjsPsj8:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lOnRYb2-ZUg:OZnurjsPsj8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=lOnRYb2-ZUg:OZnurjsPsj8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lOnRYb2-ZUg:OZnurjsPsj8:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=lOnRYb2-ZUg:OZnurjsPsj8:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lOnRYb2-ZUg:OZnurjsPsj8:3QFJfmc7Om4"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=lOnRYb2-ZUg:OZnurjsPsj8:3QFJfmc7Om4" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/GrooveBlog/~4/lOnRYb2-ZUg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.groovecommerce.com/ecommerce-blog/design-and-development/design-1-2-3-what-is-and-should-be-trending-in-ecommerce/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.groovecommerce.com/ecommerce-blog/design-and-development/design-1-2-3-what-is-and-should-be-trending-in-ecommerce/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=design-1-2-3-what-is-and-should-be-trending-in-ecommerce</feedburner:origLink></item>
		<item>
		<title>Developer’s Toolbox – Get a Handle on Handles in Magento Layout XML</title>
		<link>http://feedproxy.google.com/~r/GrooveBlog/~3/lTy7AXv-0WI/</link>
		<comments>http://www.groovecommerce.com/ecommerce-blog/magento/developers-toolbox-get-a-handle-on-handles-in-magento-layout-xml/#comments</comments>
		<pubDate>Thu, 19 Apr 2012 17:56:00 +0000</pubDate>
		<dc:creator>Matthew Ray</dc:creator>
				<category><![CDATA[Magento]]></category>

		<guid isPermaLink="false">http://www.groovecommerce.com/?p=8422</guid>
		<description><![CDATA[Magento’s layout XML can be intimidating for a developer, new developers in particular. Because there is so much flexibility with XML inside of the Magento framework, there is a lot to learn. One of the most powerful functions you should... <a href="http://www.groovecommerce.com/ecommerce-blog/magento/developers-toolbox-get-a-handle-on-handles-in-magento-layout-xml/">Read Full Article</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.groovecommerce.com/magento/">Magento</a>’s layout XML can be intimidating for a developer, new developers in particular. Because there is so much flexibility with XML inside of the Magento framework, there is a lot to learn. One of the most powerful functions you should master when in the layout XML is the ability to group, focus, and/or segment your XML code with Layout Update Handles.</p>
<p><span id="more-8422"></span>Layout update handles are Magento’s way of associating a group of XML instructions to the specific page or pages that need to receive those instructions. By default, Magento has many, many, many handles already built into the system. Things like product pages, category pages, and CMS pages all have their own handles. Some handles are associated to a large group of pages; the &lt;default&gt; handle, for instance, is associated to every page on your instance! There are also some, more abstract, handles like the &lt;customer_logged_in&gt; handle which is applied to all pages when a user is logged in. The best part about handles is that any page can have any number of handles associated to it, and each handle can have different layout XML instructions.</p>
<p><strong>Where are these handles and how do I use them?</strong></p>
<p><strong></strong>Well let’s start off with a snippet of code and identify the handles.</p>
<pre class="crayon-plain-tag"><code>&lt;layout&gt;
    &lt;checkout_cart_index&gt;
        &lt;reference name=&quot;root&quot;&gt;
            &lt;action method=&quot;setTemplate&quot;&gt;&lt;template&gt;page/3columns.phtml&lt;/template&gt;&lt;/action&gt;
        &lt;/reference&gt;
    &lt;/checkout_cart_index&gt;
    &lt;cms_page&gt;
        &lt;reference name=&quot;head&quot;&gt;
            &lt;action method=&quot;addCss&quot;&gt;&lt;stylesheet&gt;css/cms.css&lt;/stylesheet&gt;&lt;/action&gt;
        &lt;/reference&gt;
    &lt;/cms_page&gt;
&lt;/layout&gt;</code></pre>
<p>The code in the previous snippet is a very rudimentary block of Magento layout XML. You will notice that we have our primary &lt;layout&gt; node in which all of our layout XML will be placed. The next level of nodes,&lt;checkout_cart_index&gt; and &lt;cms_page&gt;, are handles. If you placed this snippet inside of a local.xml document in your theme, you would see your shopping cart page update from one column to three and ALL of your CMS pages would now have a new stylesheet associated to them named “cms.css”. Magento followed the instructions we wrote in the layout XML only on pages that had those handles associated.</p>
<p>For the sake of example, lets swap out the &lt;cms_page&gt; handle for the &lt;default&gt; handle:</p>
<pre class="crayon-plain-tag"><code>&lt;default&gt;
    &lt;reference name=&quot;head&quot;&gt;
        &lt;action method=&quot;addCss&quot;&gt;&lt;stylesheet&gt;css/cms.css&lt;/stylesheet&gt;&lt;/action&gt;
    &lt;/reference&gt;
&lt;/default&gt;</code></pre>
<p>Like I said earlier, the default handle is associated to every page on your install. This means where we once had the “cms.css” file associated only to CMS pages, we now have this CSS file associated to every page on our site. It is easy to see how useful handles can be for updating large numbers of pages all at once without sacrificing the ability to target pages very granularly.</p>
<p><strong>How are layout update handles created?</strong></p>
<p>There are several ways that layout update handles can be created:<br />
• You can add your handle to a page manually through a custom module. By setting up an observer on the &lt;controller_action_layout_load_before&gt; event and using the addHandle method, you can add any handle you like and give it any number of conditions.</p>
<p>• You can use the &lt;update&gt; node inside of another handle. The &lt;update&gt; node allows you to copy the XML instructions from one handle to another. One thing to note, however, is that you can use the &lt;update&gt; node to pull the instructions from an arbitrary handle that isn’t being created by Magento. By creating this arbitrary handle, and using the &lt;update&gt; node, Magento will associated your arbitrary handle, and any instructions associated with it, to the scope of the handle to which it was associated.</p>
<p>• You can create a custom module with a frontend router. When you create a frontend router for a custom module, Magento will programmatically create a new handle for you. The method by which the handle is created is by merging your modules frontname, action controller name, and action method with an underscore delimiter. So, for instance, if your route is www.website.com/osh/kosh/bgosh the handle that will be created will be &#038;l;tosh_kosh_bgosh&gt;. Many of Magento’s core modules follow this structure since many of them have their own route.</p>
<p><strong>Why are handles so important?</strong></p>
<p>The use of handles in parsing the layout XML is profoundly important. When Magento loads a page, before any of the layout instructions are followed, Magento will look at the available handles for the page about to be loaded. It will then traverse the tremendous XML document and strip out any handles that are not being used on the page. Since there would be no reason to parse XML that isn’t useful, Magento can cut huge amounts of overhead by using this method.</p>
<p>Although Magento layout XML might be a bit intimidating at first, with a little insight on how handles and other systems work, you may find that it’s not as bad as you think!</p>
<p>Have questions? Submit them in the comments below!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lTy7AXv-0WI:TW26_FbeOQE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lTy7AXv-0WI:TW26_FbeOQE:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lTy7AXv-0WI:TW26_FbeOQE:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=lTy7AXv-0WI:TW26_FbeOQE:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lTy7AXv-0WI:TW26_FbeOQE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=lTy7AXv-0WI:TW26_FbeOQE:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lTy7AXv-0WI:TW26_FbeOQE:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=lTy7AXv-0WI:TW26_FbeOQE:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=lTy7AXv-0WI:TW26_FbeOQE:3QFJfmc7Om4"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=lTy7AXv-0WI:TW26_FbeOQE:3QFJfmc7Om4" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/GrooveBlog/~4/lTy7AXv-0WI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.groovecommerce.com/ecommerce-blog/magento/developers-toolbox-get-a-handle-on-handles-in-magento-layout-xml/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.groovecommerce.com/ecommerce-blog/magento/developers-toolbox-get-a-handle-on-handles-in-magento-layout-xml/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=developers-toolbox-get-a-handle-on-handles-in-magento-layout-xml</feedburner:origLink></item>
		<item>
		<title>Groove to Host eCommerce Forum in Philadelphia</title>
		<link>http://feedproxy.google.com/~r/GrooveBlog/~3/97lF06N16gM/</link>
		<comments>http://www.groovecommerce.com/news/groove-to-host-ecommerce-forum-in-philadelphia/#comments</comments>
		<pubDate>Wed, 18 Apr 2012 15:12:58 +0000</pubDate>
		<dc:creator>Groove Commerce</dc:creator>
		
		<guid isPermaLink="false">http://www.groovecommerce.com/?post_type=news&amp;p=8404</guid>
		<description><![CDATA[Online merchants are invited to join Magento, Groove, and Listrak for an eCommerce Forum in Philadelphia on May 10th. This is a “can’t miss” event for etailers who are considering or already using Magento. Attendees will hear success stories from... <a href="http://www.groovecommerce.com/news/groove-to-host-ecommerce-forum-in-philadelphia/">Read Full Article</a>]]></description>
			<content:encoded><![CDATA[<p>Online merchants are invited to join <a href="http://www.groovecommerce.com/magento/">Magento</a>, Groove, and Listrak for an eCommerce Forum in Philadelphia on May 10<sup>th</sup>. This is a “can’t miss” event for etailers who are considering or already using Magento. Attendees will hear success stories from merchants just like themselves and learn how they can leverage Magento to achieve their own online success. These forums are informative and interactive.  Not only will attendees acquire a general knowledge of the capabilities of the platform, they will also get the chance to meet with <a href="http://www.groovecommerce.com/magento/">Magento experts</a> one on one and ask all their burning Magento questions.</p>
<p><span id="more-8404"></span>Listrak (a Groove and a Magento partner) will also be on hand to give attendees the opportunity to learn more about Magento-focused email marketing modules like shopping cart abandonment and customer retention. Find out how you could be increasing repeat shopping and reengaging abandoned carts with <a href="http://www.groovecommerce.com/magento/enterprise-platform/">Magento Enterprise</a> and Listrak.</p>
<p>The event will be held at Cuba Libre located at 10 South 2nd Street &#8211; Philadelphia, PA 19106 on May 10<sup>th</sup> from 5:00 to 7:30 PM.  Food, drinks, and fun are all complimentary and registration is free. Register now to reserve your spot, space is limited.</p>
<p><a href="http://info.magento.com/PhiladelphiaMay102012_Reg.html"> Click here to Register</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=97lF06N16gM:yyHqp3Tvho4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=97lF06N16gM:yyHqp3Tvho4:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=97lF06N16gM:yyHqp3Tvho4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=97lF06N16gM:yyHqp3Tvho4:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=97lF06N16gM:yyHqp3Tvho4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=97lF06N16gM:yyHqp3Tvho4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=97lF06N16gM:yyHqp3Tvho4:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=97lF06N16gM:yyHqp3Tvho4:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=97lF06N16gM:yyHqp3Tvho4:3QFJfmc7Om4"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=97lF06N16gM:yyHqp3Tvho4:3QFJfmc7Om4" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/GrooveBlog/~4/97lF06N16gM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.groovecommerce.com/news/groove-to-host-ecommerce-forum-in-philadelphia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.groovecommerce.com/news/groove-to-host-ecommerce-forum-in-philadelphia/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=groove-to-host-ecommerce-forum-in-philadelphia</feedburner:origLink></item>
		<item>
		<title>The Vacuum Center Cleans Up an Outdated Design with Magento Enterprise</title>
		<link>http://feedproxy.google.com/~r/GrooveBlog/~3/w4KU_VPf6y0/</link>
		<comments>http://www.groovecommerce.com/news/the-vacuum-center-cleans-up-an-outdated-design-with-magento-enterprise/#comments</comments>
		<pubDate>Mon, 16 Apr 2012 20:19:58 +0000</pubDate>
		<dc:creator>Groove Commerce</dc:creator>
		
		<guid isPermaLink="false">http://www.groovecommerce.com/?post_type=news&amp;p=8400</guid>
		<description><![CDATA[The Vacuum Center has been selling vacuums and vacuum accessories online since 2001. With access to over 70,000 parts, they are one of the largest etailers in the industry. When Chad White, Owner of The Vacuum Center, decided the time... <a href="http://www.groovecommerce.com/news/the-vacuum-center-cleans-up-an-outdated-design-with-magento-enterprise/">Read Full Article</a>]]></description>
			<content:encoded><![CDATA[<p>The Vacuum Center has been selling vacuums and vacuum accessories online since 2001. With access to over 70,000 parts, they are one of the largest etailers in the industry. When Chad White, Owner of The Vacuum Center, decided the time was right for a full redesign, he choose Gold Solution Partner Groove Commerce to carry out his vision on the <a href="http://www.groovecommerce.com/magento/enterprise-platform/">Magento Enterprise</a> Platform.<span id="more-8400"></span></p>
<p>The main reason for the change was to update the look and feel of the site. Even though the outdated <a href="http://www.groovecommerce.com/services/ecommerce-website-design/">ecommerce website design</a> was performing at a consistent level, the owners knew there was potential to see exponential growth with a new look and some upgraded features. If TheVacuumCenter.com wanted to establish themselves as the number one one-stop-shop for all vacuum needs, they needed a serious facelift.</p>
<p>Purchasing vacuum supplies isn&#8217;t necessarily fun, but it is necessary. The shopper demographics in this industry are diverse but have a common goal: find the product, confirm it&#8217;s the right product and purchase. In order to help shoppers accomplish this goal, we implemented <a href="http://www.groovecommerce.com/magento/">Magento</a> Enterprise’s powerful product refinements feature. This feature allows users to find the specific products more quickly, in fewer clicks. The nature of the vacuum supply industry is very brand oriented. In order to find specific parts, users tend to start at the brand level and drill down. Bringing popular brands out on the homepage allows them to dive right into the section of the site they need to be in, eliminating superfluous navigating and potential for confusion. We also placed the search bar prominently above the main navigation to cater to those who already know the part name or number. The Vacuum Center is proud of their excellent customer focused service and we wanted that sense of service to be showcased on the website as well. We also focused on promoting products by brand (as that is the determining factory in most vacuum-related purchases) on the homepage and within the navigation. We kept the design clean (appropriate for a vacuum <a href="http://www.groovecommerce.com/services/ecommerce-website-design/">eCommerce site</a>) with lots of white and cheery blue tones. In many ways, TheVacuumCenter.com&#8217;s new <a href="http://www.groovecommerce.com/magento/">Magento ecommerce</a> website improves the user-experience, and we look forward to seeing an increase in repeat business for them.</p>
<div id="attachment_8402" class="wp-caption aligncenter" style="width: 650px"><a href="http://www.groovecommerce.com/wp-content/uploads/2012/04/Untitled.png"><img class="size-large wp-image-8402" title="Untitled" src="http://www.groovecommerce.com/wp-content/uploads/2012/04/Untitled-1024x706.png" alt="Untitled 1024x706 The Vacuum Center Cleans Up an Outdated Design with Magento Enterprise" width="640" height="441" /></a><p class="wp-caption-text">The old Vacuum Center design is on the left and the Magento Enterprise Design is on the right.</p></div>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=w4KU_VPf6y0:35GirbpCO1k:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=w4KU_VPf6y0:35GirbpCO1k:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=w4KU_VPf6y0:35GirbpCO1k:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=w4KU_VPf6y0:35GirbpCO1k:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=w4KU_VPf6y0:35GirbpCO1k:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=w4KU_VPf6y0:35GirbpCO1k:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=w4KU_VPf6y0:35GirbpCO1k:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=w4KU_VPf6y0:35GirbpCO1k:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=w4KU_VPf6y0:35GirbpCO1k:3QFJfmc7Om4"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=w4KU_VPf6y0:35GirbpCO1k:3QFJfmc7Om4" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/GrooveBlog/~4/w4KU_VPf6y0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.groovecommerce.com/news/the-vacuum-center-cleans-up-an-outdated-design-with-magento-enterprise/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.groovecommerce.com/news/the-vacuum-center-cleans-up-an-outdated-design-with-magento-enterprise/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=the-vacuum-center-cleans-up-an-outdated-design-with-magento-enterprise</feedburner:origLink></item>
		<item>
		<title>eCommerce Site Analysis – The Basics</title>
		<link>http://feedproxy.google.com/~r/GrooveBlog/~3/Jpn4cEVvrgQ/</link>
		<comments>http://www.groovecommerce.com/ecommerce-blog/analysis-strategy/ecommerce-site-analysis-the-basics/#comments</comments>
		<pubDate>Tue, 10 Apr 2012 17:12:50 +0000</pubDate>
		<dc:creator>Vaughn Regelin</dc:creator>
				<category><![CDATA[Analysis & Strategy]]></category>
		<category><![CDATA[Online Marketing]]></category>

		<guid isPermaLink="false">http://www.groovecommerce.com/?p=8334</guid>
		<description><![CDATA[eCommerce is constantly evolving and your strategy should be too. If not, the competition will eat you for breakfast (num num). The first step in your eCommerce strategy moving forward should be a thorough eCommerce site analysis. Your site needs... <a href="http://www.groovecommerce.com/ecommerce-blog/analysis-strategy/ecommerce-site-analysis-the-basics/">Read Full Article</a>]]></description>
			<content:encoded><![CDATA[<p>eCommerce is constantly evolving and your strategy should be too. If not, the competition will eat you for breakfast (num num). The first step in your <a href="http://www.groovecommerce.com/services/ecommerce-website-analysis/">eCommerce strategy</a> moving forward should be a thorough <a href="http://www.groovecommerce.com/services/ecommerce-website-analysis/">eCommerce site analysis</a>. Your site needs to be firing on all cylinders before you focus on increasing traffic. This means it should be optimized using current industry best practices and converting visitors to customers. Keep reading to see a few of things I look for while auditing an <a href="http://www.groovecommerce.com/services/ecommerce-website-design/">eCommerce website</a>.</p>
<p><span id="more-8334"></span></p>
<h2>Benchmarking</h2>
<p>Before you can reach your traffic and revenue goals, you need to know where you stand. What have you been doing well and what have you been doing not so well? </p>
<ul>
<li>Where is your traffic coming from and how much revenue is being generated by each traffic source?</li>
<li>What are the top viewed pages, the top landing pages and the top exit pages? Identify opportunities to improve these pages’ performance.</li>
<li>What keywords are driving traffic to your site? Are they converting?</li>
<li>What are your goals and KPIs?</li>
</ul>
<h2><a href="http://www.groovecommerce.com/services/search-engine-optimization/">Search Engine Optimization</a> (<a href="http://www.groovecommerce.com/services/search-engine-optimization/">SEO</a>)</h2>
<p>The next item we begin to look at is your site’s search engine optimization. It is important that you properly leverage technical and on-page SEO factors in order to increase search engine rankings.</p>
<ul>
<li>Does your site have page titles that are unique and optimized with the most important keywords appearing first?</li>
<li>Are the URLs clean and keyword rich?</li>
<li>What does your content strategy look like? Are you blogging often enough? Does your site contain unique product descriptions? Are you including keywords in the copy on your site and in header tags?</li>
<li>Do you have an internal linking strategy in place?</li>
<li>Are you leveraging image alt text?</li>
<li>Have you written compelling meta descriptions that would make a user want to visit your site?</li>
<li>If applicable, have you utilized canonical tags?</li>
<li>Have you created a robots.txt file and an xml sitemap?</li>
<li>Have you implemented a product review system in order to create user generated content and increase conversion rates?</li>
<li>Are you serving data like addresses, recipes, events and reviews to the search engines using schema.org html tags?</li>
<li>How fast does your site load?</li>
</ul>
<h2>Design and Usability</h2>
<p>This section could be a blog in itself or even a series of blogs…oh wait, we do have a great design and usability blog series called “Design 1, 2, 3”.  I’ll just give a few high level examples of things I look for while conducting an <a href="http://www.groovecommerce.com/services/ecommerce-website-design/">eCommerce site</a> analysis.</p>
<ul>
<li>Are the most important aspects of your site “above the fold”?</li>
<li>Does your site have clear and consistent calls to action?</li>
<li>Is the navigation easy to use?</li>
<li>Is the site search box prominently displayed? When a user utilizes the site search, does it produce the best possible results?</li>
<li>Are the most popular products prominently displayed on the category pages?</li>
<li>How many clicks does it take for a user to get from the homepage to the shopping cart?</li>
</ul>
<p><strong>The Shopping Cart</strong></p>
<ul>
<li>Are the “remove items” and “continue shopping” buttons distracting users?</li>
<li>Does it include a product summary and thumbnail?</li>
<li>Is the user being shown the final pricing with taxes and shipping included?</li>
<li>Are assurances like secure checkout logos strategically placed on the shopping cart?</li>
<li>Do you have the option to begin the checkout process as a guest?</li>
<li>Are there multiple payment options?</li>
<li>Did you include some complimentary products in order to increase average order value?</li>
</ul>
<p><strong>The Checkout Process</strong></p>
<ul>
<li>Does your checkout process include a progress bar?</li>
<li>Have you removed your site’s navigation?</li>
<li>Are you properly tracking the checkout process in analytics to identify opportunities for improvement?</li>
<li>Are you retaining customers’ previously entered information?</li>
<li>Is your customer service contact information easy to find?</li>
</ul>
<p>This is by no means an exhaustive list but rather a good starting point. I&#8217;m interested in hearing from you as to what it is you look for when you are making a purchase online or even conducting an eCommerce site analysis yourself.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=Jpn4cEVvrgQ:wEJ0H6yq3ks:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=Jpn4cEVvrgQ:wEJ0H6yq3ks:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=Jpn4cEVvrgQ:wEJ0H6yq3ks:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=Jpn4cEVvrgQ:wEJ0H6yq3ks:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=Jpn4cEVvrgQ:wEJ0H6yq3ks:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=Jpn4cEVvrgQ:wEJ0H6yq3ks:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=Jpn4cEVvrgQ:wEJ0H6yq3ks:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=Jpn4cEVvrgQ:wEJ0H6yq3ks:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=Jpn4cEVvrgQ:wEJ0H6yq3ks:3QFJfmc7Om4"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=Jpn4cEVvrgQ:wEJ0H6yq3ks:3QFJfmc7Om4" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/GrooveBlog/~4/Jpn4cEVvrgQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.groovecommerce.com/ecommerce-blog/analysis-strategy/ecommerce-site-analysis-the-basics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.groovecommerce.com/ecommerce-blog/analysis-strategy/ecommerce-site-analysis-the-basics/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=ecommerce-site-analysis-the-basics</feedburner:origLink></item>
		<item>
		<title>The Magento Project Manager’s Playbook</title>
		<link>http://feedproxy.google.com/~r/GrooveBlog/~3/QVB7ckbQJ68/</link>
		<comments>http://www.groovecommerce.com/ecommerce-blog/the-magento-project-managers-playbook/#comments</comments>
		<pubDate>Wed, 04 Apr 2012 15:26:42 +0000</pubDate>
		<dc:creator>Steve Bilenky</dc:creator>
				<category><![CDATA[Analysis & Strategy]]></category>
		<category><![CDATA[Evolving Ecommerce]]></category>
		<category><![CDATA[Magento]]></category>

		<guid isPermaLink="false">http://www.groovecommerce.com/?p=8300</guid>
		<description><![CDATA[Launching a custom Magento e-commerce website is a large undertaking with multiple parties involved. Before you “flip the switch” and start watching your conversion rate climb – you must travel a long road paved with challenges. The key to overcoming... <a href="http://www.groovecommerce.com/ecommerce-blog/the-magento-project-managers-playbook/">Read Full Article</a>]]></description>
			<content:encoded><![CDATA[<p>Launching a custom <a href="http://www.groovecommerce.com/magento/">Magento</a> e-commerce website is a large undertaking with multiple parties involved. Before you “flip the switch” and start watching your <a href="http://www.groovecommerce.com/services/conversion-rate-consulting/">conversion rate</a> climb – you must travel a long road paved with challenges. The key to overcoming challenges and launching a successful Magento website is an in-depth “evidence gathering” stage. As a Magento Project Manager for Groove Commerce, I want to take a few minutes to focus on evidence gathering and how to make sure you know exactly what a client wants in the end results.</p>
<p><span id="more-8300"></span> <strong>1. Learn Your Lessons</strong></p>
<p style="text-align: center;"> <em>&#8220;Those who cannot remember the past are condemned to repeat it.&#8221;</em></p>
<p style="text-align: center;"><em></em><em> – </em>George Santayana, 1924</p>
<p> The requirements gathering for a project should begin before you even engage with a new client.  A great agency will keep a record of all projects; the intricacies, the details, and the customizations all included. The purpose is to document each project in it’s entirety so that it may be leveraged as a guide for future projects. It sounds simple, but learn what worked well and more importantly, what didn’t work well.  Document everything and use it to your benefit for future projects.</p>
<p>Did a certain Magento extension work well?  Which site settings improved site performance and which caused problems?  What communication strategies should you continue to use moving forward and what do you need to change?</p>
<p>While etailers may redesign their website every few years, a well-established web development agency does this full time, and can usually find a related example which they can build off of when solving specific needs, which will hopefully decrease the timeline and investment of the project. Agencies with more live Magento stores, will have the ability to avoid “reinventing the wheel”.</p>
<p><strong>2. Account for the “known knowns, known unknowns and unknown unknowns”</strong></p>
<p style="text-align: center;"><strong> </strong><em>“There are known knowns; there are things we know we know. We also know there are known unknowns; that is to say we know there are some things we do not know. But there are also unknown unknowns – there are things we do not know we don&#8217;t know. ”</em></p>
<p style="text-align: center;" align="right">—Donald Rumsfeld, 2002 </p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/04/steveblogpic2.png"><img class="aligncenter size-large wp-image-8304" title="steveblogpic" src="http://www.groovecommerce.com/wp-content/uploads/2012/04/steveblogpic2-1024x545.png" alt="steveblogpic2 1024x545 The Magento Project Managers Playbook" width="640" height="340" /></a></p>
<p>With <a href="http://www.groovecommerce.com/magento/">Magento ecommerce</a> website development, you need to determine everything that will factor into developing a project plan and the overall project process. If you’re adequately prepared, you will limit the unknown unknowns for a project.  This starts from the very beginning of a project in the proposal, SOW, and project kickoff and continues throughout the life of a project.  An agency with a consultative sales process, like Groove, will dive into the gray areas and help point out common issues in the early stages of proposal building.  It is vital to make sure this knowledge is successfully transferred from the sales team to the project team. Once the project is successfully transferred, as a Project Manager, you will continue to gain information from every conversation or exchange you have and it is your responsibility to take that information and use it.  Keeping open communication throughout the project will also certainly limit the unknown unknowns from creeping into a project and causing a delay. Communication will also help both parties remain calm and flexible when unknown unknowns pop up.<strong></strong></p>
<p><strong>3. Ask Open-Ended Questions &amp; Record Responses</strong></p>
<p style="text-align: center;"><em>“It depends on what the meaning of ‘is’ is”</em></p>
<p style="text-align: center;" align="right">– Bill Clinton 1997</p>
<p><strong> </strong>This quote speaks to the importance of communication and documentation within a project.  At Groove we work with clients from all over the country in variety of industries. What seems straightforward or intuitive to the client might be completely foreign to our team and vise versa. So it behooves everyone to ask a lot of questions and then record the responses.</p>
<p><strong> </strong>In order to achieve the best results, be sure to include open-ended questions in any questionnaires or uncovery documents.  Make sure you give clients an opportunity to fully explain things that can lead to much-needed follow up discussions. Open-ended questions also allow you to hear more from the client as they must spend more time contemplating their response instead of just giving a disconnected yes or no response.</p>
<p> Finally, maybe the biggest benefit of open-ended questions is that it eliminates the possibility for miscommunications and misinterpretations. Having explanations and answers written out by the client allows the agency to maintain an exact understanding of each element of the project. And don’t stop there! Ask follow up questions and always get to the heart of the matter. Sometimes, a client may <em>believe</em> they know the cause of an existing issue or the best way to approach a custom element, but some well-formulated follow up questions will help uncover the true root and uncover a new approach.</p>
<p> It is usually going to be easier to have discussions over the phone or in person when the conversation is technical or strategic in nature. You’ll have more opportunity to engage in a back and forth conversation, and you’ll even get a better feel for the clients attitude by listening for inflections and mood in their voice. While the benefits of a live conversation are clear – there are also shortcomings. For one, you have no physical record of what was said over the phone, except for maybe some notes you scrawled into your notebook. Thats why you should always make sure you follow up each call with an email summarizing everything discussed. As website projects can last months or even years, it becomes extremely difficult to recall details if not in writing and can cause issues and delays trying to determine what is in scope.  This will also hold all stakeholders accountable and cause everyone to pay close attention to what’s being signed off on.</p>
<p> I am excited to bring my strong project management background to the Groove Commerce team. In between working with our great clients, I hope to continue to provide tips (and quotes) that will give potential clients insight into the project management process of an award-winning Magento web development agency. If you are interested in learning more about how we work with clients, please contact us!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=QVB7ckbQJ68:A-meMhPwYxY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=QVB7ckbQJ68:A-meMhPwYxY:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=QVB7ckbQJ68:A-meMhPwYxY:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=QVB7ckbQJ68:A-meMhPwYxY:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=QVB7ckbQJ68:A-meMhPwYxY:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=QVB7ckbQJ68:A-meMhPwYxY:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=QVB7ckbQJ68:A-meMhPwYxY:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=QVB7ckbQJ68:A-meMhPwYxY:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=QVB7ckbQJ68:A-meMhPwYxY:3QFJfmc7Om4"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=QVB7ckbQJ68:A-meMhPwYxY:3QFJfmc7Om4" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/GrooveBlog/~4/QVB7ckbQJ68" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.groovecommerce.com/ecommerce-blog/the-magento-project-managers-playbook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.groovecommerce.com/ecommerce-blog/the-magento-project-managers-playbook/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=the-magento-project-managers-playbook</feedburner:origLink></item>
		<item>
		<title>Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner</title>
		<link>http://feedproxy.google.com/~r/GrooveBlog/~3/aMKirYneshg/</link>
		<comments>http://www.groovecommerce.com/ecommerce-blog/design-and-development/design-1-2-3-above-the-fold-gold/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 17:58:24 +0000</pubDate>
		<dc:creator>Heather Van De Mark</dc:creator>
				<category><![CDATA[Design & Development]]></category>
		<category><![CDATA[eCommerce Web Site Design]]></category>

		<guid isPermaLink="false">http://www.groovecommerce.com/?p=8239</guid>
		<description><![CDATA[Long gone is the notion that everything must be &#8216;above the fold&#8217; (included in the top 600-800 px of a page) on a homepage web design. Numerous user tests and anecdotal evidence has uncovered that yes, users can and do... <a href="http://www.groovecommerce.com/ecommerce-blog/design-and-development/design-1-2-3-above-the-fold-gold/">Read Full Article</a>]]></description>
			<content:encoded><![CDATA[<p>Long gone is the notion that everything must be &#8216;above the fold&#8217; (included in the top 600-800 px of a page) on a homepage web design. Numerous user tests and anecdotal evidence has uncovered that yes, users can and do scroll. This isn&#8217;t to say that what&#8217;s above the fold isn&#8217;t important, because it is. Very important.  <span id="more-8239"></span></p>
<p>Jakob Nielsan says, &#8220;The real estate above the fold is more valuable than stuff below the fold for attracting and keeping users&#8217; attention.&#8221; As an eTailer or designer, you have to decide what&#8217;s going to attract and keep your user&#8217;s attention. What is required information for a visitor (and at what stage of the shopping process). Then, accordingly, find a place for it on the page. Everything from a free shipping callout banner to a best sellers slider module to a simple text link for career opportunities needs to have a home.</p>
<p>This month&#8217;s Design 1, 2, 3 examines what eTailers are doing above-the-fold, specifically looking at the primary real-estate hot spot: the homepage banner, aka the hero banner. We&#8217;ll look at various <a href="http://www.groovecommerce.com/magento/">Magento</a>-based eCommerce sites (I had to choose a sample set somehow), and discuss common themes and a few mistakes. </p>
<p>A few things first: I&#8217;m on a 13&#8243; laptop with a screen resolution of 1280&#215;800. Clicking an image will make it larger. To view sites, go to the bottom of the post for links.</p>
<p><strong>1A. The Full-Width Banner</strong></p>
<p>This seems to be the most common solution for fashion eCommerce sites. </p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/stussy.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/stussy-300x160.png" alt="stussy 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="stussy" width="300" height="160" class="aligncenter size-medium wp-image-8240" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/rogan.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/rogan-300x160.png" alt="rogan 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="rogan" width="300" height="160" class="aligncenter size-medium wp-image-8241" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/oliverpeoples.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/oliverpeoples-300x160.png" alt="oliverpeoples 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="oliverpeoples" width="300" height="160" class="aligncenter size-medium wp-image-8242" /></a></p>
<p>All three images above are fairly bare-bones above the fold. A single main image that rotates (Rogan NYC&#8217;s doesn&#8217;t.) These bold, lifestyle shots set the tone for the site. This is important when selling apparel as consumers will buy into the emotional appeal&#8211;they want to be wrapped up in the glamour, in the attitude. The homepage banner is a way to inform and connect to the user. <em>This is who we are, don&#8217;t you what to be like us?</em></p>
<p>If you look at the scroll bar on each image, you&#8217;ll see that each site has content below the fold. But they&#8217;ve decided their most important information is a single, concise message with compelling photograph, and that&#8217;s why everything else is below the fold. It does somewhat resemble the way print magazines display fashion spreads.</p>
<p>I want to point something out about the Stussy site. Due to my screen size, there&#8217;s a fairly strong gray bar going across the width of the bottom of the page. And considering it hold elements like e-mail and social media, a user may mistakenly believe this is the bottom of the page. Generally, try to avoid hard, full-width breaks along or near the fold line. Granted, Stussy may have great analytics and know that everyone views their site at 1920&#215;1200 in which case, the gray bar isn&#8217;t an issue. Maybe…  </p>
<p>Here are a few sites that made sure their main banner height still allowed for the next section of the page to peek through. This is probably the best tactic when it comes to page design and length and the whole above-the-fold argument.</p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/harvey.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/harvey-300x160.png" alt="harvey 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="harvey" width="300" height="160" class="aligncenter size-medium wp-image-8243" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/lacrosse.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/lacrosse-300x160.png" alt="lacrosse 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="lacrosse" width="300" height="160" class="aligncenter size-medium wp-image-8244" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/fredperry.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/fredperry-300x160.png" alt="fredperry 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="fredperry" width="300" height="160" class="aligncenter size-medium wp-image-8245" /></a></p>
<p>Looking closer at the Fred Perry site is a great transition to my next sub-point. See in the top corner the &#8216;Quick Preview&#8217; overlay? When you rollover it, it opens up to display a collection of links for the banners. And as you rollover each link, the banner changes. And this brings me to 1B.</p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/perry-trans.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/perry-trans.png" alt="perry trans Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="perry-trans" width="286" height="255" class="aligncenter size-full wp-image-8247" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/perry2.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/perry2-300x160.png" alt="perry2 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="perry2" width="300" height="160" class="aligncenter size-medium wp-image-8246" /></a></p>
<p><strong>1B. The Faux-Width Banner</strong><br />
Sometimes trying to create a full width banner can be difficult if you don&#8217;t have the right photography. A very wide image (about 960px) that may only be 300-500px tall can lead to some awkward photos if the photo wasn&#8217;t purposely shot and cropped for the site. As a result many eCommerce sites have done what I call the faux-width banner.</p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/papyrus.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/papyrus-300x160.png" alt="papyrus 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="papyrus" width="300" height="160" class="aligncenter size-medium wp-image-8248" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/toms.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/toms-300x160.png" alt="toms 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="toms" width="300" height="160" class="aligncenter size-medium wp-image-8249" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/bonobos.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/bonobos-300x160.png" alt="bonobos 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="bonobos" width="300" height="160" class="aligncenter size-medium wp-image-8250" /></a></p>
<p>This is in fact a great solution for a few reasons. 1. It means you don&#8217;t have to stretch an image to fit a width that really doesn&#8217;t make sense. 2. Showing navigation for the banner slides is in fact a great UI element. It allows users the opportunity to move between the slides in an informed way. They don&#8217;t have to guess if it was slide 3 or 4 that they wanted. And they can jump to any slide that might grab their attention. </p>
<p>I also want to applaud the above eTailers who have transitioned their homepage banners to spring and/or relevant holidays like Easter. Coming across as current is crucial in building confidence with visitors. If you site still has red holiday trimming, a visitor will question how reliable and fast you can really deliver their purchases. Not to mention, you probably won&#8217;t engage your visitor if you&#8217;re displaying wool hats and down jackets in March.</p>
<p><strong>2. The 3:1 or 2:1 Ratio</strong><br />
Similar to the faux-width banner, some sites use an extra column on the right of the main homepage banner to highlight other areas of the site. </p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/zadig.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/zadig-300x160.png" alt="zadig 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="zadig" width="300" height="160" class="aligncenter size-medium wp-image-8252" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/blik.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/blik-300x160.png" alt="blik 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="blik" width="300" height="160" class="aligncenter size-medium wp-image-8253" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/zumiez.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/zumiez-300x160.png" alt="zumiez 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="zumiez" width="300" height="160" class="aligncenter size-medium wp-image-8254" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/figi.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/figi-300x160.png" alt="figi 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="fiji" width="300" height="160" class="aligncenter size-medium wp-image-8255" /></a></p>
<p>Zadig Et Voltaire opts to display its high-level categories (women and men) while Blik showcases specific products (I assume that they are either best selling or new products.) Zumiez does a combination of both of these. And Fiji Water goes a different route by showcasing the buying benefit Free Delivery, additional information (perfect for a methodical shopper persona) as well as social media.</p>
<p>How do you choose what to use in this column? There&#8217;s always guessing. But I recommend strategy and testing. If your business plan for the year includes increased social media presence, then (as mentioned at the beginning of the post) this is a &#8216;yes, important element&#8217; that deserves to be above the fold. If you know that new products sell 50% better in their first 4 weeks, then yes, put it front and center as soon as you can. Should Zadig Et Voltaire have displayed Man then Woman instead of Woman then Man categories? It may seem banal to test that, but it could lead to an unexpected conversion bump. You should have stats for each item placed above the fold to back up those decisions.</p>
<p><strong>3. Needs a Second Look</strong></p>
<p>Here are some homepage&#8217;s above-the-folds that could use a second look.</p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/crumbs.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/crumbs-300x160.png" alt="crumbs 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="crumbs" width="300" height="160" class="aligncenter size-medium wp-image-8256" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/saltar.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/saltar-300x160.png" alt="saltar 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="saltar" width="300" height="160" class="aligncenter size-medium wp-image-8257" /></a></p>
<p>I like both of these sites, however, there&#8217;s so much lost opportunity. Crumbs Bake Shop has visible blank sections which is a waste of space, and Salter Housewares limits it&#8217;s homepage content to being only above the fold. Even if you have limited products or limited services, don&#8217;t make it feel like you don&#8217;t have much to offer a visitor. Be big and bold. There are always assurances, <a href="http://www.groovecommerce.com/services/search-engine-optimization/">SEO</a> text and other confidence builders that can be placed on a homepage to give it a more comprehensive look and feel. A great designer will fit all this in without being too cluttered.</p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/upton.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/upton-300x160.png" alt="upton 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="Skull Candy" width="300" height="160" class="aligncenter size-medium wp-image-8258" /></a></p>
<p>Skullcandy uses background photography, which I am usually a fan of, but it doesn&#8217;t appear to be resizing correctly. I&#8217;m left looking at a corner of a photograph. It&#8217;s quite clear I&#8217;m missing out on something, and that&#8217;s disappointing. I&#8217;m left wondering how it connects to the &#8216;Welcome Kate Upton&#8217; messaging.</p>
<p>[UPDATE] Looks like Skullcandy fixed the site, and now the background photo does resize correctly.</p>
<p>Here are a two sites that have great background photography.</p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/kirna.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/kirna-300x160.png" alt="kirna 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="kirna" width="300" height="160" class="aligncenter size-medium wp-image-8259" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/northface.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/northface-300x160.png" alt="northface 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="northface" width="300" height="160" class="aligncenter size-medium wp-image-8260" /></a></p>
<p><strong>Lastly, From Around the World</strong><br />
I thought it&#8217;d be interesting to see what they&#8217;re doing around the world. From Ireland, Spain, France and Japan.</p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/flora.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/flora-300x160.png" alt="flora 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="flora" width="300" height="160" class="aligncenter size-medium wp-image-8261" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/custo.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/custo-300x160.png" alt="custo 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="custo" width="300" height="160" class="aligncenter size-medium wp-image-8262" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/nafnaf.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/nafnaf-300x160.png" alt="nafnaf 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="nafnaf" width="300" height="160" class="aligncenter size-medium wp-image-8263" /></a><br />
<a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/muji.png"><img src="http://www.groovecommerce.com/wp-content/uploads/2012/03/muji-300x160.png" alt="muji 300x160 Design 1, 2, 3: Above the Fold Homepage Gold: The Hero Banner" title="muji" width="300" height="160" class="aligncenter size-medium wp-image-8264" /></a></p>
<p>Ireland&#8217;s Interflora site is a 3:1 ratio like some of the other examples above, but also includes a left sidebar navigation. Interestingly, so does the French NafNaf site. The left sidebar navigation is slowly going extinct in U.S. eCommerce sites. Custo Barcelona has an interesting homepage banner that scrolls horizontally across the width of the page. </p>
<p>I really like the Japanese Muji site. The navigation is actually on the bottom of the page (I&#8217;m assuming this is responsive design, and if my screen were larger, the navigation bar would always be locked to the bottom.) The whole screen is used as a main banner and it does rotate through two slides. I thought it was a compelling choice that definitely makes it stand out. Are these the best decisions for UI and <a href="http://www.groovecommerce.com/services/conversion-rate-consulting/">conversion rate</a>? Perhaps not, but that might not be Muji&#8217;s current goal. </p>
<p><strong>To Sum Up</strong><br />
The &#8216;above the fold&#8217; myth is dead. However, you still have to pay attention to what goes above the fold and why. The homepage/hero banner is a powerful area that reflects who you are as a brand, where you are in your industry, and what your quality of products and services are like. Make sure you&#8217;re sending the right message to your consumers.</p>
<p><strong>Tell Me What You Think</strong><br />
What do you think of the examples above? What do they do right, wrong? What about your own site? Have your own thoughts to add? Leave them in the comments! Thanks for checking in on this month’s Design 1, 2, 3. If you learned something new or were just pleasantly amused, pass it along. See you next month.</p>
<p><strong>Mentioned in This Post</strong><br />
<a href="http://www.stussy.com/" target="_blank">Homepage</a> :: Stussy<br />
<a href="http://www.rogannyc.com/" target="_blank">Homepage</a> :: Rogan NYC<br />
<a href="http://www.oliverpeoples.com/" target="_blank">Homepage</a> :: Oliver Peoples<br />
<a href="http://www.lacrossefootwear.com/" target="_blank">Homepage</a> :: LaCrosse Footwear<br />
<a href="http://www.harveynichols.com/" target="_blank">Homepage</a> :: Harvey Nichols<br />
<a href="http://www.fredperry.com/" target="_blank">Homepage</a> :: Fred Perry<br />
<a href="http://www.papyrusonline.com/" target="_blank">Homepage</a> :: Papyrus<br />
<a href="http://www.toms.com/" target="_blank">Homepage</a> :: Toms<br />
<a href="http://www.bonobos.com/" target="_blank">Homepage</a> :: Bonobos<br />
<a href="http://www.zadig-et-voltaire.com/" target="_blank">Homepage</a> :: Zadig et Voltaire<br />
<a href="http://www.whatisblik.com/" target="_blank">Homepage</a> :: Blik<br />
<a href="http://store.fijiwater.com/" target="_blank">Homepage</a> :: Fiji Water<br />
<a href="http://www.zumiez.com/" target="_blank">Homepage</a> :: Zumiez<br />
<a href="http://www.crumbs.com/" target="_blank">Homepage</a> :: Crumbs Bake Shop<br />
<a href="http://www.salterhousewares.com/salter_us" target="_blank">Homepage</a> :: Salter Housewares<br />
<a href="http://www.skullcandy.com/" target="_blank">Homepage</a> :: Skullcandy<br />
<a href="http://www.kirnazabete.com/" target="_blank">Homepage</a> :: Kirna Zabete<br />
<a href="http://www.thenorthface.com/en_US/index.html" target="_blank">Homepage</a> :: NorthFace<br />
<a href="http://www.interflora.ie/" target="_blank">Homepage</a> :: Interflora<br />
<a href="http://www.custo-barcelona.com/it" target="_blank">Homepage</a> :: Custo Barcelona<br />
<a href="http://www.nafnaf.com/" target="_blank">Homepage</a> :: NafNaf<br />
<a href="http://www.muji.com/" target="_blank">Homepage</a> :: Muji</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=aMKirYneshg:NV4oAHnAf7E:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=aMKirYneshg:NV4oAHnAf7E:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=aMKirYneshg:NV4oAHnAf7E:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=aMKirYneshg:NV4oAHnAf7E:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=aMKirYneshg:NV4oAHnAf7E:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=aMKirYneshg:NV4oAHnAf7E:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=aMKirYneshg:NV4oAHnAf7E:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=aMKirYneshg:NV4oAHnAf7E:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=aMKirYneshg:NV4oAHnAf7E:3QFJfmc7Om4"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=aMKirYneshg:NV4oAHnAf7E:3QFJfmc7Om4" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/GrooveBlog/~4/aMKirYneshg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.groovecommerce.com/ecommerce-blog/design-and-development/design-1-2-3-above-the-fold-gold/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.groovecommerce.com/ecommerce-blog/design-and-development/design-1-2-3-above-the-fold-gold/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=design-1-2-3-above-the-fold-gold</feedburner:origLink></item>
		<item>
		<title>Making the Move to Magento: Preparing for a Platform Transition (Webinar)</title>
		<link>http://feedproxy.google.com/~r/GrooveBlog/~3/cslndiKwkXg/</link>
		<comments>http://www.groovecommerce.com/ecommerce-blog/webinar/making-the-move-to-magento-preparing-for-a-platform-transition-webinar/#comments</comments>
		<pubDate>Fri, 23 Mar 2012 14:36:28 +0000</pubDate>
		<dc:creator>Groove Commerce</dc:creator>
				<category><![CDATA[Webinar]]></category>

		<guid isPermaLink="false">http://www.groovecommerce.com/?p=8232</guid>
		<description><![CDATA[When considering an ecommerce platform transition, you must learn which questions to ask before you can get answers. March&#8217;s webinar helps you prepare for a move to Magento by walking you through all the steps necessary for a successful transition.... <a href="http://www.groovecommerce.com/ecommerce-blog/webinar/making-the-move-to-magento-preparing-for-a-platform-transition-webinar/">Read Full Article</a>]]></description>
			<content:encoded><![CDATA[<p>When considering an ecommerce platform transition, you must learn which questions to ask before you can get answers. March&#8217;s webinar helps you prepare for a move to <a href="http://www.groovecommerce.com/magento/">Magento</a> by walking you through all the steps necessary for a successful transition. From <a href="http://www.groovecommerce.com/services/search-engine-optimization/">SEO</a>, to catalog optimization, to defining a realistic timeline and budget, you won&#8217;t want to miss this one if a Move to Magento is in your future.</p>
<p><span id="more-8232"></span><iframe name="wistia_embed" src="http://fast.wistia.com/embed/iframe/c260f4e87d?videoWidth=640&amp;videoHeight=480&amp;controlsVisibleOnLoad=true" frameborder="0" scrolling="no" width="640" height="480"></iframe></p>
<h2 class="zemanta-pixie" style="margin-top: 10px; height: 15px;">View the transcription of this webinar below:</h2>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><img class="zemanta-pixie-img" style="border: none; float: right;" src="http://img.zemanta.com/pixy.gif?x-id=7fca0952-434b-49b6-99f1-ae31426fef16" alt=" Making the Move to Magento: Preparing for a Platform Transition (Webinar)"  title="Making the Move to Magento: Preparing for a Platform Transition (Webinar)" /></div>
<div style="height: 150px; overflow: scroll; border: 1px solid #ccc; padding: 10px;">Mack: Thank and welcome again to the 2012 Groove Webinar Series, our third one of the year, our March Madness edition, if you will. Today’s topic: Making the Move to Magento and Prepping for a Magento Transition; something we have conversations about with people every day.<br />
So today, we’re going to step you through tips and points on how to make this transition as seamless as possible.<br />
As always, we are joined by our panelist Ethan Giffin, CEO and Founder of Groove Commerce. Ethan will be speaking today about this from his experience working both on the front side with folks as they begin to consider this transition, and then throughout their project as a strategic lead here at Groove Commerce, and showing you were to go along the way and how to keep your project on track, and things to consider upfront in selecting the right partner.<br />
So, Ethan, as always, thank you for joining us.<br />
Again, about Groove Commerce, Groove Commerce is an award winning Magento Gold Solutions partner. We provide end to end service on the Magento platform with a focus on increasing traffic, average order value, and <a href="http://www.groovecommerce.com/services/conversion-rate-consulting/">conversion rate</a>. Groove provides implementation and online marketing services that are focused to help customers grow their online business.<br />
So with that, we’re going to launch our first poll today before we turn things over to Ethan. And this poll really hits at something we want to understand from everybody: What is your biggest concern around transitioning to Magento? So, with that I’ll launch the poll. Go ahead, everybody, and take a minute. We’ll wait till we get some results in.<br />
All right. With that, let’s close the poll and we’ll take a look at the results. So, Ethan, with this I’m going turn it over to you, but no surprise, obviously. A common concern you hear: complexity with the projects. So with that, Ethan, I’ll let you take it away. Thanks.<br />
Ethan: All right. Thank you very much, Mack, and thank you everybody for joining us today in our monthly Groove Webinar Series. My name is Ethan Giffin. I’m the CEO and Founder of Groove Commerce. And when I speak at events around the country about Magento, people all the time ask me with their website project: “How can I be successful?”<br />
So we’ve kind of come up with Groove’s Five Steps to Success. First off, you need to ask yourself: Why are you making the move? You are not just changing platforms or shopping carts when you move from one to another, you are changing your entire business process. So, making sure you are there for all the right reasons is very important. You can’t do this on a whim or because it’s the trendy platform, but why are you making that move? We’re going to be addressing these topics as we go into the webinar today.<br />
#2: You’ve got to figure out how to assess your business. How are you going to do a deep dive into your own business or have someone act as a consultant and do a deep dive into your business to really find out what are the nuts and bolts of how things work? How are you going to replace things? What are the unknown factors that you’ve done business for the last 10, 15 years this way and you are not able to necessarily document those without a little bit of outside influence to understand that.<br />
Our third step to success is definitely defining your project. You want to make sure that you are defining exactly what it is that you want to accomplish. You need to kind of break that into different phases and steps, but making sure that you really have realistic expectations.<br />
And that’s #4 on the list of five steps: You don’t want to be that person that comes to us and says, “Can I recreate Ebay on a $5,000 budget?” So what are your expectations of things in terms of what you are looking to accomplish? That doesn’t mean you need to spend $1 million, but you need to have a realistic kind of expectation, versus budget and timeline, versus what the expected result is at the end.<br />
And kind of our fifth step to success is definitely choosing the right Magento partner to help you through that process. We’re going to touch on a couple of topics today around Magento. It’s a complex piece; it’s a complex piece of software. So making sure you have the right partner there in place to kind of help you through that journey is very, very important.<br />
So let’s kind of get into things. So, why make the move? Well, there’s a couple of reasons. First off is current site performance might be lacking. So if your site has slow load times, maybe you’ve gotten poor SEO traffic or poor conversion rate, an unsatisfactory user experience. Many times, people will come to us and ask us to do user testing prior to going down the path of a redesign. So, is there kind of native things in your existing shopping cart that aren’t working, or is it the way that you implemented those things within your user interface? What’s causing that unsatisfactory user experience?<br />
The second is you may need to update some business processes. We talk a lot about kind of driving traffic, driving average order value, driving conversion rate. Kind of that fourth kind of hidden tenant there is updating business process. Do you need a better way to manage your orders? Do you have a clunky or outdated backend? Can you cut costs by increasing the efficiency within your business?<br />
We still meet with fairly large, medium size e-tailers that are printing out things and kind of entering data into multiple systems. So if you can cut down and, say, maybe replace two or three people with one automated process, that’s definitely a significant cost cutting measure, and it allows you to do more strategic work versus kind of nuts and bolts.<br />
And then last, are you kind of hampering your future growth? Many times people come to us, they’ve taken maybe a $99 or a free shopping cart solution, and they’ve built and $8 or $10 million a year business on it, maybe larger. And the wheels start to come off of that and they know that based upon the future growth, they are not going to be able to get to where they need, either from a feature set that’s lacking, things that you want, things that you need, poor scalability and flexibility—do you need to maybe live in a multi-server environment? And, is your current platform missing third-party integrations?<br />
So, one of the great things that we love about Magento is there’s a lot of great third-party integrations that you don’t have to go out and build all those from scratch. So it allows us a great place to start and put things together.<br />
So with that, I’m going to have the second poll with Mack. Go to it, Mack.<br />
Mack: All right. So, the next question we want to ask everybody is: Which version of Magento are you planning on transitioning to? As we move through the conversation today, folks, this will be a great question that will help us in Ethan crafting the conversation for you all on things to consider and potential based on the version you are looking for. So, we almost have a good majority to go on here.<br />
Ethan: Yeah, that’s great, folks. And please help us out by answering the poll questions. It helps us kind of determine future content and the way that we kind of shape our conversation. I know Mack has said it before, while he is tallying up the results, we are going to have plenty of time for Q&amp;A at the end. So please start to submit your questions as soon as possible.<br />
Mack: All right, Ethan. We’ve got the results. It looks like it’s a 50/50 crowd today between Community and Enterprise. With that, I’ll let you take it back over.<br />
Ethan: Excellent. So, as part of kind of figuring out why to make that move, you may want to start to calculate your potential. And we’ve got a great ecommerce opportunities calculator available on our site that allows you to kind of put some different numbers in and kind of play with some different metrics in terms of what’s going to happen with your site if you increase your conversion rate? What’s going to happen if you increase your average order value? And what’s going to happen if you increase your traffic? And it kind of shows you all three different opportunities there.<br />
So that’s available. You can see the short link there on the screen. We’ll be sending this out later as part of the wrap-up piece for the webinar, so we’ll be sending this out via email.<br />
So next, really getting into that next step is assessing your business. What exactly do you need to do? Here’s a couple things that we want to discuss in terms of how to assess your business the right way, kind of front to back, to make sure that you’re not missing any steps in the process.<br />
So we want to look at the current site. We call that kind of your front office, so to speak. Your site is your front office. What are the current features and functionality that you have in your site?<br />
So what you want to do is you may want to start and create an Excel spreadsheet, because we’re going to need this spreadsheet a little bit later on in the process. But start to lay out, what are the features and functionality? What are the things that you have customized on your current platform? What are the ways that you operate your business?<br />
You want to look at your order processing, what we call your back office. Once the order is placed and the credit card is validated, then comes the back office procedure. How does the order flow through your business when it’s picked, packed, and shipped?<br />
So really kind of thinking about that and making sure that you’re addressing that as part of this overall project is very important.<br />
You want to make sure, especially kind of post-Panda, you do an SEO analysis of your site. Figure out where you are. With all of this analysis it’s very interesting, because people will come across issues and problems that they think is part of a new platform or a new site that they launch, when they actually had all of these issues with their previous site, they’re just more aware of what’s going on. So looking at and doing an SEO analysis is important.<br />
We’re going to dig deeper into all of these things as we go, so there’s six bullets here.<br />
Do a navigation and a sitemap review. How do you kind of lay your navigation out? What’s the sitemap of the site? We’re going to want to look at a competitor review. What are your competitors doing? And then, ultimately, what does your catalogue and customer data look like? If you don’t have any data to put into the framework, you’re just going to have an empty shell. So how you kind of assess that and figure out where you are is very important.<br />
So, these kind of six points will tee you up for success.<br />
So, assessing your kind of front and back office—the website and your order management. What features and customizations have you put in place? We work with many folks that maybe are using a hacked up version of OS Commerce or a hacked up version of Zen Cart or X-cart or another platform. They kind of forget all of the things that they’ve done over the years. So what features and customizations have you kind of put in there that you’ve forgotten about? You really have to go back and put some time into this and document things or else you may miss some steps.<br />
What’s your overall workflow? You know, your order management, what order management system are you using, or do you like to us the admin? How are you printing your shipping labels? What kind of fraud protection? Do you have any kind of fraud protection that’s plugged in as an extra layer of security into your site?<br />
Do you have any kind of shipping partners or sales tax data partners that we need to plug into the site? And then, any other third-party integrations? All of that stuff needs to be documented upfront. Do you need to calculate sales tax, for example, on a city or a county basis or by zip code, or is it by state, or not at all?<br />
So, really kind of understanding that workflow. Do you charge the card…do you authorize the card on the frontend? Do you authorize and capture? Those are things that your partner is going to need to know to make sure that the project is successful.<br />
And should you change more than one thing at a time? Again, we have folks that kinda come to us with these grandiose plans of changing their order management systems and their shopping cart platform all in a single project. And I can tell you that that’s a recipe for failure. So make sure that you really kinda figure out what are the pieces that you can put in place to show for success? What’s the smallest amount possible that you can do for phase 1? You want to get something live, you want to get it active, you want to start working with it. So don’t go changing like all five things. You know, don’t change your frontend, your backend, and your shipping partner all in the same project. It’s just a recipe for overall failure.<br />
So kind of getting into the next part, one of the most popular parts of what people ask about. And actually, we’ve done an entire webinar on this. So, SEO analysis. What to think about in terms of a re-platforming and a redesign with your site.<br />
So, what you want to do is you want to take some time. You want to review your current keyword list. What’s on the list? What are your most important words? What drives traffic? What doesn’t drive traffic? You want to perform a baseline rank check off of those keywords using some type of tool.<br />
People will engage with us all the time to kind of do these analysis and checks to kinda figure out where they are, so performing that baseline check. You want to know where you are now versus where we want to head with a new platform. You always want to be improving.<br />
You want to do a link analysis. We want to make sure and figure out what links you have, if there are any domain issues where we need to change your domain or go from a www to a non. We’re going to want to know what the link analysis is and how we’re going to address that. Again, link building is still a major part of the SEO process and we’re going to look at that.<br />
These next two things can come right out of Google Analytics. Many people never look at what their top revenue generating keywords and their top revenue generating landing pages are from an organic standpoint. So you want to make sure that you protect those.<br />
Again, people start to change too many things when they re-platform. Our recommendation is try to remove and change as few things as possible. So if you are ranking well for certain keywords and those landing pages are generating significant…<br />
[audio cuts out 14:11-14:40].<br />
Ethan: All right, we’re having a little bit of technical difficulty. Next, we want to make sure that your Google Webmaster Central is set up. By doing that, it allows us to see any crawl errors or any issues that are happening with your site. So again, we don’t want to look at those post-launch of a new platform. If you’ve got significant issues going on, if you’ve got duplicate content issues, we want to know those now so that we can fix those.<br />
So, making sure that you validate your Google Webmaster Tools account, get that set up, have that running at least for 30, 60 days prior, have that running while the project is going on. That allows us to really kind of see and make sure that we are able to determine what information you have.<br />
These are just some of the tools that we use. The Google Keyword Analysis tool, we will use that. We like some tools from SEOmoz and from Raven Tools. Those are things that we have built into our internal workflow to help us from an overall kind of search, social analysis/analytics standpoint.<br />
Next we are going to get into our navigation and sitemap review. Do you currently have a left-nav or a top-nav? So, you know, just understanding you don’t want to go make complex changes so that your visitors get lost. So, do you have that top-nav or left-nav?<br />
Documenting the current sitemap. What categories, subcategories, what kind of content pages, buyer’s guides, what kind of blog pages? Is there anything else in the mix there that you want to look at and know about? So, really kind of documenting everything and kind of seeing what’s an inventory of all of the pages that you have and all of the pages that you need to move?<br />
One of the things that we look at kind of post-Panda, post the Google Panda update, is really understanding do those pages have value? So if you have pages with a paragraph or two of content, it may not make sense to move those to the new site. It may make sense for us to kind of merge three or four of those lower quality pages together and make one higher quality page, versus kind of pre-Panda when you wanted to create as many pages online and you could get kind of pale rankings for any kind of combination of words by just creating something that had a title tag and a little bit of content to it. Those days are kind of over. So, making sure that we document that content.<br />
Just be careful what you change. Again, don’t go changing everything. Don’t throw the baby out with the bathwater. If people are used to a left-nav, maybe you shouldn’t necessarily go to a mega menu. These are questions that you just want to think about in the process. I’m not saying you shouldn’t, but really think about it and be careful what you change, and know that in this day and age, any kind of little changes can cause fluctuations in your search traffic.<br />
One of the things that we also like to look at is a competitor review. What are your competitors doing? So, you want to define who your top three competitors are. Take some of your keywords, go out to Google, type those words into Google, see who’s buying pay-per-click, see who’s ranking organically, because your competitors may have changed since you’ve looked at them last.<br />
You know, “Hey, this person used to be our competitor two years ago, but they haven’t kept their site up. They haven’t evolved. So there are new folks in town that are kind of bidding and driving traffic.” So you want to make sure that you are ahead of the game there. So, defining who your top three competitors are.<br />
You want to go to their sites and determine what technology they have running. There’s a great site called Builtwith.com. It allows you to go up, put a website in, try to figure out what technology backend it’s built off of. Then it will tell you, based upon the JavaScript’s and other elements running on the page, what kind of retargeting they are running, what kind of technologies they are running, or what kind of search provider they are using. So you are able to kind of figure out what your competitors are doing that maybe you are not.<br />
Maybe they are running retargeting through a different network than you are and maybe you want to be in that network. So, what are your competitors doing from a technology standpoint that you are not?<br />
Coming back to your features, you’ve put all these features and functions into an Excel spreadsheet, well, now you want to go and look at that feature matrix based on what your competitors have. Do they have features and functionality that you don’t? You want to document that. Do they have the same things that you have? Where are they winning and where are you losing? Where are you winning and they’re losing?<br />
So you want to make sure that you’re kind of staying ahead of the game for what’s happening. So create that overall matrix of all the features that they have.<br />
I would do an SEO rank check with your keywords to see where they show up for your words. Are the above you or below you? I would also do a link analysis to see what type of link volume they have compared to you.<br />
And then lastly, there are some great tools out there that allow you to go in and do a page search analysis and to get some trends and analysis overall on what we think they are spending every day on pay-per-click advertising.<br />
So, just a way, again, you always want to be kind of figuring out what your competitors are doing and staying two steps ahead of them in terms of tools online.<br />
Next we want to kinda think about what the data migration needs are. This can be one of the most complex and challenging parts of any project. So getting your data right is highly important and one of the biggest factors for success.<br />
So, what data must be brought over? Catalogue data, some people ask for order history. With many platforms it’s almost nearly impossible to bring order history data over. So if that’s a requirement for you, that can add a huge amount of time and expense overall to the project if it’s even possible.<br />
Customer accounts—customer data, phone numbers, addresses, email addresses. If you are able to get their password information out of your database in a plain text format, and maybe you’ve got that encrypted but you can unencrypt it, that puts us in a great position to move platforms. You’ve got to be very careful with that and it’s got to be done in a secure fashion and properly, like, to write some code to panel that versus [xx 21:05] hands on that.<br />
You need to move your product reviews over. What kind of promotions and coupons do you need to put in the system? So if you only have a handful of coupons and promotions active, you can probably enter those by hand in the new system. But if you’ve got hundreds, well, then you need to figure out a way to kind of move that data over from one system to another. So what’s the stuff that must be brought over?<br />
What’s missing from this? So, things like custom product descriptions. Are you only using the manufacturer’s product descriptions? If you are, you really need to think about how you are going to customize that going forward.<br />
Are you using certain product attributes? Again, what’s missing in that process? So, making sure that you have all for your product attributes built out is very important as well, too.<br />
And then you need to assess what your internal resources are in terms of data. Is there an Excel whiz in-house? That’s what we like to ask. So, do you have somebody on staff that can help you make heads or tails of your data and work with the partner, work with Groove, to help put that in the right format and then bring that over into the system? If you do have that, it makes it significantly easier in terms of we can go figure out your data for you, but it’s a complex process that we need to put time and effort into. If you have someone on staff that already understands the data and relationships, that can help significantly through that process.<br />
This is a slide here, it came from last month’s webinar on Magento merchandising. But this is really…when you are thinking about your product catalogue, you want to really think about this. Do you have products that require some type of promotion? This is the time to evaluate that. These are the things that have a low traffic volume but a high conversion rate when people get there. So we want to figure out how to get more traffic there.<br />
What are your top selling products? You know, the things with high traffic, high conversion? We want to make sure we protect those in the process of transitioning platforms. What are the products that may not make the cut? You know, things with low traffic, low conversion. Do you really want to take up space in your catalogue if they are not selling? Maybe they have a high profit margin, but maybe they are just ready to be removed.<br />
And then things that just need optimization. What are products that have high traffic but have very low conversion rate? Is it based on price? Is it based upon information and other things that you are not providing the visitor’s part of that process? So, really kind of looking at that is important.<br />
Mack: All right, Ethan, so the next slide there: Defining your Project. And this is something as, you know, kind of leading to this development for Groove Commerce, we face a lot in really helping folks define your project. So the next slide here is going to walk you through that.<br />
With this slide, there are certain things in terms of consistency when defining your project that’s very helpful as you may talk to a variety of partners. The first one is documenting your list of features. People sometimes are concerned: Do I have too much there? We want to have as much information as possible in regards to your wants and needs. Like Ethan talked about before—getting a full view of what’s going on upfront is very desirable in providing an accurate scope. So, again, defining this as what are your must haves? What’s currently performing for you? Is there certain functionality that makes or breaks your revenue?<br />
And then what’s nice to have? With all platform transitions and all evolving ecommerce companies, there’s always the Phase 2, Phase 3 discussion, and Ethan can get into that in a minute. But what is the must have versus nice to have and defining that out?<br />
Any third-party integrations, all relationships you have with folks. A good partner isn’t necessarily going to take you away from good relationships you have. So if you are working with a third-party already and they are going to be a part of the transition process, let your partner know up front this is very helpful as they look at the project in determining what are the right ways in order to scope that particular functionality?<br />
Ethan: Figuring out kind of after those integrations, what’s available out of the box? So, what are the things that you want to use as part of Magento? What are the things you think you are going to use. So, really, many times people will come to us and say, “We have this whole toolbox of things that we want to go after.” Well, it’s kind of like Christmas morning. You know, when you open up all your presents, you kinda get to play with things a little bit, but it takes some time for you to kind of pick your favorite toys out and play with them over and over and over again.<br />
So we want to make sure that we don’t turn on too many options on day one. So, what are the features that are available out of the box? What are the things that you want to kind of map out in the system and make sure we have placeholders for so that you can turn them on easily as you decide you want to get deeper into that?<br />
What’s going to require an extension? For those of you that aren’t aware, Magento has a huge extension base of plugins, so to speak, of nearly 5,000 of these extensions that we’re going to touch on in a bit. But they are ways to extend the platform without doing significant amounts of development—redefine hooks and prebuilt functionalities, some free, some paid that you can utilize within your projects.<br />
What requires customization? What are the things that need to just be built from scratch that are just so a part of your business model that no one else has and needs to be customized and built from scratch?<br />
You want to kind of document what your SEO transition plan is. What are those most popular landing pages? What are the keywords that need to be protected? What are the product pages that need to be protected?<br />
And then, kind of most importantly is really defining what those internal roles and responsibilities are. We’re going to dig into each of these bullets as we go, but making sure that you’ve got the right people engaged on the project on your side to make it successful.<br />
I can tell you that when people just kinda say, “Hey, go have at it,” it’s challenging. We try to understand your business as much as possible, but ultimately, you are the one that understands it the best. So making sure that you have the right team, the right roles and responsibilities there to be successful is important.<br />
You really want to kind of set the priority of the features that you are thinking about. So, what are the things for a Phase 1? What are things for a launch? What are things for Phase 2? What are things for Phase 3?<br />
We try to tell people that your website should just be an ongoing project. The people that are most successful at this game have an ever evolving website that is constantly changing. So, what are the things that you need to get out there in a 3-4 month project? What are the things that you want to get out within the next 60 days after? What are the things you want to get out within the first quarter of launching?<br />
So, what are those phases? How often do you want to deploy new features and functionality out? Those are things to really think about in that process of putting this together.<br />
Extensions and customizations. This is one of the most misunderstood parts of Magento and one of the most important. So, not all extensions are created equal. Really kind of understanding is it an Enterprise extension or is it an Community extension, and they’re both not kind of cross compatible.<br />
You also kind of get what you pay for. So, some of these extensions are like entire mini applications that live within your website. They are very complex and have background cron [sp] and all these other things that are very difficult to understand. And some of the extensions are just kind of tweaked through the user interface; very simple, maybe 5-10 lines of code to tweak something that’s in place.<br />
But you get what you pay for. So, you know, it’s challenging at times. Even at the highest end, a $500 or $600 extension is not worth $30,000 in programming time. So you have to think about are they going to be able to support the extension? Are you going to get support from the people that built it? Do they build it properly within the Magento ecosystem?<br />
There’s some great extension builders out there, like aheadWorks, and then there are some that we just definitely don’t recommend in terms of ones that have kind of bastardized the Magento system a little bit and kind of take over part of the installation in terms of what they are doing, in terms of the way the code grabs a hold of things.<br />
So not all extensions are created equal. You definitely want to work with your partner to kind of figure out what they are and which ones are going to make sense for you.<br />
Next, I just really want you to understand that Magento is a complex platform. It was built in a way that allows you to upgrade. It’s built in a way to separate the code from the design. It’s built in a way that separates the extensions and customizations from the core. But because of that, you just can’t hack things in.<br />
So if you are coming from a platform, maybe it’s home built, or maybe you’ve got osCommerce or something else, and you could open up a PHP file and edit a line or two of code, save that, and push it back up to the server and have some new features, it’s definitely not that easy with Magento.<br />
So customizations definitely take longer to complete, many times, in the system. So all of that complexness is Magento’s strength, right? Being able to separate the design from the core, being able to separate the extensions from the core allows us to go in and upgrade as new releases are coming out. And for <a href="http://www.groovecommerce.com/magento/enterprise-platform/">Magento Enterprise</a>, they have two major releases a year and two minor releases a year. But certain things just take longer to do and may take a larger investment than kind of just hacking those things into a less complex platform.<br />
So it’s something to think about in that process. Magento’s blessing is also its curse. So just want to make sure that you are aware and educated on that as you are going through that process.<br />
You want to document the SEO transition plan. So that transition plan should be things like 301 redirects; not 302’s, 301’s. Proper tagging of the pages—page titles, meta descriptions. I’m not a fan of the meta keywords, like there’s no reason to kind of handle that. But things like H1 texts, you need the category headline to be different from the page title, the menu names. Really kind of looking at all those different ways of kind of extending Magento from an SEO standpoint to get the most bang for the buck.<br />
URL optimization. What are the URL keys that you want to go with? Just changing those post-import is definitely challenging and adds some overall drag to the system by creating a lot of redirects.<br />
What’s the navigational hierarchy of your site? What’s the way that you internally link pages together? That’s all wrapped up with just an updated keyword analysis. Have visitors gotten more sophisticated? And when they used to just use on word to describe your business, now maybe they use two or three. So really kind of updating that keyword analysis is part of this SEO transition plan that you make sure you want to get right.<br />
Next we want to define the roles and responsibilities. There’s a lot of different roles and responsibilities that come into a project of this size. Most of the Magento projects that we do are anywhere between three and five months long for an initial phase. So you’re going to need to figure out who that internal champion or contact is.<br />
As you the business owner, do you have the time and the ability to put that much thought into every aspect of the project, or would you need to delegate that to someone within your staff who is going to be focused on that for the next three, four, five months? Who is going to be responsible internally for your design review? Is that a side of the business? Then it’s going to be looking at things from the development or QA side.<br />
Who internally is going to be responsible for the data import aspect of your project? So those, many times, will come from three different people. And ultimately, who within your team has final signoff capability? So making sure that we know whose roles and responsibilities are there, who has the ability to kind of sign off on things and say that they are completed, who has the ability to sign off on things such as change orders for new functionality that springs up across the course of the project. So really kind of thinking about that and laying that out and having clear communication throughout the entire project is important.<br />
Next is being realistic. Our goal as a partner is to be realistic with you. We want to educate you on the Magento platform. I get really offended personally if someone goes with an agency, or like we sometimes call “two guys and a dog”. They set unrealistic expectations with you as an end user, you become frustrated with Magento. Well, you shouldn’t really be frustrated with the software, you should be frustrated with the process that someone took you through to implement that software. So how can you make sure that you have a realistic vision of things in terms of timeline?<br />
So really kind of thinking about the important milestones that you map out with a partner and making sure that you begin the process with some time to spare.<br />
There’s no doubt that we’ve all been on the short end of an emergency project where you need to get off a platform and somewhere else, so making sure that you do it the right way. You know, you always see the traditional project management things—time versus quality. So the more time that we have to put into things, typically the higher quality and the more QA that can be done with that within reason.<br />
So you can’t rush a project and put it out within 30 days and expect to have all the quality that you want in a project that would typically take three months to complete. So, really kind of understanding that time versus quality spectrum in terms of the overall project.<br />
So I think it’s time for our third question for the day, so I’m going to let Mack take it over for a second.<br />
Mack: All right, Ethan, so our next question comes in. We want to get a sense today of: what is your timeline? What’s your expectation? How long does this project take for you to transition as you look at moving to Magento?<br />
All right, Ethan. It looks like we’ve got a good enough majority here, so we are going to close that poll and share the results.<br />
Ethan: Excellent. And again, as Mack is sharing these results, let’s make sure that if you have questions about the process, please feel free to kind of go ahead and ask them in the questions box within the webinar tool there.<br />
All right, so let’s get back into this. Defining what a realistic budget is. What is your budget? Where can you leverage internal resources?<br />
Again, thinking about in the process of if you need someone to do every single thing about your project, that’s going to add significant numbers to your budget versus if you have some internal resources that can help from a data and QA standpoint.<br />
So, again, it’s that kind of quality and investment. Like I said before, you can’t build Ebay on a $5,000 budget. They probably have 2,000 developers building Ebay. So you can’t build Amazon overnight. So really kind of thinking about that and making sure that you have some realistic expectations there of what you want to accomplish.<br />
Next is kind of the classic project triangle. It’s cheap, fast, and good; pick any two. The goal would be to get a fairly priced project with an acceptable timeframe and a great quality work. And that’s kind of project gold there in the middle where all the circles cross each other.<br />
But really kind of making sure that you can’t have it cheap, fast, and good. You can kind of have it good and fast, but sometimes you can’t have it cheap at the same time. So really kind of figuring out how to hit that project gold in terms of overall quality with the project is important.<br />
It goes back to, again, another kind of old project management adage of nine pregnant ladies can’t have a baby in one month if you put them together. Things take to do and get them right. So making sure that you have enough time, and you have enough budget, and you have the right quality there.<br />
Next up is how to select the right partner. We want to really think about how do we do that? You want to keep the proposal process consistent. You want to be comparing apples to apples, not apples to oranges. Someone fixed price versus time and materials. You want to understand, many times, for our projects we like to go fixed price and then have kind of time-based areas within the project where maybe there’s unknowns or maybe there’s a lot of room for things to kind of build. Things like data conversion can really suck time up quickly, so making sure that you have some kind of areas in there that can kind of ebb and flow with the process.<br />
Domestic versus offshore. Are you going with a completely domestic based, North American based team, or are you going with a team that’s maybe partially domestic based with an offshore component. There’s definitely pluses and minuses to each. Groove is a domestic based team, and we feel that from a communication and quality standpoint, it allows to operate optimal. So, really thinking about that domestic versus offshore.<br />
Being open to discussions, conversations, recommendations, whatever you want to call it—that’s a whole mouthful there—during the process. We know Magento. We’ve spent years working within it. We’ve won some battles and we definitely have lost some battles in the process. So our goal as a partner is to educate you on the things that we’ve won, the battles we’ve lost and make sure that we don’t make those same mistakes again.<br />
So, how do you have an open mind during those discussions, conversations, recommendations? I like to say there’s many ways to peel an onion. So it’s really kind of understanding that and making sure that we get to the right end result for you, which is a quality site that drives more traffic and has a higher conversion rate.<br />
You want to make sure that you analyze Magento experience and expertise. Again, Magento is a complex piece of software. We’ve been very lucky to have some great Magento training come around recently, but kind of the initial training on Magento was the school of hard knocks. So you had to get in there and learn through experience.<br />
So, does the partner that you are working with have the right expertise, have the right experience in house, get things done for you? So, really understanding that and making sure you’re having an apples to apples comparison in the process.<br />
And you are going to see a lot more of that shake out in the coming months, especially with the Magento developer’s certification that’s available.<br />
Next, you want to ask lots of questions. Educate yourself on the platform. Ask about the process, who’s going to be involved. What’s the communication part? How are you going to communicate? What types of tools do they use as an agency? Those are things that we have focused on here in our Magento project process.<br />
We are always trying to kind of evolve what we’re doing as Magento gets older and push things to the next level there, understanding what’s changing in the Magento Connect marketplace in terms of new extension builders, what extension builders are not supporting their products. So making sure that you are asking lots of questions and getting educated in the process. The more educated you are, the better our ability it is to kind of serve you and meet your expectations.<br />
And then be open with the budget. So, again, make sure that you have a realistic an open mind in terms of budget. Again, not saying that you need to open the purse strings, but be open with a partner in terms of what your overall budget is, and then we can be very honest back with you in terms of what we think we can deliver.<br />
And then kind of lastly, hint, hint, always pick Groove! I call that APG, like Always Pick Groove. We’re always open to new projects and new opportunities.<br />
With that, I think we’re going to open things up to some Q&amp;A.<br />
Mack: All right, Ethan. So we have a lot of questions that came in and I want to hit on them. Real quick, I want to tell you guys, coming up in April, our next webinar series we are partnering with the great company Dydacomp, and we have a lot of experience integrating Magento with their product MOM, or Mail Order Manager, as you might be more familiar. So we’re going to be working with those guys and talking specifically about some of our successes with that and the keys to using two great technologies in Magento and MOM to have a very successful project.<br />
With that, Ethan, we’ve got several questions to hit on here. As always, want to thank folks if you do have to jump off. We’re going to make our way through the questions now, and I look forward to having you on our next Groove Webinar.<br />
Ethan, the first question that came in was: Any free tools your recommend for a baseline rank check?<br />
Ethan: I guess free is always challenging. I would say in terms of that, there are some free tools out there. One of the things that you can get in trouble with, with those free tools are spamming Google. They pay attention to repeated queries with that. So, over time, if you are doing that from your office, they’ll kind of may ban your IP or to start to kind of not allow those tools to come in and give you results back.<br />
We definitely recommend paid tools from certain vendors, and there’s some great ones out there in terms of Raven Tools, or SEOmoz. But I definitely would not recommend the free tools in terms of those rank checks.<br />
Mack: The next question is: Ethan, when you are managing a re-launch, people often struggle with the idea of not being able to transition over their customer passwords. What are your thoughts on this and how much is this inhibiting folks from transitioning?<br />
Ethan: I think it’s definitely a challenge. The goal would be to kinda make that as seamless as possible. If you have that data in a way that it’s able to be transferred and you make sure you have the right security precautions in place, that can work great in terms of that process.<br />
At the same time, if you have to transition, figure out what’s the value of not transitioning that data? What’s the investment to transition the data if it’s in a complex fashion versus not bringing it over at all? I think even Target recently had a transition probably about a year ago on their website platform when they moved off of Amazon where they did not bring customer data and profiles with them. So they just had a clear message with that and let people know.<br />
I definitely wouldn’t recommend doing that on a yearly basis, but if you get into a situation where you can’t transition it, I think there are ways of kind of getting past that without making your customers angry.<br />
Mack: Next question comes in regard Magento’s vetting process of these third-party extensions for quality. What are they doing to make sure these are approved extensions?<br />
Ethan: That’s a great question. The Magento Connect marketplace where all the extensions live, at least they are listed in terms of a catalogue. It used to be a little bit like the wild, wild West; there was all kinds of stuff going on in there. People would just literally create a fake extension that maybe was just JavaScript that you can use to install on your site but wasn’t really set up in extension format.<br />
They’ve gotten a lot better with that recently and we’ve seen a lot of changes there. We’ve seen the trusted extension flag come up and be rolled out for certain people. So, again, we’ve got a handful of folks that we really like to work with in terms of folks like aheadWorks, OneStepCheckout, a few others. There’s definitely some ones that we don’t recommend in terms of…you could probably ask me on Twitter or ask me privately some of the ones that we don’t recommend. But we’ve definitely come across some extensions that kind of overtake the system and are hard to pull out. Almost like the movie Alien, it’s like hard to pull out without breaking some other things in the process. So you definitely want to make sure that you’re doing the right things there with that.<br />
Mack: Next question: At a high level, can you just talk about the transition that someone may experience going from Community to Enterprise?<br />
Ethan: Community and Enterprise are really different kind of animals in terms of the projects. You’ve got probably like a 50% difference in classes in terms of the way the system is coded. Enterprise has a lot of extra features in terms of roles and administration, full page caching, some different merchandising elements as well. So it literally can be a complex upgrade and almost a complete re-skin and a redo in terms of transitioning data and other things.<br />
People think that that’s kind of like a plug ‘n play, like maybe installing an updated Microsoft Word on your computer. There’s a lot more that goes into it than that. You’ve got to look at the data model, the way things are going to come over. You’ve got to look at the extensions and customizations that you have, and are they Enterprise compatible? And then, what are the Enterprise features that you are paying for that you want to take advantage of? So making sure that you’ve got all those put together.<br />
I wouldn’t say it’s completely like rebooting, but there’s a lot more that goes into it than meets the eye.<br />
Mack: Next question is: Ethan, what’s your experience been on the SEO impact when people transition to Magento? I mean you’ve talked to people that have obviously had great success and you’ve heard some nightmare stories. How high risk is this?<br />
Ethan: I would say that having the right partner to help you through this process, like if you are not an SEO expert, Magento has a lot of opportunity to do some really neat stuff in the process. You can kind of flood the index with lots of duplicate content, lots of pagination, lots of filtered URLs.<br />
Really looking at that kind of post-Panda is important. We’re looking at things like the pagination tags. We’re looking at things like duplicate content. You want to make sure you are using canonical tags in terms of your products and category pages.<br />
There’s a lot going on there. Again, it’s a complex thing to look at. You want to make sure that you map that transition process out. You want to make sure that you have category pages that have good rankings. You want to move that content from the old site to new as is. You want to look at what your title tags are, like you have the ability to maintain the same URL or a similar URL structure in terms of slugs, URL slugs. Very important.<br />
So, whatever you can do there to maintain that consistency. At the same time, if you do need to change, we have seen kind of…Google is very fast these days. Gone are the days when Google would come to your site once a month, do the Google dance, and 30 days later you would start to see the results in the index. It’s nearly a real-time index with everything. So figuring out what you are doing and make sure that you document it, and that there can be a bump of a few weeks in terms of a new project in terms of your ranking results as things are moving around on the index. But if you’ve done everything right, you’ve done your homework, you’ve laid it out, you should get in good shape at the end of that.<br />
Mack: OK, Ethan, our final question is long, so I’m going to paraphrase this. But basically, someone challenging the idea of the time and quality graph that you showed. I guess their question is: what’s your recommendation on maybe balancing that sense of urgency throughout a project without rushing? Where do you see people kind of fall of by maybe not having that sense of urgency?<br />
Ethan: Yeah, I mean you definitely need to have a sense of urgency throughout a project. You need to have a solid project plan, well laid out milestones. You need to get this done in a 3-5 month timeframe. When things string out longer than that, the wheels come off a little bit and people’s attention spans kind of wane.<br />
We think the optimal project time for a Phase 1 is probably 3-4 months, unless they have really complex integrations and things kind of outside of what’s happening. How can you get through the design process, get through the development process, get to QA?<br />
And then, it’s always challenging to make that final leap and launch the site. So how do you get through the QA process and kind of push yourself to say, “This is done. We need to move forward.”? And from an entrepreneurial standpoint, from a business owner standpoint, or an ecommerce director’s standpoint, that’s one of the most challenging parts of kind of saying it’s done for a Phase 1 and pushing forward. It’s kind of like bungee jumping; you just gotta make yourself jump off the ledge and start going. But you want to do it in a controlled fashion.<br />
I would agree that anything that kinda strings out past five, six months, it’s very difficult to maintain a level of focus there and concentration on what’s happening. So how do you get through some of this as quickly as possible?<br />
But again, doing a complete redesign, data transfer, and migration in 30 days isn’t possible either. So there’s definitely a balance between that time and quality.<br />
Mack: OK. With that, Ethan, thank you again as always for your participation in today’s webinar. And we want to thank you, the audience, for your participation. Some great feedback today, great questions, and we appreciate that. We hope that you found today’s content valuable.<br />
Should you have more questions, feel free to reach out to us on Facebook, Twitter, or through our website at GrooveCommerce.com. Again, our next webinar comes to you on April 18th, right before Magento Imagine out in Las Vegas. Hope you can join us for that one as well, along with our great partner at Dydacomp, and we look forward to seeing you then.<br />
So, Ethan, thank you again.<br />
Ethan: Thank you, Mack.<br />
Mack: And thank you again, everybody. We hope you have a great afternoon. Thanks.</div>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=cslndiKwkXg:jRsvS2VPRTQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=cslndiKwkXg:jRsvS2VPRTQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=cslndiKwkXg:jRsvS2VPRTQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=cslndiKwkXg:jRsvS2VPRTQ:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=cslndiKwkXg:jRsvS2VPRTQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=cslndiKwkXg:jRsvS2VPRTQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=cslndiKwkXg:jRsvS2VPRTQ:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=cslndiKwkXg:jRsvS2VPRTQ:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=cslndiKwkXg:jRsvS2VPRTQ:3QFJfmc7Om4"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=cslndiKwkXg:jRsvS2VPRTQ:3QFJfmc7Om4" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/GrooveBlog/~4/cslndiKwkXg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.groovecommerce.com/ecommerce-blog/webinar/making-the-move-to-magento-preparing-for-a-platform-transition-webinar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.groovecommerce.com/ecommerce-blog/webinar/making-the-move-to-magento-preparing-for-a-platform-transition-webinar/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=making-the-move-to-magento-preparing-for-a-platform-transition-webinar</feedburner:origLink></item>
		<item>
		<title>Developer Toolbox: How to Promote Products with Eye-Catching Banners</title>
		<link>http://feedproxy.google.com/~r/GrooveBlog/~3/vKLUl4iXbio/</link>
		<comments>http://www.groovecommerce.com/ecommerce-blog/developer-toolbox-how-to-promote-products-with-eye-catching-banners/#comments</comments>
		<pubDate>Thu, 22 Mar 2012 14:19:35 +0000</pubDate>
		<dc:creator>Jaime Nish</dc:creator>
				<category><![CDATA[Design & Development]]></category>
		<category><![CDATA[Evolving Ecommerce]]></category>
		<category><![CDATA[Magento]]></category>

		<guid isPermaLink="false">http://www.groovecommerce.com/?p=8196</guid>
		<description><![CDATA[Magento Enterprise offers the ability to highlight and promote certain products by leveraging attributes. By assigning attributes for your new or on sale products, you can quickly alter the way products in each category are displayed and make them standout... <a href="http://www.groovecommerce.com/ecommerce-blog/developer-toolbox-how-to-promote-products-with-eye-catching-banners/">Read Full Article</a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.groovecommerce.com/magento/enterprise-platform/">Magento Enterprise</a> offers the ability to highlight and promote certain products by leveraging attributes. By assigning attributes for your new or on sale products, you can quickly alter the way products in each category are displayed and make them standout with banners. Today, we will walk through the steps necessary to make attention-grabbing banners on the product grid and list view. These banners can focus customer attention and generate visual interest, facilitating merchandising efforts and click through rates on the specified products.</p>
<p><span id="more-8196"></span><br />
<h2>Creating a &#8220;New Item&#8221; Banner</h2>
<p><strong>Step 1</strong>:</p>
<p>In the <a href="http://www.groovecommerce.com/magento/">Magento</a> admin, select a product that will be classified as a “new item.” The “new” attribute is in the “General” tab under Product Information. Make sure you give your product a &#8220;New From&#8221; date and a &#8220;New To&#8221; date.</p>
<p style="text-align: center;"><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/Couch-_-Manage-Products-_-Catalog-_-Magento-Admin-2.jpg"><img class="size-full wp-image-8155 aligncenter" title="Couch _ Manage Products _ Catalog _ Magento Admin-2" src="http://www.groovecommerce.com/wp-content/uploads/2012/03/Couch-_-Manage-Products-_-Catalog-_-Magento-Admin-2.jpg" alt="Couch   Manage Products   Catalog   Magento Admin 2 Developer Toolbox: How to Promote Products with Eye Catching Banners" width="640" height="450" /></a></p>
<p><strong>Step 2</strong>:</p>
<p>Still in the Magento admin, go to Catalog-&gt;Attributes-&gt;Manage Attributes, and locate the <span style="text-decoration: underline;">Attribute Codes</span> for the information that we want to retrieve on the product list. In this case, we are looking for “news_from_date” and “news_to_date.”</p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/Manage-Attributes-_-Attributes-_-Catalog-_-Magento-Admin.jpg"><img class="alignleft size-full wp-image-8157" title="Manage Attributes _ Attributes _ Catalog _ Magento Admin" src="http://www.groovecommerce.com/wp-content/uploads/2012/03/Manage-Attributes-_-Attributes-_-Catalog-_-Magento-Admin.jpg" alt="Manage Attributes   Attributes   Catalog   Magento Admin Developer Toolbox: How to Promote Products with Eye Catching Banners" width="640" height="450" /></a></p>
<p><strong>Step 3</strong>:</p>
<p>Now, we will go to the front-end to display this information on the product listing. We will need to use list.phtml. which can be found in: Your Template -&gt; template -&gt; catalog -&gt; product -&gt; list.phtml.  The code at the top of the file is as follows:</p>
<pre class="crayon-plain-tag"><code>$_productCollection=$this-&gt;getLoadedProductCollection();
    $_helper = $this-&gt;helper('catalog/output');</code></pre>
<p>Directly after this, we will add our attribute to the product collection. We will also get the current date to check our products attributes against:</p>
<pre class="crayon-plain-tag"><code>$_productCollection
    -&gt;addAttributeToSelect('news_from_date')
    -&gt;addAttributeToSelect('news_to_date')
$now = date(&quot;Y-m-d&quot;);</code></pre>
<p>Then, add the following code <em>inside</em> the for each product loop:</p>
<pre class="crayon-plain-tag"><code>&lt;?php
$newsFrom = substr($_product-&gt;getData('news_from_date'),0,10);
$newsTo =  substr($_product-&gt;getData('news_to_date'),0,10);
if ($now&gt;=$newsFrom &amp;&amp; $now&lt;=$newsTo):?&gt; 				
    &lt;div class=&quot;new-box&quot;&gt;
	&lt;span class=&quot;new-text&quot;&gt;&lt;?php echo $this-&gt;__('New Item!'); ?&gt;&lt;/span&gt;
    &lt;/div&gt;								
&lt;?php endif ?&gt;</code></pre><p><p>
<p><em>REMINDER!! Make sure your add this code inside both the GRID and LIST view in this file!</em></p>
<p>A quick check of the front end shows that we are getting the correct data, so now all we have to do is add some eye-catching styles.</p>
<p style="text-align: center;"><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies1.jpg"><img class="size-full wp-image-8159 aligncenter" title="Glass and Surface Cleaners - Cleaning Supplies" src="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies1.jpg" alt="Glass and Surface Cleaners Cleaning Supplies1 Developer Toolbox: How to Promote Products with Eye Catching Banners" width="566" height="344" /></a></p>
<p><strong>Step 4:</strong></p>
<p>To style your banner, you can use photoshop to make a png of the corner banner for the “New Item&#8221;. I used a great psd from <a href="http://www.bestpsdfreebies.com/freebie/corner-ribbons/">PSD Freebies</a>. I chose to make the banner 80 x 80, but your ribbon size will depend on your design and the size of your product images. Be sure to upload your finished image to your image folder.</p>
<p><strong>Step 5: </strong></p>
<p>In your stylesheet, make sure that your li.item are set as position:relative for both the <em>grid</em> and <em>list</em> view, and add the following line:</p>
<pre class="crayon-plain-tag"><code>.products-grid .new-box{background:url(../images/new_ribbon.png) 0 0 no-repeat transparent;position: absolute;top:-2px;left:-2px;width:80px;height:80px;text-indent: -9999px;}
.products-list .new-box{background:url(../images/new_ribbon.png) 0 0 no-repeat transparent;position: absolute;top:-2px;left:-2px;width:80px;height:80px;text-indent: -9999px;}</code></pre>
<p>This will give us the following result in the grid view:</p>
<p style="text-align: center;"><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies-1.jpg"><img class="size-full wp-image-8160 aligncenter" title="Glass and Surface Cleaners - Cleaning Supplies-1" src="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies-1.jpg" alt="Glass and Surface Cleaners Cleaning Supplies 1 Developer Toolbox: How to Promote Products with Eye Catching Banners" width="570" height="331" /></a></p>
<p>And the following result in list view:</p>
<p style="text-align: center;"><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies-3.jpg"><img class="size-full wp-image-8161 aligncenter" title="Glass and Surface Cleaners - Cleaning Supplies-3" src="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies-3.jpg" alt="Glass and Surface Cleaners Cleaning Supplies 3 Developer Toolbox: How to Promote Products with Eye Catching Banners" width="522" height="215" /></a></p>
<p><span class="Apple-style-span" style="color: #000000; font-size: 22px; line-height: 32px;">Creating a &#8220;Sale&#8221; Banner</span></p>
<p><strong>Step 1: </strong></p>
<p>In the Magento admin, select the product to which you would like to add a sale banner. Set a special price and dates in the “Prices” tab under Product Information.</p>
<p><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/Couch-_-Manage-Products-_-Catalog-_-Magento-Admin-3.jpg"><img class="alignleft size-full wp-image-8162" title="Couch _ Manage Products _ Catalog _ Magento Admin-3" src="http://www.groovecommerce.com/wp-content/uploads/2012/03/Couch-_-Manage-Products-_-Catalog-_-Magento-Admin-3.jpg" alt="Couch   Manage Products   Catalog   Magento Admin 3 Developer Toolbox: How to Promote Products with Eye Catching Banners" width="640" height="450" /></a></p>
<p><strong>Step 2:</strong></p>
<p>Head back to your list.phtml file and inside the foreach product loop on both the <em>grid</em> AND <em>list </em>view, add the following code:</p>
<pre class="crayon-plain-tag"><code>&lt;!--special price box--&gt;
&lt;?php if(($specialprice = $_product-&gt;getSpecialPrice()) &amp;&amp; ($regprice = $_product-&gt;getPrice())):?&gt;
	&lt;?php if (($regprice) &gt; ($specialprice)) :?&gt;
	    &lt;div class=&quot;save-box&quot;&gt;
		&lt;span class=&quot;save-percentage&quot;&gt;&lt;?php echo $this-&gt;__('On Sale!'); ?&gt;&lt;/span&gt;
	    &lt;/div&gt;
	&lt;?php endif ?&gt;     	
&lt;?php endif ?&gt;	
&lt;!--end special price box--&gt;</code></pre><p><p><p><p>
<p>A quick check of our front end ensures that we are getting the correct information:</p>
<p style="text-align: center;"><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies-4.jpg"><img class="size-full wp-image-8163 aligncenter" title="Glass and Surface Cleaners - Cleaning Supplies-4" src="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies-4.jpg" alt="Glass and Surface Cleaners Cleaning Supplies 4 Developer Toolbox: How to Promote Products with Eye Catching Banners" width="566" height="334" /></a></p>
<p><strong>Step 3:</strong></p>
<p>Create your “On Sale” banner png in photoshop and upload to your images folder.</p>
<p><strong>Step 4:</strong></p>
<p>Now that we have the correct information and the sale banner, go back to your stylesheet and add following lines of css:</p>
<pre class="crayon-plain-tag"><code>.products-grid .save-box{background:url(../images/sale_ribbon.png) 0 0 no-repeat transparent;position: absolute;top:-2px;left:-2px;width:80px;height:80px;text-indent: -9999px;}
.products-list .save-box{background:url(../images/sale_ribbon.png) 0 0 no-repeat transparent;position: absolute;top:-2px;left:-2px;width:80px;height:80px;text-indent: -9999px;}</code></pre>
<p>This gives us the following result in the grid view:</p>
<p style="text-align: center;"><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies-5.jpg"><img class="size-full wp-image-8164 aligncenter" title="Glass and Surface Cleaners - Cleaning Supplies-5" src="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies-5.jpg" alt="Glass and Surface Cleaners Cleaning Supplies 5 Developer Toolbox: How to Promote Products with Eye Catching Banners" width="571" height="333" /></a></p>
<p>And in list view:</p>
<p style="text-align: center;"><a href="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies-6.jpg"><img class="size-full wp-image-8165 aligncenter" title="Glass and Surface Cleaners - Cleaning Supplies-6" src="http://www.groovecommerce.com/wp-content/uploads/2012/03/Glass-and-Surface-Cleaners-Cleaning-Supplies-6.jpg" alt="Glass and Surface Cleaners Cleaning Supplies 6 Developer Toolbox: How to Promote Products with Eye Catching Banners" width="569" height="369" /></a></p>
<p>And there you have it! Eye-catching, dynamic banners that will generate interest and focus on your product-list page.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=vKLUl4iXbio:I5AVaZRGQuw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=vKLUl4iXbio:I5AVaZRGQuw:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=vKLUl4iXbio:I5AVaZRGQuw:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=vKLUl4iXbio:I5AVaZRGQuw:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=vKLUl4iXbio:I5AVaZRGQuw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=vKLUl4iXbio:I5AVaZRGQuw:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=vKLUl4iXbio:I5AVaZRGQuw:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=vKLUl4iXbio:I5AVaZRGQuw:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=vKLUl4iXbio:I5AVaZRGQuw:3QFJfmc7Om4"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=vKLUl4iXbio:I5AVaZRGQuw:3QFJfmc7Om4" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/GrooveBlog/~4/vKLUl4iXbio" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.groovecommerce.com/ecommerce-blog/developer-toolbox-how-to-promote-products-with-eye-catching-banners/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.groovecommerce.com/ecommerce-blog/developer-toolbox-how-to-promote-products-with-eye-catching-banners/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=developer-toolbox-how-to-promote-products-with-eye-catching-banners</feedburner:origLink></item>
		<item>
		<title>Groove Sponsors &amp; Exhibits at the 2012 Imagine eCommerce Worldwide Conference</title>
		<link>http://feedproxy.google.com/~r/GrooveBlog/~3/41mCAXFXacY/</link>
		<comments>http://www.groovecommerce.com/news/groove-sponsors-exhibits-at-the-2012-imagine-ecommerce-worldwide-conference/#comments</comments>
		<pubDate>Tue, 20 Mar 2012 19:33:58 +0000</pubDate>
		<dc:creator>Groove Commerce</dc:creator>
		
		<guid isPermaLink="false">http://www.groovecommerce.com/?post_type=news&amp;p=8169</guid>
		<description><![CDATA[Imagine is where merchants, partners, developers and Magento enthusiasts from around the world come together for three days in an engaging and exciting environment for collaboration, learning, networking, and inspiration. The inaugural 2011 conference sold out to over 650 eCommerce... <a href="http://www.groovecommerce.com/news/groove-sponsors-exhibits-at-the-2012-imagine-ecommerce-worldwide-conference/">Read Full Article</a>]]></description>
			<content:encoded><![CDATA[<p>Imagine is where merchants, partners, developers and <a href="http://www.groovecommerce.com/magento/">Magento</a> enthusiasts from around the world come together for three days in an engaging and exciting environment for collaboration, learning, networking, and inspiration. The inaugural 2011 conference sold out to over 650 eCommerce leaders from 27 countries with a 250 person waiting list.</p>
<p><span id="more-8169"></span>Now in its second year, the Imagine eCommerce Conference is coming to Las Vegas from April 23-25, 2012 and will be bigger and better than ever before! This conference is not just about Magento, but rather an event that focuses on shaping the future of eCommerce. Anyone involved in eCommerce will benefit from the conference – from inspiring keynotes by industry experts to in-depth breakout sessions on important business and technical topics to on-site training and developer certification to the powerful networking opportunities, this event has something for everyone.</p>
<p>As a Gold Sponsor of the event, the Groove brand will be a visible presence throughout the conference. Team members from Groove Commerce will be attending the event, meeting with clients and prospects and taking in informational sessions. Groove will also be exhibiting with a lounge during the entirety of the conference. We look forward to meeting our fellow Magento enthusiasts, please <a href="http://www.groovecommerce.com/contact-us/">contact us</a> to arrange a meeting in person!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=41mCAXFXacY:mi-STAGtGUI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=41mCAXFXacY:mi-STAGtGUI:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?d=qj6IDK7rITs" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=41mCAXFXacY:mi-STAGtGUI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=41mCAXFXacY:mi-STAGtGUI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=41mCAXFXacY:mi-STAGtGUI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=41mCAXFXacY:mi-STAGtGUI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=41mCAXFXacY:mi-STAGtGUI:-BTjWOF_DHI"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=41mCAXFXacY:mi-STAGtGUI:-BTjWOF_DHI" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/GrooveBlog?a=41mCAXFXacY:mi-STAGtGUI:3QFJfmc7Om4"><img src="http://feeds.feedburner.com/~ff/GrooveBlog?i=41mCAXFXacY:mi-STAGtGUI:3QFJfmc7Om4" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/GrooveBlog/~4/41mCAXFXacY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.groovecommerce.com/news/groove-sponsors-exhibits-at-the-2012-imagine-ecommerce-worldwide-conference/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.groovecommerce.com/news/groove-sponsors-exhibits-at-the-2012-imagine-ecommerce-worldwide-conference/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=groove-sponsors-exhibits-at-the-2012-imagine-ecommerce-worldwide-conference</feedburner:origLink></item>
	</channel>
</rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Object Caching 7587/7692 objects using disk: basic

Served from: www.groovecommerce.com @ 2012-04-30 14:50:57 -->

