販売ページを作ってみよう
では、早速販売ページを作ってみることにします。
ここでは完璧なものは目指さずに、販売ページを作ってみることを目指します。
ですから販売ページのパターンも簡略化したもので作ります。
１．ヘッドコピー
２．サブヘッドコピー
３．商品画像
４．本文
５．スペック
６．購入ボタン
７．お問い合わせ先
以上の構成で作ってみましょう。
では、まず販売する商品を決めてください。
決めましたか？
ではジュゲムにアクセスし、記事を書いて行きます。
１．画面左にある [記事の投稿] をクリックします。
２． カテゴリをリストから選択します。
初めての投稿の場合、カテゴリがありませんから [新しいカテゴリーを作る] をクリックし、カテゴリを追加します。
３．記事のタイトルを入力します。
興味をそそるタイトルをつけるのがコツです。記事本文に書くヘッドコピーと同じでも結構です。
４．ついでに [最近投稿したJUGEMテーマ] から商品に合うテーマを選択しておきましょう。
テーマを選択しておくことで、テーマをたどってお客様がやってきます。
テーマは、[ユーザーテーマを探す！] から探してリストに追加することができます。
４．続いて記事の内容を入力して行きます。
５．最初にヘッドコピーを書きます。
ヘッドコピーは興味をそそる文章にするのがコツです。
また、見た目にも分かりやすいように大きな文字を使うことにします。
そのために、次のHTMLタグを使うことにします。
そうすると、ブログ上では、次のように表示されます。
ここにヘッドコピーを入力します。
ちなみに文字の色は選択しているテンプレートにより若干異なります。
font-size の数字を大きくすると文字が大きくなり、小さくすると文字が小さくなります。
テンプレートに合わせて調整してみてください。
このタグは便利ですから、メモ帳などにコピーして保存しておいてくださいね。
ヘッドコピーは２、３行程度でまとめましょう。
行ごとに先ほどのタグで文字を装飾します。
６．サブヘッドコピーを書きます。
サブヘッドは次の文章や画像を見てもらうための文章です。
次が読みたくなる文章を書くようにしましょう。
サブヘッドは文字の装飾をしません。
もちろん多少装飾しても構いませんが、くどくない程度にしましょう。
７．イメージ画像を挿入します。
イメージ画像はもしもから持ってきますから、もしものページにログインしてください。
販売した商品を探して、注文リンクを書き出します。
ここでは、モデリートを例に説明します。
商品検索窓にモデリートと入力します。
モデリートはたくさんの種類がありますが、ここではモデリートエクストラクラッシュを探してください。
ここで販売価格を設定することができます。
今回は、最低販売価格のままで結構です。
では、[注文リンクの書き出し] をクリックします。
いくつかのパターンが表示されますが、画面をスクロールして中ほどにある写真という項目を探してください。
モデリートの場合、写真１～写真３までありますから、1つずつクリックして写真を確認します。
この中から気に入った写真を選択します。
サイズは一番大きいタイプの３００×３００のままで結構です。
気に入った写真を表示させた状態で、[貼付け用ソース] をクリックします。
そうすると全選択の状態になっていますから、右クリックしてコピーをクリックします。
ジュゲムの記事投稿画面に戻って、入力している記事の一番下をクリックします。
そして右クリックし [貼り付け] をクリックします。
これでイメージ写真の貼り付けは完了です。
８．続いて記事本文を入力して行きます。
書き方のコツは別途説明しますから、ここでは何も気にせず文章を入力してみてください。
９．商品スペックを転載します。
商品スペックはもしもの販売ページに記載がありますから、それをコピーして利用します。
先ほど開いたもしものページで上図のような注文リンクを探してください。
赤枠で囲った部分がリンクになっていますから、ここをクリックします。
すると商品ページにジャンプします。
この中に商品スペック欄がありますから、これを全部選択してコピーします。
コピーした文章の先頭をドラッグします。
※ドラッグとはマウスの右ボタンを押しっぱなしにする操作です。
ドラッグしたら、そのまま文章の一番最後までスクロールさせます。
コピーしたい文章だけが選択された状態になったら、ドラッグを解除します。
そうすると文章が選択された状態のままになりますから、選択された文章の上で右クリックし、[コピー]
をクリックします。
コピーした文章を先ほど写真を追加した要領で、ジュゲムの記事の一番下に貼り付けます。
１０．購入ボタンを追加しましょう。
では、もしものページに戻ります。
先ほど商品ページにジャンプしていますから、ブラウザの[戻る]ボタンをクリックして注文リンクの書き出し画面に戻してください。
色は５種類グレー、ピンク、オレンジ、グリーン、ブルーがありますから、ブログのテンプレートに合うタイプを選択してください。
[サイズ] は、大きいタイプの４６８×２６８のままで結構です。
好みに合わせて [タイプ] と [写真] を選択します。
そして、[貼付け用ソース] をクリックし、右クリックしてコピーを選択します。
そして、ジュゲムの記事欄の一番下に貼り付けてください。
１１．最後に問い合わせリンクも追加しましょう。
ではまた、もしもページに戻ります。
先ほどのページの一番下に問い合わせ用のリンクが用意されています。
この [貼付け用ソース] をクリックし、右クリックしてコピーを選択します。
そしてジュゲムの記事の一番下に貼り付けます。
これで、記事が完成しました。
[記事を投稿する] ボタンをクリックして、内容を保存しましょう。
そして実際にブログを確認してみましょう。
もし、文章に誤字・脱字・改行の位置の修正などがあれば、管理メニューの [記事の編集・削除]
をクリックします。
今まで投稿した記事のリストが表示されますから、その中から記事を修正したいものをクリックします。
そうすると記事の編集画面になりますから、そこで再度修正して [公開して更新する]
をクリックしてください。
以上で終了です。
お疲れ様でした。
トラックバック
このエントリーのトラックバックＵＲＬ：
はてなブックマークに追加
