Skip to main content

How to Add a Template to an Auction - Tutorials

How to Add a Template to an Auction - Tutorials

(46 Replies / 28,966 Views)
How to Add a Template to an Auction - Tutorials
Apr 28, 2008 09:42 AM
Since it's quiet, perhaps it's tutorial time. :) This first one is a template-to-SYI tutorial. We could also use a template-to-Turbo, and template-to-third-party tutorials. ;)
Save your Template You've found a free template on this forum, have created a template at one of the many form-filler sites, or you've received one from a designer. First and foremost, save your template to your computer. Archive that copy and don't edit it. That way, you will always have a clean working copy to return to if too much editing (or using the wrong editor) should clobber your template code. Create a copy of the code for editing. Notepad On a Windows PC, the best way to save your template is to use Notepad and save the code as a plain text file. You can save the template with a ".txt" extension or an ".htm" extension. Both are plain text files and you can rename from one of these two extension types to the other without affecting the content of the file. However, if you click your filename to open the file, a ".txt" extension or file type will open in Notepad (the best place for editing the code), whereas the ".htm" extension or file type will open in your browser (the best place to see what it will look like). If you save the file as ".htm", you can always right-click the file name on your computer and "Open With" Notepad instead of allowing it to open in your browser. Where is Notepad on your Windows PC?     Start > Program Files > Accessories > Notepad Find it and make a shortcut on your desktop so it will always be convenient. RagTag An alternative to Notepad is RagTag. RagTag is a small free Windows PC program that allows you to edit ".txt" or ".htm" files in the same manner as Notepad. Unlike Word, it won't insert illegal characters that can corrupt code. It has a popup preview button that will allow you to see your work in progress in a browser window, so you can conveniently edit and preview as you go. The program also has shortcut keys for adding HTML codes and has a scan mode to check whether your HTML tags are in order.     http://www.isdntek.com/ragtag.htm Template code can be copied from the page offering it and can be pasted into the RagTag editor. From there, it can be saved as a ".txt" or ".htm" file.
To use Templates in an Auction (eBay's Listing Editor) One way to use most templates, whether from a designer or from a form filler tool, is to paste the code directly into the listing editor. 1) Since there are two ways to start a listing (Simple or Customize), be sure to start with the Customize option. 2) Then you will see the two-tabbed editor. Click the HTML tab to add your code. 3) Flip back to the Standard tab to see your template, where you can continue to edit your text. Auction Photos If your template has photo placeholders, you can replace those with your own online photos in the Standard tab or the HTML tab. You can also add your hosted photos even if the template doesn't have photo placeholders. If you don't want to use photos inside the template, then you can usually delete the photo placeholders in the Standard tab. Your photos must be hosted online, since outside visitors cant see anything in your personal computer. More info here on photo hosting and photo codes. To add photos in the Standard tab, you will need to view each online photo in a browser window by itself.
  • In Internet Explorer, right-click-copy the image in the browser, click your cursor into eBay's editor, and then right-click-paste the image.
  • In Firefox, carefully drag your cursor to highlight just the image in your browser, right-click-copy or use the top edit menu to copy, click your cursor into eBay's editor, and then right-click-paste or use the top edit menu to paste the image.
To add photos in the HTML tab, you will need to know the address or URL of your photo. Many image hosts will give you either the image code or the direct URL of your image. If they give you image code, it will often look something like this. The red code links back to their site and isn't necessary to display an image. <a href="http://www.myhost.com/homepage.htm><img src="http://www.myhost.com/image.jpg"></a> Or it might look something like this complete image tag. <img src="http://www.myhost.com/image.jpg"> Either can be added directly to the code in the HTML tab where you want the photo to appear. If your template already has photo placeholders, then you can simply change the placeholder URL to the URL of your own photo. In general, you will be looking for code that looks like this in your template:       <img src="http://www.myhost.com/image.jpg"> Replace just the URL portion (the red code) with the URL of one of your hosted photos. You can see from the other sample image codes that you can usually extract your direct URL from those codes. Links and Buttons Some of the codes and templates will have links to your other eBay pages. Designers will usually edit those for you, but if you pick up a sample template or form filler, you may need to edit those yourself. The only way to edit those is directly in the HTML. Typically, those buttons and links lead to your eBay pages, so you may only need to change the user ID in them to your own eBay name. In some cases, there is a placeholder or image for a link, but no destination code. There might be something like "URL to your page" as a placeholder. To obtain the destination address for a link, go to the page you want linked. Copy the destination address from the top of the browser and paste it into the link code where advised by the placeholder text. Want to reuse that template? eBay's listing form has the ability to save templates for you. They will save not only the HTML code of the template itself, but will also save your category, title, start price, shipping, and other auction details. So when you finish creating a listing, on the final page, you can opt to save it as a template just before you list. Then when you start a new listing, you can recall that template and change the price, shipping, and other auction details, as well as editing the text and photos within the template.

eBay Live 2007 Community Hall of Fame Award
Free Resources for Better Auctions • Programs • Tools • Hosts • Templates • Help • Guides • Blog


eBay Live 2007 Community Hall of Fame Award
Free Resources for Better Auctions • Programs • Tools • Hosts • Templates • Help • Guides

Page: 1 of 2
 
Last Post
by yogita80 (16 ) View Listings
(46 of 46)
Re: How to Add a Template to an Auction - Tutorials
Jul 4, 2011 06:07 AM
You can download the free ebay auction template from this website :
www.ebaylistingtemplate.co.uk

Created in very simple HTML/CSS language.
(45 of 46)
Re: How to Add a Template to an Auction - Tutorials
Feb 24, 2011 11:55 AM
I guess this can only be done when creating a new listing. I tried to edit my existing listings and add a border and it did'nt work
(44 of 46)
Re: How to Add a Template to an Auction - Tutorials
Jun 17, 2009 06:21 PM
In my screen there are no yellow blocks. I originally saved the template as a filtered file but I suppose that didn't help. I don't know exporting it back to publisher would filter out the codes or not. I was able to add the image into the background in publisher but was not able to in turbo lister.
I too am partial to the template and would like to keep it. I will post a note using my original post and see if someone can help.
(43 of 46)
Re: How to Add a Template to an Auction - Tutorials
Jun 17, 2009 03:18 PM
kd_renrok, There are some issues with MS publisher, and thus with the code. Go to this http://practicewriter.com/vu/?606DA in Internet Explorer and right-click > Select All Do you see the highlighted square blocks covering parts of the page? I think those may be MS "shapes" and when your auction sits in a standard eBay page, those will cover eBay's navigation and bidding links at the top. Do you have the ability to re-export your code using Publisher's feature to filter out the proprietary Microsoft codes? If not, I would start a new thread on this forum to specifically address the coding problems introduced my MS Publisher. Since you have some "basic" HTML knowledge, we should be able to show you how to create your own page from scratch utilizing some of the graphical elements that you have already uploaded to your image host. The specific problem of getting a name superimposed on the graphic of a square would be solved by setting the graphic as the background and the text as the foreground. That is also something we can elaborate on further in your own topical thread. ;) It's a lovely template and worth keeping or recreating, so please do post a separate thread for it.


eBay Live 2007 Community Hall of Fame Award
Free Resources for Better Auctions • Programs • Tools • Hosts • Templates • Help • Guides

(42 of 46)
Re: How to Add a Template to an Auction - Tutorials
Jun 16, 2009 04:10 PM
Wondered if someone can take a look at a template I made to be used on ebay. It was created using MS publisher and I realize that some formats don't always work on ebay. However, I have some "basic" html knowledge and have made plenty of changes. Before I dig deeper I wanted to know if anyone thought that this would be too large for ebay's designated space (top I thought was too small and bottom too large) Should I change it and if so could you give me some ideas what I should change it too as well as the best way.
Second thing I'm having trouble with is adding a name to the image on the top (yellow box). I have tried using the text box but it either deletes the image or places it elsewhere. It works on MS publisher but when I transferred the html code and images to ebay/photobucket it failed to work.

Practice writer link to the auction [url http://PracticeWriter.com/?606DA[/url]


Thanks!!
(41 of 46)
Re: How to Add a Template to an Auction - Tutorials
May 22, 2009 03:53 PM
I looked at eBay's "World of Good" listing form and it appears to strip out stylesheets, and thus the DecoBars template formatting is stripped. Since I'm not a member, I can't list a test item to verify how far the limitations apply. However, I suspect both javascript and styles are knocked out. If you were to revise your eBay listing using eBay's listing editor, you should be able to paste the template into that form and get the results you were hoping for. Otherwise, to continue listing through the "World of Good" site, you may want to choose another template that uses simpler coding. If you are unable to determine which templates might work, please let us know which ones you are considering, and we can take a look at the code to see if it contains a stylesheet or script. Inline styles appear to function, so there should still be plenty of free templates that will work on that site.


eBay Live 2007 Community Hall of Fame Award
Free Resources for Better Auctions • Programs • Tools • Hosts • Templates • Help • Guides

(40 of 46)
Re: How to Add a Template to an Auction - Tutorials
May 22, 2009 06:11 AM
I just went in and did a revise on the listing and took out all the code and wording that wasn't suppose to show and deleted it. It worked fine and now I will just try to past directly without going thru the editor for my next item. Thanks!
(39 of 46)
Re: How to Add a Template to an Auction - Tutorials
May 22, 2009 05:47 AM
Yes, it did look fine in the editor. Will try today to redo and paste directly or try another template.

Thanks for looking at this for me.
(38 of 46)
Re: How to Add a Template to an Auction - Tutorials
May 21, 2009 10:27 PM
educationandmore, Deco Bars is a very popular template. :) I see that the template is also going through the Online Editor. Is it appearing OK on that site? If so, then there may be something about listing through "World of Good" that is stripping out the codes. You might try revising your listing and pasting the code directly into eBay's listing form. If it works OK pasting directly into eBay's form then you may want to list directly. Otherwise, there may be some limitation on what templates you can use through your current method.


eBay Live 2007 Community Hall of Fame Award
Free Resources for Better Auctions • Programs • Tools • Hosts • Templates • Help • Guides

(37 of 46)
Re: How to Add a Template to an Auction - Tutorials
May 21, 2009 09:30 AM
I have been trying to get my template to copy and paste correctly but always seem to have the html codes in my page. I used the Deco Bars template maker but sure can't figure out what I am doing wrong.

any help?? I list thru World of Good if that makes a difference. My poncho listing shows my problem.

Thanks
(36 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 26, 2009 02:53 AM
I found it, it's in a banner kind of thing. sorry.
(35 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 26, 2009 02:47 AM
> In a recent change, eBay has moved the link to switch between the Simple listing form and the Full-Featured listing form. You will now see that option at the top of the screen after you have first chosen a listing category. > > > Below is a partial screen of the Simple form, which is easy to distinguish because of the large section numbers on colored bars. > > > --------------------------------- This doesn't show up on mine. I sold stuff 2 years ago using the simple template, Switch to more choice is nowhere to be found.
(34 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 24, 2009 02:38 AM
The code has been generated by a web publisher program and contains much which is not suitable for ebay use. It is too messy to fix in itself, it would be better to start again. There are free templates available for creating ebay listings. The link below shows the listing inserted into a free template; practicecoder.com/?4428


erns-eporium for HTML information, help and free templates

(33 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 23, 2009 09:33 AM
brennard_textile... the next step is to go back to MS office or FrontPage and re-export or save your code as Web Page, Filtered. Do you have that option? When you get that code and post it to the PracticeWriter, we can start replacing the relative image URLs with the full URLs to your website images. For instance, when you see a short "relative" image code like this: <img src="image3551.jpg" > it should be replaced with the full "absolute" image code like this: <img src="http://brentex.esmartdesign.com/index_files/image3551.jpg" > However, the code is too messy to work with right now with all the proprietary Microsoft codes in there.


eBay Live 2007 Community Hall of Fame Award
Free Resources for Better Auctions • Programs • Tools • Hosts • Templates • Help • Guides

(32 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 23, 2009 04:05 AM
thanks for the info, the address is

http://brentex.esmartdesign.com/
(31 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 22, 2009 10:49 PM
Thanks to the tips.
(30 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 19, 2009 08:45 AM
brennardtextiles, there is too much proprietary Microsoft stuff in that code, and thus most of your expected appearance will only display if the visitor is using Internet Explorer. It's as if you are posting the code in "design mode" instead of as a finished page. Can you see an option on your MS Office program to export, publish, or save as "Web Page, Filtered"? By copying from the website, the google ads are being included in your code. Those are triggering the eBay warning. The images in your code are not appearing because they do not use complete (absolute) addresses. They are only partial (relative) URLs that are expected to be found on the same website as the sales page. When you move the page to eBay, your images are not hosted on eBay, so you will need to include the full URL for each image, which starts with "http". Where are your images hosted? What is the address of your website?


eBay Live 2007 Community Hall of Fame Award
Free Resources for Better Auctions • Programs • Tools • Hosts • Templates • Help • Guides

(29 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 19, 2009 03:41 AM
also if i just go to the site, copy and paste all the info, which includes pic of the item and graphics it says

Your listing cannot contain javascript (".cookie", "cookie(", "replace(", IFRAME, META, or includes), cookies or base href.
(28 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 19, 2009 02:48 AM
http://practicewriter.com/vu/?5BA55

thats the link for what i did i hosted it as a website so i think its got an add on it dont know how to get it off
(27 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 18, 2009 11:21 AM
brennardtextiles , >>>but it still wont show the images when i preview it For your photos to viewable in your auctions, you must first store your images on a web server, so that they can viewable on the World Wide Web. If you don't have your own web space, there is FREE image hosts out there that will store images online for you. Some of the most poplar hosts out there are: http://photobucket.com/ http://www.tinypic.com/ http://imageshack.us/ When you upload your images to either your own web space or any image hosting service, you must copy the full URL foe each image, then paste them in your HTML code. >>>i've made my own template with microsoft publisher All Microsoft programs code web designs for use as a stand-alone web page, and not for use on eBay auctions. eBay already has their web page built, and only gives us a portion of that page to use. Therefore, there are some tags that shouldn't be used with eBay. If you'd like, paste your code on this FREE tool called PracticeWriter, and hit the Save button. A link will be generated between the upper and lower windows. Copy that link and paste it here. We could then help code your template to be in compliance with eBay policy. :) http://practicewriter.com/


(26 of 46)
Re: How to Add a Template to an Auction - Tutorials
Mar 18, 2009 09:36 AM
i've made my own template with microsoft publisher, uploaded it to ftp as a website, got the source code pasted it it, but it still wont show the images when i preview it, the text shows, if i just copy and paste it from publisher it wont work either
i really dont know what else i can do,
(25 of 46)
Re: How to Add a Template to an Auction - Tutorials
Feb 22, 2009 08:25 AM
(24 of 46)
How to Add a Template to an Auction - Tutorials
Jan 23, 2009 04:23 PM
Thank you for the great tutorial. Now an ebay store can be a lot better! :)


(23 of 46)
How to Add a Template to an Auction - Tutorials
Dec 7, 2008 04:00 AM
Thank you so much for making such a good tutorial, I have been looking for that a long timegrin.gif


Life is like a box of chocolates. You never know what you're gonna get.

Pages: 2 - [ 1 2 | Next ]
Photos & HTML links
Practical eBay Photography: Part I
Practical eBay Photography: Part II
To the top