Feeling international…in Berlin

When the rest of your team is based in Berlin sometimes you need to visit. That time is now and I am writing from the Createyourtemplate/Widshop office on Mainzer Street in Berlin.

Catalyst is looming and we are getting our game plan ready to introduce attendees to Widshops eBay design a fantastic scalable solution for your international plans.

E-business is international and part of our Widshop swat team for Channeladvisor Catalyst is Mathias who speaks German and English, Larissa who speaks 4 languages and Patrick who speaks German/English. So with my new found love of asian languages we are very much the international team ready to take our customers to the next level.

Quite often we partner with Intercultural elements who have helped our UK based customers become international eBay superstars with their translation, customer service and market knowledge.

Hopefully I will see lots of you at catalyst which is almost SOLD OUT, so you need to be quick to be part of the greatest date in the e-commerce calendar!

See you soon! I will have sherbert dibdabs, haribo and chocolate at the widshops booth so it is worth popping by!

Be Sociable, Share!

eBay Design 3.0 – Widshops the New Generation of eBay Shop and Listing Template Design

Well as promised full details of our new eBay design service…

WIDSHOPS EBAY DESIGN

Some might say we are ‘late to market’ with now providing a solution for the SME market but we decided not to rush. We wanted to be ahead of the game and provide something that is intuitive and very ‘now’ in relation to how the world of e-commerce is progressing. We wanted to look forward with our design innovations like with our premium service eBay designs. We want you to be future proof!

Widshops is an affordable ebay design solution (set up and design around £1500) but it provides all the look and feel of a professional stream lined shopping experience. It carries a subscription cost based on number of listings (http://widshop.com/en/prices/)

The key features are:

  • Fast – Your new template delivered quickly
  • Easy – only the best features show up in your shop
  • Economical – Sales increase, costs decrease
  • Optimised – HTML template also works on iPhone and iPad
  • Compatible – works with all eBay listing and sales management tools
  • Professional – Project managers at your side

The best bits are:

Category and filter navigation just like on the eBay platform


We filled an important technical gap with the eBay category and filter navigation. eBay® customers are already familiar with the intuitive filter navigation. This is now available with WIDshop in your eBay® storefront as well.

WIDshop navigation sorts your items out in real time and automatically recognises in which eBay® categories, and with which items specifics they have been listed. Through this, the WIDshop generates a navigation that displays all of your eBay® categories and item specifics filters. This way, your customers can search by category and filter the results according to items specifics. Your customers will easily and comfortably be able to find the right size, colour or material! You are thereby significantly enhancing your customers’ shopping experience!

Sell more with clever cross-selling


Every eBay® customer who clicks onto one of your products is very interested in buying. You keep your customer in your shop by using clever cross-selling. For this purpose, WIDshop makes a product gallery available to you which automatically presents similar products from the same eBay® category. This way your customer sees, for example, additional t-shirts, CDs from the same music genre, more hard drives or different trainers. The WIDshop cross-selling gallery can also work with customised rules based on item specifics or keywords, if desired. We would be happy to advise you.

Reach more customers with Facebook etc.


By linking the WIDshop to Facebook and Twitter, your customers can inform their friends that they like your storefront. You benefit from this additional marketing channel, which increases the popularity of your storefront and thus, the number of your clients.

The list of search results for a positive shopping experience


The most important thing about search results is their speed. Not only have we made the WIDshop search very fast. We have also made it look appealing and incorporated a few added features for your customers, such as wish lists or the display of the item condition. The search results are compiled and loaded anew in the navigation and filters after each click. This way, your customers always have an overview and can find their way easily and quickly through storefronts, even with a larger selection of items.

Integration of custom pages

All custom pages such as the legal notice, etc., that you’ve created as personal pages in your eBay® storefront can be easily accessed through the navigation and are displayed in your storefront design. This way, the entire storefront features your corporate design.
You can also easily manage and update your custom pages in your eBay® account. Therefore, the WIDshop works like a small editing system.

Examples:

http://stores.ebay.de/Sport-Fischmann

http://stores.ebay.de/outdoorsportshop24

http://stores.ebay.at/123boerse
So feel free to quiz me or comment on our new service and watch our for the discount code worth £250 in the 2012 Tamebay Tools and Services Guide

Be Sociable, Share!

eBay Shop Design Lesson 8 – Promotion Boxes

As I rubbished the promo boxes with the last CSS changes I thought I should get back to them ASAP.

First list on the agenda was to get rid of those crazy ‘corner’ images for the promo boxes:

table#PromoListView table table img {
display: none;
}

but that also kills the promo box images (and the slider) so now I have to put back the bits I want:

table#PromoListView table table#Table3 img {
display: inline;
}

I still don’t have anything defined, and the default text of the box titles is just too pale, so I am going to pink it up:

#PromoListView tr td font
{
color:#FF00FF;
font-size:18px;
}

and I am going to make the item links in these promo boxes hot pink:

table#PromoListView a {
color:#FF00FF;
text-decoration:none;
}

then I shall encase each box with a border:
table#PromoListView {
border:1px #FFCCFF solid;
}

We have not changes the width or dimensions of the promo boxes but you would do this from the table#PromoListView section and using the !important tag. You can also add in backgrounds, images etc that have not been explored here.

Please as always read the disclaimer

The entire section looks like this:

/*Promo Boxes*/
/*hide ebay corner images*/
table#PromoListView table table img {
display: none;
}
/*correct the fact that the above kills the main image too*/
table#PromoListView table table#Table3 img {
display: inline;
}
/*item links*/
table#PromoListView a {
color:#FF00FF;
text-decoration:none;
}
/*box title text*/
#PromoListView tr td font
{
color:#FF00FF;
font-size:18px;
}
/*promo box border*/
table#PromoListView {
border:1px #FFCCFF solid;
}
/* -------- End -------- */

You can see the full css file here: eBay Store Design with CSS and to see the changes to my eBay store as we go along visit : http://stores.ebay.co.uk/Hairfreax

Next I shall sort out the shop search section, once I have found which table it corresponds too. Its seems to be avoiding me!

See what others have done with this information and while your at it buy from them!
http://stores.ebay.com/J-L-OUTDOOR-SUPPLY
http://stores.ebay.co.uk/Betterlifehealthcare
http://stores.ebay.it/TM-bazar

Edited to add:

If you want a background image for your store try the #paging id. This effects the background elements of your store. I will be getting down and dirty with the new compliance rules soon…

Be Sociable, Share!

Placing a custom header in your eBay Shop

Lesson 5: Using a custom shop header.

You need to make sure you on on the ‘custom header only’ theme within eBay.
Go Back to wear you entered your style sheet information and place:

<img src="http://www.mysite.com/header.jpg" alt="eBay Header" />

You can put any kind of HTML in here to expand the header

Be Sociable, Share!

Controlling the page width of your eBay shop

Lesson Four: Controlling page width

Slip into your CSS file this code:

.pagecontainer
{
width:900px;
margin:10px auto 10px auto;
}

The margin section makes sure the shop is centred.

So, bet you are wondering what the css file looks like now? I didn’t want a coloured background to my store so this is what I have so far:

/* How to style your eBay shop using CSS by http://www.kidsontalks.com. This code is
totally free, why not check out the guide on my blog. Steal away, you can even sell it on
as there are no graphics involved.*/

/* -------- Control Page Width -------- */
.pagecontainer
{
width:900px;
margin:10px auto 10px auto;
}
/* -------- End -------- */

/* -------- Control Border on Gallery List -------- */
td.gallery
{
border:1px #FF00FF solid;
}
/* -------- End -------- */

/* -------- Control Background on Gallery List -------- */
td.gallery table td
{
background:#FFCCFF;
}
/* -------- End -------- */

Now your eBay store is starting to take shape. The next element to look at are controlling the header. Everyone loves a nice header for their eBay shop!

Be Sociable, Share!

eBay Shop Design – Playing with Nested Table Backgrounds

Lesson Three: Changing the backgrounds for the nested tables 

Right now, let experiment to how many times we need to mention table, to get a coloured background in different sections! Try adding these snippets of code to your css file.


table
{
background:#C0C0C0;
}

Using table once just colours the entire background within your eBay shop, including outside your shop front. All the normal white background, all grey.


table table
{
background:#C0C0C0;
}

Using table twice, only fills the background of your eBay shop with colour, as well as the eBay header 🙁


table table table
{
background:#C0C0C0;
}

Ah! This now leaves out the eBay header, so just the shop elements are coloured. Nothing much happens for four ‘tables’ but with 5 mentions of table:


table table table table table
{
background:#C0C0C0;
}

the promotion boxes, shop page boxes and the background to the gallery is coloured.

Add a sixth table and only the promotion boxes are coloured.


table table table table table table
{
background:#C0C0C0;
}

Seven tables and only the top promotions boxes are coloured.


table table table table table table table
{
background:#C0C0C0;
}

That is as far as you can go!

The next post will be about centring your eBay shop and fixing the width to 800px.

Be Sociable, Share!