Learn More
  • Subscriptions
  • Subscriptions
  • Subscriptions
    We hang out here: Add AlexDesigns on Buzz
      Fan Me! Facebook AlexDesigns Alex Harris
      Follow AlexDesigns on Twitter
      Add Alex Harris on LinkedIn

Ecommerce Web Design / Tips for Ecommerce

Some Basic Ecommerce Design Tips

// November 5th, 2008 // 4 Comments » // Ecommerce Web Design, Tips for Ecommerce

GUEST POST:
Kelly Kilpatrick - Career Training

Online businesses and ecommerce can be very profitable endeavors to say the least. More and more, consumers are turning to the web to meet various needs when it comes to making purchases. Shopping online can save valuable time and money for consumers, but creating an ecommerce site can be tricky. There are some aspects related to site design that can help give you an edge and help you to generate the business you desire.

Optimization
You must make sure that you are maximizing the amount of traffic directed to your site through search engine optimization. Great software packages are available to help get new business and help maintain your previous clientele. Using terms that relate to your site’s content, as well as the phrases people will use when searching for products and services will help you to achieve this goal.

Presentation
Having a nice looking site that functions properly will go a long way in getting customers to do business with you. As the saying goes, “first impressions are everything.” You must make sure that you are giving an accurate portrayal of what your business is all about. Don’t overdo it when it comes to the design and layout, but make sure that you present yourself professionally.

Ease of Use
If your site is easy for potential customers to use and navigate, they will be more likely to be willing to spend their money with you. Dealing with slow sites or dead end links can be the deathblow to your ebusiness. You must rid your site of any technical glitches that could cause potential problems for you and your customers.

Good Copy
Well-written copy goes a long way in helping your site to maintain an edge over the competition. Eliminate all spelling and grammar errors from you site, especially in the most important areas of your site. People will be reluctant to pay you for your services if you haven’t taken the time to make sure you’ve dotted your I’s and crossed your T’s.

Secure Checkout
This should be a no-brainer. Having a verified secure checkout available for your customers helps bring peace of mind to both parties. Don’t offer to store payment information, as this can only come back to haunt you later if the server gets hacked. Prompt processing and delivery of goods helps generate positive word of mouth regarding your business.

This post was contributed by Kelly Kilpatrick, who writes on the subject of the career training. She invites your feedback at kellykilpatrick24 at gmail dot com

Would you like to guest post on this blog?

Have an article about online business, ecommerce, web strategy or NetSuite, please contact me today.

Basic Search Form in Netsuite Theme

// September 3rd, 2008 // 1 Comment » // Ecommerce Web Design, Netsuite Web Design, Tips for Ecommerce

Here is a question I recently received from a new Netsuite user.

How can I create a search box in the header of your Netsuite theme?

“I am trying to create a header (site logo/nav bar) that also includes a search box, however according to the help files and my testing you can’t use the NLGLOBALSEARCHHTML tag in the Logo and Tabs Template.”

Answer is easy, create your own search using HTML (and CSS)

When you have advanced website builder in Netsuite you can add some basic HTML to your Web Theme in the Logo and Tabs Template area that will function similar to the NLGLOBALSEARCHHTML tag.

Here is an example of the code:
HTML only for show and not formated correctly. Note - You need to replace the XXXXXX with your Netsuite account number.

form method=”post” action=”/s.nl”
input name=”c” value=”XXXXXX” type=”hidden”
input name=”sc” value=”2″ type=”hidden”
input name=”search” class=”txtField” value=”" type=”text”
input name=”go” value=”submit” type=”submit”
/form

Here is an example of a live site using this search for Protein Shakes

Netsuite eCommerce - Ask A Question Now!

// March 24th, 2008 // 31 Comments » // Netsuite Web Design, Tips for Ecommerce

A lot of people contact me with questions about Netsuite ecommerce, Netsuite web design, Netsuite SEO or just ecommerce in general! Are you having trouble setting up your ecommerce web store or just not making as much money as you think you should be. Maybe you need recommendations for a developer to help you with custom ecommerce business processes. There are no stupid questions! This site was created to help you with your ecommerce setup, design / user experience or even Internet marketing. So go ahead and ask ANY question you want and I will answer it.

Ask a good question - get a real solution!

Please do not post a question with your name “ANONYMOUS”. Ask your question now - click here.

Your eCommerce friend,
Alex Harris

Questions that have been answered:


How can I put parent categories links in item templates?
You can do a dynamic category link on the item page template like this:

View more:
a href=”<%=getCurrentAttribute(’sitecategory’,’storeurl’)%>”><%=getCurrentAttribute(’sitecategory’,'itemid’)%> /a

NetSuite Tips: Basics - Back Up Your Code

// February 19th, 2008 // 1 Comment » // Netsuite Web Design, Shopping Cart Web Design, Tips for Ecommerce

Here is a quick tip for anyone (web developer or non-techie) just starting an eCommerce website built on web based applications. It is a basic rule that you should follow to avoid breaking your website when updating the code of a Netsuite web store theme.

Ecommerce applications like Netsuite, Volusion and even Yahoo stores have text area form fields in their apps to enter HTML/JS code for the templates. Because these input fields are very small, it is very easy to delete or change this code. I was asked to fix this unintentional problem several times, but it could have been avoided. The solution is simple, copy all the code out of the text area fields and into .html files every time. Then you have a backup of this files, plus edit them using a WYSIWYG like Dreamweaver or a text editor.

Here is an example of an item template from a Netsuite web store theme. The code is moved from the text area field into a txt file. Simple, until you forget to do it.

Have any questions? Post them here…

Custom Web Tags in NetSuite Theme

// November 15th, 2007 // 1 Comment » // Netsuite Web Design, Tips for Ecommerce

Are you understanding the NetSuite Theme better now? In this post I will show you examples of using “Custom Web Site Tags” in your NetSuite Theme.

What are Custom Web Site Tags?
You can define custom tags to customize specific aspects of your store. You create custom tags to define information for each individual tab in your Web store. Then, you insert these tags into your HTML templates. You define your tag substitutions on tab and category records.

They are NetSuite’s version of “INCLUDE” files.

Tips when creating tags:

  1. Use all CAPITAL LETTERS with no spaces, but you can use underscores
  2. Add a default value (if needed) but add a DIV with an ID around HTML, like below

netsuite custom web tags

Here is an illustration of how I set up my Custom Web Site Tags in the NetSuite Theme. Initially this may look complex, but really it is basic HTML/CSS. NetSuite still uses TABLES, so the Custom Web Site Tags are added to each TABLE cell (TD). This is a little tricky so if you have questions, post a comment.

netsuite web theme tags

So why do I want to use these?

Here are a few reasons.

  1. You have a non-secure image or tracking pixel and need to switch it between HTTP and HTTPS
  2. You want to change a marketing banner between different categories
  3. You want to completely remove a right or left column on certain pages
  4. You want to host HTML pages and use “INCLUDE” files to make updates easier

Here is an example of site that utilizes Web Site Tags on NetSuite hosted HTML pages. EnergyFirst sells Protein Shakes and they have a lot of content. We used the tags to easily create hundreds of custom designed articles, content sections and landing pages. Creating HTML pages gave us more flexibility with the design, plus .html pages are said to be better for NetSuite SEO.

ecommerce health template

Are you using web site tags? Post a comment or ask a question.

NetSuite Web Design Theme Explained

// November 2nd, 2007 // 9 Comments » // Netsuite Web Design, Tips for Ecommerce

I receive a lot of NetSuite questions, but the most popular NetSuite web design question is “How does the web site theme work?” It’s pretty easy once you understand how each of the templates and layouts are grouped together. So I have created a diagram to be used as a cheat sheet.

The theme is broken up into the standard Header (Logo and Tabs Template), Left Side Navigation, Content Area Template, Right Side Navigation and Footer. Each section can be removed or changed in size to totally customize your NetSuite Web Design.

The main area I want to point out is the “Content Area Template”. This area changes based on the website section you are on. For example, when clicking a category link, the content area will then use the Category Level Layouts and Templates. A “layout” is simply a wrapper of two templates. The two custom templates are known as “list” and “list cell”. In HTML terms that means, the “layout” is a TABLE tag, the “list” is the HTML contained inside that TABLE, and finally the “list cell” is the actual TD for each item that is displayed. This is also known as nested HTML tables.

TIP: Use NetSuite Help, really, it works well. Do a search for “Web Site Tags” in the NetSuite Help to get the full list of all the tags that can be used in each of the Theme sections and different custom templates.

Please let me know if this was helpful (or confusing) in anyway. Post Your Feedback - Click Here!

netsuite web theme layout

Improve Your Holiday eCommerce Sales - 10 Tips

// September 28th, 2007 // No Comments » // Conversion Rate Optimization, Tips for Ecommerce

Summer time for an ecommerce web designer should be preparing web site for the holiday season. This includes A/B testing, SEO and making any final design changes. Here’s an interesting article that can when redoing your site for the upcoming holiday season…

Top 10 Tips to Boost Holiday Sales
Reprinted from Offermatica Blog

The holiday sales season is drawing near, complete with dramatic increases in sales — and the accompanying fear among online marketers of doing any testing that might jeopardize those increased numbers.

Giving in to fear and avoiding such a smash-hit tactic as testing, however, can be far more risky during the holidays than continuing to test. After all, the testing of promotions and content during off-peak times results in significant increases in ROI. Imagine, then, now much more you can bring in by testing during the busiest time of year.

Testing technology, too, has changed in recent years, so that web operators no longer need to fear that making changes, testing those changes and optimizing for the best results will put any real restriction on their daily traffic or run the risk of a system-wide failure.

So rather than avoiding testing because of fear, take control of your site and your traffic by testing any or all of the following things:

1. Landing page merchandising

There is nothing more important on a retail landing page than the way the merchandise is displayed. What products you show, how many items are displayed, whether photographs are large or small, the quality and quantity of copy all benefit from aggressive testing and optimization.

You might also consider testing how products are grouped: Try listing best-selling items versus most popular items versus most-often-recommended items to see which is most effective in prompting visitors to buy.

2. Percentage off versus dollar savings, and other promotions

Customers often respond differently to promotions, depending upon how it is framed, even when the ultimate price is the same (e.g., 10% off a $100 purchase versus $10 off a $100 purchase).

You can also test free shipping — the most popular form of holiday promotion last season — along with the threshold for free shipping, to see if the resulting boost in sales makes up for the loss in shipping fees.

Test, too, how long you offer free shipping. The promotion matters a lot in, say, early December, but it ceases to matter later in the month. Last-minute shoppers tend to make purchases no matter the cost. So at what point do you stop offering free shipping? On December 15th? December 18th? There’s no guessing.

Divide your traffic and show visitors two offers: 90 percent of them get free shipping, while 10 percent do not. The branch of the test receiving free shipping will most likely show increased sales over the non-free shipping branch.

As the holiday approaches, you’ll reach a point when free shipping stops having an effect, when the two branches begin to converge. At that point you can change the promotion, stop the free shipping, and save yourself a bundle without sacrificing sales.

3. Encouraging customers to “act now”

You can often improve conversions by generating a sense of urgency among visitors. Test different scarcity messaging like “Limited Time Only” vs. “While Supplies Last” vs. “Offer expires November 31st.”

4. Reflecting paid search content

Create customized landing pages for your 5 top-performing keywords. Then, make sure that the landing page content obviously relates to the search terms. You might repeat the search phrase verbatim, or reorganize your content to narrow the focus of the page.

It helps to consider the intention of visitors who arrive using those top 5 keywords. For brand-specific keywords, you might test an offer-based landing page more focused on selling, as brand-specific words sometimes indicate a higher level of intent.

Category words can indicate that a visitor is in a browsing mode. They might need more trust statements and branding elements.

5. Reinforcing your affiliates

Reminding customers where they came from can also increase conversion, especially if a visitor stands to gain by spending money with you (e.g. Upromise).

Try showing the logo of the affiliate to those who arrive from affiliate sites. Test size and placement of logo, as well as reinforcement copy.

6. Promotions in email marketing campaigns

You don’t have to limit yourself to testing a promotion within the email itself. You can also carry the promotion forward onto the website, customizing it so that only the people who received the offer will see the offer, and so that they will see only the specific offer that they received in the email.

If you plan to run a free shipping promotion in an email campaign, for example, you might test various thresholds to see which brings optimum results. Offer A might be, “Spend $100 dollars and get free shipping,” while Offer B would be, “Spend $150 and get free shipping.”

On the website itself, those who saw Offer A would see it reinforced on the site, while those who saw Offer B would see that offer.

7. Call-to-action

On paid search and email campaigns, test “Learn More” or “Start Now” versus “Buy.” When writing your call-to-action copy, finish the “I would like to…” sentence.

8. Gift suggestions

Test whether gift suggestions affect sales in your particular environment. If so, you might begin testing what you yourself think will be a great gift idea. Is it really something people want to give? Keep back-up ideas on hand in the event that what you think they want to give turns out to be wrong.

The sooner you can move to what people actually want to buy and to give, the better.

9. Increasing trust during checkout

Test placing confidence information (return policy, privacy policy, customer service number, recent awards, etc.) and security trustmarks (TrustE, VeriSign, HackerSafe, etc.) above the fold and in combination with each other to see if you can reduce abandonment rates.

10. Radical simplification

Yes, cross-sells and other content may increase your visitors’ average order value, but there may be a downside — in some cases, superfluous content distracts customers from completing their purchase.

Lost revenue from abandoned shopping carts may exceed revenue gained from cross-selling. Test it and find out!

As the holidays approach, of course, it makes no sense to rewrite the entire holiday shopping experience by fiddling with the checkout process or offering a slew of new products. But by making certain assumptions about merchandising, categorization and promotion, and then being willing to test those assumptions with customers, you can improve revenue far beyond your expectations.

Optimize eCommerce Usability To Improve Conversion Rates

// August 3rd, 2007 // No Comments » // Conversion Rate Optimization, Tips for Ecommerce

Target.com is one of the best ecommerce websites, no doubt. Here is a great screencast from Future Now, making suggestions to their usability to help improve conversion rates.

Original article is located here:
Conversion Boosting Tips from Target.com

Open NetSuite In Multiple Firefox Tabs

// August 2nd, 2007 // 1 Comment » // Tips for Ecommerce

Here is a useful way to open multiple NetSuite browser windows in several Firefox tabs. Basically, using your LINK area Bookmarks in Firefox, just add the shortcuts to one folder, then after you login to NetSuite click the “Open in all tabs” link like below.

The result is the multiple NetSuite browser windows loading like this…

Pretty simple, but very useful when you are developing or designing NetSuite websites.

NetSuite SEO Tips for Item Template

// July 23rd, 2007 // 6 Comments » // Netsuite Web Design, SEO for Ecommerce, Tips for Ecommerce

NetSuite web site design is really no different than any other type of ecommerce development, so the SEO - Search Engine Optimization, is really not different either. Here is an example of how to set up your Netsuite web site item template for SEO…

NetSuite SEO Tips for Item Template basic example:

  1. Need an H1 tag - basic HTML tag that defines the header of your page. In this case it is the title of the product. Example code (code changed for demo):
    h1<%=getCurrentAttribute('item','storedisplayname')%>/h1
  2. Main keyword should be used 3 times with the live text of the page - hidden text is not acceptable. In this example, it is used:
    A. in the h1 tag
    B. in the (P) description text - preferably with a (B) or (STRONG) around it
    c. in the left column
  3. Better use of internal links. Breadcrumbs, parent categories links and related items are great to make search engine spiders move broadly across your site.
  4. The title tag need to include the keyword(s) you are targeting

  5. Since most search engines ignore meta tags, you really do not need to do individual meta tags for each item. But it doesnt hurt to have them and there are work-arounds to make all your meta tags dynamic so they are not manually entered.

NetSuite SEO Tips for Item Template

How is your NetSuite Item Template set up for SEO?