オプション用買い物かごの設置

Question

いつも丁寧にアドバイスをいただき、本当にありがとうございます。
できるまでお付き合いいただけるので、大変心強く助かっております。

さて、以下のページ下部に
追加購入用のオプション買い物かごが設置されています。
https://item.rakuten.co.jp/e-nisino/tuge_0002/?s-id=ph_pc_itemname

このタイプの買い物かごの設置は、
容易ではありませんか。
客単価をあげるのに大変有用だと思うので、
デザインレシピなどでご紹介いただけたら嬉しいです！###HR######IMG0a520949ae2a2860de3c2778603906c9d.pngIMG0###

Answer

ECマスターズの伊藤です。

> このタイプの買い物かごの設置は、
> 容易ではありませんか。

下記のタグをご利用いただくことで
設置していただくことができます。

【】で囲われた箇所は修正が必要となりますので
ご登録いただいている商品情報に応じて
修正をお願いいたします。

＝＝ 項目選択肢がないもの ＝＝


個






＝＝＝＝＝＝
【ショップID】RAC番号の上6桁
【アイテムID】RAC番号の下8桁

例：123456-0078999999 の場合
【ショップID】123456
【アイテムID】78999999


＝＝ 項目選択肢があるもの ＝＝


【項目選択肢名１】
【項目選択肢名２】


個







＝＝＝＝＝
項目選択肢は、必要に応じて増減をお願いします。

【項目選択肢名(数)※】の箇所には、【項目選択肢名(数)】のエンコードした
文字を入力して頂く必要がございます。

例：チョコレート → %e3%83%81%e3%83%a7%e3%82%b3%e3%83%ac%e3%83%bc%e3%83%88

エンコードは下記のサイトにて、かんたんに行うことができます。
https://www.tagindex.com/cgi-lib/encode/url.cgi


> 客単価をあげるのに大変有用だと思うので、
> デザインレシピなどでご紹介いただけたら嬉しいです！

ご意見ありがとうございます。
デザインレシピへの追加を検討させていただきます。

Answer

伊藤様

ご丁寧にご回答をありがとうございます。
早速「商品販売説明文」の中にいただいたタグを入力しましたら
以下のメッセージが表示されました。

▶許可されないHTMLタグ"form"が入力されています

- タグを入れる場所は、「商品販売説明文」の中で合っていますか。

- 項目選択がない場合、ショップID(●●●)とアイテムID(◎◎◎)を入れる場所は以下で合っていますか。

Answer

ECマスターズの伊藤です。

＞ - タグを入れる場所は、「商品販売説明文」の中で合っていますか。

説明が不足しており、申し訳ございません。
formタグは、許可されていないため、
GOLDにページをアップロードしていただき、
iframeを使用して、商品販売説明文などに
表示して頂く必要がございます。

ページ作成方法など、ご不明な点がございましたら
ご質問くださいませ。

Answer

おはようございます。

GOLDにページをアップロードする手順を教えていただけませんか。
GOLDの適当なフォルダに、上述のタグをhtmlで保存したものを入れてアップロードすればよいのでしょうか。
GOLD初心者（入門レベル）のため、ちんぷんかんぷんです。
すみません。。。

Answer

ECマスターズの伊藤です。

> GOLDの適当なフォルダに、上述のタグをhtmlで保存したものを入れてアップロードすればよいのでしょうか。

はい、お好きなフォルダにアップロードしていただいて大丈夫です。

下記の手順で行っていただきますと
GOLDにページをアップロードして、表示していただくことができます。

(1)下記HTMLを、メモ帳などに貼り付け

==== 以下を貼り付け ====






表示したい内容を記入


==== 以上を貼り付け ====

(2)お好きな名称半角英字.html(例：sample.html)としていただき
文字コードで EUC-JP を指定して保存してください。
※sample.html.txt　のように、最後に.txtがつかないよう、ご注意ください。

(3)(2)をGOLDにアップロード

(4)表示したい箇所に下記を記入

※heightは高さとなりますので、
表示される内容に合わせて、修正をしてください。


なお、メモ帳ではEUC-JP(もしくはEUC)が選択できませんので
編集の際には

サクラエディタ
https://sakura-editor.github.io/download.html

TeraPad
https://forest.watch.impress.co.jp/library/software/terapad/

などの、テキストエディタをご利用頂ますよう
お願いいたします。

Answer

伊藤様

返信が遅くなり申し訳ありません。
なんとか設置までできましたが、ここから調整が難しそうですね。
とりあえず、触りながらやってみます！

ところで、これはスマホではできない裏技ですか？

Answer

追加質問です。

以下ベージに貼り付けできたのですが、
https://item.rakuten.co.jp/●●●●●/fp-set1-ss-13sp/

なんだかバランスがよくありません。
バランスよく配置するアイデアはありませんでしょうか。

Answer

ECマスターズの田中です。

> なんだかバランスがよくありません。
> バランスよく配置するアイデアはありませんでしょうか。

感覚の問題になるため、明確なご案内が難しいのですが、
画像に対し、買い物かごボタン周りのサイズが
小さいことが、バランス悪く見える原因の１つであると思います。

また、私にて実際に「購入する」ボタンを押したところ、
唐突に買い物かごに商品を入れられた印象を受けました。

URLをいただいた印鑑の場合、
購入する印鑑を収納するためのケースや朱肉を設置したり、
https://item.rakuten.co.jp/wakasugi/atugiri-2_3/
上記もつ鍋の場合は、まとめ買い対象商品として
同類の商品を並べたり、価格も表示されておりますが、

簡単な商品名とパッケージだけで、
価格もわからないまま買い物かごに入れられる印象を受けましたので、

くるくる回るなどの商品の特徴や、
販売価格などの文字情報を、「購入する」ボタンの周囲に
加えていただいてはいかがでしょうか。

また、伊藤よりご案内差し上げた高さ（height）の値を
そのまま利用されているため、
余分な高さによる余白ができております。

(4)表示したい箇所に下記を記入
のタグに含まれるheightの値を、
height="50"
など、調整していただきますようお願いします。

Answer

ECマスターズの田中です。

> ところで、これはスマホではできない裏技ですか？

(4)表示したい箇所に下記を記入
のiframeタグにて、

を

にご変更いただくことで、
本来スマートフォン用項目で使えないiframeタグが
使えるようになるため、
スマートフォンでもご設置いただくことができます。

PCに比べ、スマートフォンのページの横幅は
端末によって変化するため、
細かい調整が必要となりますことを、予めお含みおきください。

Answer

ご返答差し上げるのが大変遅くなってしまいました。

博多若杉さんのページを拝見し、オプション用買い物かごの設置だけでなくページ全体の作り込みが非常に高レベルに感じました。
ここまではいかずとも、お客さんが追加で買いたくなる工夫をしていきたいと思いますが、
現段階の自分のレベルではオプション用買い物かごの設置は急ぐ必要がないように感じました。

一旦棚上げし、もう少し技術を磨いてから再度質問をさせていただきます。
お手伝いいただいたのに、申し訳ありません。