ファイルエクスチェンジでebay出品ページをHTMLがわからない人が変更する方法

2021年2月11日

読了時間目安: 3
ファイルエクスチェンジで使用する出品ページのDescriptionのHTMLの変更方法とソースコード公開しています。

こんにちは。ゆきです!

今日はファイルエクスチェンジでアップロードするebayの出品ページをHTMLがわからない人が編集する方法。ヒントをお伝えしていきます!

出品ページの見た目にこだわりは無いけど、伝えたい事はあるからよく有る出品ページのHTMLを編集してみました!

それではどうぞ!

今日やる事

Descriptionの変更をHTMLで行う方法

上記画像のようにDescriptionの内容を色んな商品にも使い回せるようにテンプレートを修正していきます!

僕もHTMLは全く勉強した事はないですが、なんとか自分のテンプレートを作成することができたのでチャレンジしていきましょう!

Descriptionの内容を変更する意味

Descriptionはバイヤーが確実に見る場所です。

僕はここに商品説明よりも購入にあたり、注意事項や約束事を入力するべきだと思います。

トラブルが発生した際にDescriptionに明示されていたらバイヤーも納得しますからね!

テンプレートを作成する

テンプレート作成手順

手順1.セラーハブから新規出品する

手順2.自分のテンプレートを作成する

手順3.HTMLに変更する

手順1

セラーハブのListingsから「Create listing」を選択

テンプレートはなんでもいいので出品ページを新規作成します

手順2

「Item description」の内容を自分の好きな内容になるように変更します。

手順3

HTMLタブを選択して出てきた内容をコピーしてメモなどに保存しておけばOKです!

色を変えたいとき

HTMLで色を変える

タイトルの帯などの色を変更する際は「background」という文字列のすぐ後にある「#」から始める部分をCSS形式で色を指定します

CSS形式の色番号はこちらのURL( 外部リンク)を参考にしてください!

ファイルエクスチェンジで出品する際は新品や中古などいろいろなコンディションの商品を一括で出品するのでパターンにあった内容のテンプレートを複数個保存していきましょう!

段落を付けたい

HTMLで段落のつけかた

HTMLで文字列に段落をつけるときは段落を付けたい文字列の前に「<b>」を入力しましょう

僕のHTML

<font rwr="1" style=""><title>~Welcome to my store~</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" media="screen" href="#"><style>@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);@import url(https://fonts.googleapis.com/css?family=Open+Sans);h1 {font-family: 'Roboto Condensed', sans-serif;text-align: center;}.heavy {background: #fff001;color: #505050;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);}#main h2{font-family: 'Roboto Condensed', sans-serif;color: #505050;background: linear-gradient(transparent 60%, #fff001 10%);text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);}#main_desc{font-family: 'Open Sans', sans-serif;margin-bottom:3em;}.dec_img{margin:15px 120px;}section{margin-bottom:2em;}ul {font-family: 'Roboto Condensed', sans-serif;line-height: 18px;list-style-type: square;color: #333;text-align: left;}/* MEDIA QUERIES */@media only screen and (max-width: 414px) {section, h1 {display: none;}.dec_img{display: none;}}@media only screen and (max-width: 767px) {.dec_img{display: none;}}</style><article id="main" style=""><h1 class="heavy" style="font-family: Arial; font-size: 14pt;">~Welcome to my store~&nbsp;&nbsp;</h1><table border="0" cellpadding="0" cellspacing="0" width="460" style="font-family: Arial; font-size: 14pt; border-collapse: collapse; width: 345pt;"><tbody><tr height="546" style="mso-height-source:userset;height:409.5pt"><td height="546" class="xl65" width="460" style="height:409.5pt;width:345pt"><br><br><b>[Condition] </b><br><br><b>NEW</b><br><br><b>[Intro]&nbsp;<br></b><br><span style="font-size: 18.6667px;">If you have any questions about our products, please feel free to contact us.<br>You will receive a reply within 3 business days.</span><br><br><p style="font-family: &quot;Open Sans&quot;, sans-serif; font-size: medium;"><font face="Arial"><span style="font-size: 18.6667px;"><b>[Attention</b></span></font><b style="font-size: 18.6667px; font-family: Arial;">]</b></p><p style="font-family: &quot;Open Sans&quot;, sans-serif; font-size: medium;"><font face="Arial"><span style="font-size: 18.6667px;">Please refrain from purchasing more nervous ones because it is an old product.</span></font></p><p style="font-family: &quot;Open Sans&quot;, sans-serif; font-size: medium;"><font face="Arial"><span style="font-size: 18.6667px;">Since it is also sold on other platforms, it may end early.</span></font></p><p style="font-family: &quot;Open Sans&quot;, sans-serif; font-size: medium;"></p><p style="font-family: &quot;Open Sans&quot;, sans-serif; font-size: medium;"><font face="Arial"><span style="font-size: 18.6667px;">Please be forewarned.</span></font></p><br></td></tr></tbody></table><font face="Arial" style="font-family: Arial; font-size: 14pt;"><span style="font-size: 14pt;">&nbsp;</span></font><section class="shiharai" style="font-family: Arial; font-size: 14pt;"><h2 style="font-family: Arial; font-size: 14pt;">Payment</h2><p style=""><font face="Arial"><span style="font-size: 18.6667px;">We accept PayPal only.</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">We usually ship within <b>10 business days</b> of receiving cleared payment.</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">Our return policy, In the only case of unopened item package.</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">We ships from Japan This product. Import duties, taxes, and charges are not included in the item price or shipping cost. These charges are the buyer?s responsibility.</span></font></p></section><section class="hasso" style=""><h2 style="font-family: Arial; font-size: 14pt;">Shipping</h2><p style=""><font face="Arial"><span style="font-size: 18.6667px;">---about shipping cost---</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">Shipping costs are set for each country.</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">Depending on where you live, you may be charged a separate remote fee.</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">All shipments come with a tracking number.</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">Please refer to our Shipping Policy for a detailed fee structure.</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;"><br></span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">--- Shipping Duration--</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">Ships from Japan.</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">economy...........................2~3Weeks.</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">Standard...........................1~2weeks.</span></font></p><p style=""><font face="Arial"><span style="font-size: 18.6667px;">Expedited..........................1-3day.</span></font></p><div style="font-family: Arial; font-size: 14pt;"><br></div></section><section class="torihiki" style="font-family: Arial; font-size: 14pt;"><h2>Terms of Sale</h2><p>Please pay within <b>3 business days</b> after a successful bid. </p></section><section class="watashi" style="font-family: Arial; font-size: 14pt;"><h2>About Us</h2><p>We sell a Japanese product.</p></section><section class="tyuui" style="font-family: Arial; font-size: 14pt;"><h2>International Buyers - Please Note: </h2><ul><li>Import duties, taxes and charges are not included in the item price or shipping charges. These charges are the buyer?s responsibility. </li><li>Please check with your country?s customs office to determine what these additional costs will be prior to bidding/buying.</li><li>These charges are normally collected by the delivering freight (shipping) company or when you pick the item up - do not confuse them for additional shipping charges.&nbsp; </li><li>We do not mark merchandise values below value or mark items as ?gifts? - US and International government regulations prohibit such behavior. </li></ul></section></article></font>

コードをコピペして使ってくださいね〜!

まとめ

・Descriptionは注意事項などもしっかり記載する

・HTMLをテンプレートはebayの出品ページから作成しておく

・色を変更したい場合は対応の「background」のあとを変更する

・段落は「<b>」を文字列の前に入力する

バイヤーに伝えておきたい自分ルールは事前にテンプレートの中に盛り込んでおきましょう!

最後まで読んでいただきありがとうございます!

2021年2月11日

Posted by ゆき