真奈美(Shikama.net)2014年3月17日更新ツイート閲覧数6,375viewsこのコラムをPDF形式でダウンロードするみんビズにはネットショップ機能が付属していますが、今ひとつ活用できないという声をいただきます。この講座ではネットショップ機能を更に活用し、本格的に運用する方法をお伝えいたします。第6回目のテーマは「訴求力がアップする商品ページのつくり方」です。みんビズでは、ネットショップの商品ページを自由にレイアウトすることができます。基本機能の組み合わせだけでできる訴求力の高いページのつくり方を解説します。サンプルページはじめに、「ナビゲーション」機能で新しいページを1つ用意します。ここでは、「イチオシ情報」というページを追加しました。新しく作ったページへ移動し、見出しを入力します。入力が終わったら「保存」をクリックします。※見やすくするために、サンプルでは見出しの下に「水平線」を入れています。3.「写真」機能について画像を1枚だけ、コンテンツの横幅いっぱいに設置します。「写真」をクリックします。「ファイルを選択」をクリックし、写真をアップロードします。写真が1枚だけ、横幅いっぱいに掲載されます。必要があれば、大きさの調整やリンクの設定、サブタイトルの入力などをおこないます。※サンプルでは、この下に「文章」機能で商品の説明文やキャッチコピーを追加しています。4.「フォトギャラリー」機能について「写真」機能では、画像を1枚だけアップロードしましたが、「フォトギャラリー」機能を使えば複数の写真を配置することができます。「フォトギャラリー」をクリックします。「選択」をクリックし、アップロードしたい画像を選択します。複数の写真をアップロードできますので、Ctrlキー(Macの場合はCommandキー)を押しながらクリックしましょう。「アップロード」ボタンをクリックします。※アップロード後、必要に応じて画像の大きさやスタイルを調整します。画像のみを取り扱いましたが、今度は写真の横に文章が並ぶレイアウトを設定します。「写真付き文章」を選択します。「文章を編集」の画面が表示されますので、キャッチコピーや文章などを入力しましょう。次に「画像を編集」のタブをクリックし、1.と同じ要領で写真をアップロードします。必要があれば、写真の大きさを調整しましょう。6.「カラム」機能についてカラム機能を使って、画面をいくつかに区切って、写真や文章を配置します。複数の情報をコンパクトに見せたいときに有効です。「カラム」を選択後、右下の「列を追加」をクリックして3列にします。最大6列まで増やすことができます。それぞれの列の中に、「写真」や「文章」機能を使って要素を配置していきます。7.「商品」機能について最後に「商品」機能を使って、買い物カートを設置します。「商品」をクリックします。商品写真のアップロードし、説明テキスト、価格などを追加します。第3回:商品を登録しよう」をご参照ください。買い物カートを設置することができました。8.「カートに追加」ボタンをカスタマイズみんビズのショップ機能では、「カートに追加」ボタンをカスタマイズすることができます。色や文字の大きさを変えて、わかりやすいボタンにしてみましょう。画面右側のツールボタンから「スタイル」を選択します。「ショップスタイル」を選択します。価格の文字の大きさ、色、「カートに追加」のボタンの色などを変更することができます。「ボタン」をクリックしましょう。ボタンの色、文字の色などを変更します。ここでは鮮やかな赤のボタン(色番号:F13828)へ変更し、「カートに追加」の文字も最大(16px)にしました。これで「訴求力がアップする商品ページ」の完成です。【完成形】サンプルページまとめさて、6回にわたりお届けしてきた「ネットショップ機能をもっと活用しよう!」シリーズは、今回で最終回となります。みんビズには、意外と知られていない便利な機能がたくさんあります。さまざまな機能を組み合わせて、運営しやすく、かつ訪問者にとって便利なホームページになるよう工夫してみてください。1997年よりWeb制作を始める。ソフトウェア会社のWeb制作部門に5年間勤めた後、2002年4月に独立。システム構築などに従事。講師として、Webマーケティングやデザインのセミナー活動も行っている。今日からはじめるアクセス解析超入門』(技術評論社)。(著)本当は簡単に使えるGoogleアナリティクス!Webサイトを作ったけど、思うように集客できないという悩みを解決するために、訪問者の特性や行動を分析できるGoogleアナリティクスを、初めて使う人にもわかやすくやさしく解説します。初期設定や基本操作から始まり、データの見方や分析、また改善方法まで、これ1冊でわかります。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。