公太郎(株式会社マジカルリミックス)2015年8月24日更新(2017年9月6日改訂)ツイート閲覧数9,087viewsこのコラムをPDF形式でダウンロードする"ホームページのクオリティアップ術:制作編"のコラムを担当する、マジカルリミックスの赤間です。全11回のこのコラムでは、ホームページづくりに役立つサービスやその利用方法をご紹介していきます。便利な無料のWebサービスを活用して、効率よく質の高いホームページを目指しましょう。今回は、Jimdoに「外部サービスのショッピングカート」をつける方法をご紹介します。外部サービスのショッピングカートを利用するメリットJimdoは一般的なホームページを作成することに特化したシステムです。ショッピングサイト専用のサービスに比べると、機能や設定の細かさではどうしても見劣りしてしまいます。Jimdoを利用するメリットとしては、ホームページで必要とするさまざまな機能を、バランスよく備えていることにあります。Jimdoのカート機能は、受注時のメール処理や在庫管理など、ネットショッピングを開くのに必要な機能を一通り備えています。送料設定や売上分析の機能など、細かな部分はどうしても融通が利かず、専門のカートシステムに軍配が上がるものもあります。最近では、Jimdoをはじめ、無料で便利なサービスがぞくぞくと登場しています。ショッピングカートに特化したWebサービスの代表格が、「STORES.jp」と「BASE」です。これ以外にもたくさんのサービスがあります。今回はSTORES.jpをご紹介STORES.jpは株式会社ブラケットが運営するオンラインストア作成サービスです。メールアドレスさえあれば、ものの数分でオンラインストアが作れてしまいます。https://stores.jp/メールアドレスとパスワードを入力し、[無料でストアを開く!]ボタンをクリックすると、すぐさまオンラインストアを開設できます。ストアの設定項目はいくつかありますが、ひとつひとつ見ていくとさほど難しいものではありません。「アイテム登録」から実際の商品を登録してみましょう。設定画面はシンプルで、販売に必要な最小限の項目を中心に構成されています。情報を入力していきましょう。文字の入力と写真の挿入で、商品ページが作成されます。BUTTON」という機能を利用し、JimdoなどのSTORES以外のホームページに、商品のカートボタンを埋め込むことができます。BUTTONを利用するには、STORESでのショップ作成と、商品の登録が必要です。済ませておき、ログインした状態でURLを開きましょう。BUTTONの設定は非常にシンプルです。「ストアボタンのデザイン」で、サイズの大小・カラーが青、グレー、黒の3種類・言語の設定を行います。サイズ、カラー、言語を指定する次に「販売アイテムの登録」の[販売するアイテムを選択してください]をクリックするとあらかじめ登録してある商品が表示されますので、ホームページに貼り付けたい商品を選択して、[貼り付けコードを生成する]ボタンをクリックします。登録してある商品一覧が表示されるので、好きな商品を選んで最後に[貼り付けコードを生成する]ボタンをクリック外部のWebサイトに貼り付けするためのコードをコピーコードを取得するための画面が表示されます。コード部分をすべて選択し、コピーします。以上でSTORES.jp側で行う作業はすべて完了です。Jimdoに埋め込むJimdoにコンテンツを追加の際、「・・・その他コンテンツ&アドオン」という青いボタンがありますので、そこをクリックし隠されたメニューを表示させます。HTML]をクリックし項目を追加します。入力エリアに、先ほどコピーしておいたコードを貼り付け[保存]ボタンをクリックします。これで、ストアボタンがJimdoに組み込まれました。導入後は動作確認をしてみましょう。ウィジェットは編集画面中ではうまく表示がされないことが多々ありますので、必ずプレビュー状態で確認します。無事に設置された[今すぐ購入する]ボタンをクリックすると、STORES.jpで登録した商品が、同じ画面の中に現れます。[購入する]ボタンをクリックすると、STORES.jpへ移動し、その中で購入する流れになります。STOERSの中は、すべてSSLで保護された領域となります。次回は、「外部サービスのメールフォームを導入する」をお伝えします。代表取締役CEO/JimdoExperthttp://www.magical-remix.co.jp/http://www.kotalog.net/宮城県出身。IT関連の専門学校を卒業後、仙台のデザイン会社に入社。Webサイトのデザイン・コーディングを中心に従事。2002年退職後すぐに個人事業としてマジカルリミックスを創業。2007年に法人化し株式会社マジカルリミックスを設立。規模を問わずお客様のニーズにあわせたWebサイトの企画立案、制作、アクセスと売上アップをめざした更新サポートまで一貫して手がけている。Web制作だけにとどまらず、社内向けのセキュリティ・IT活用のプライベートトレーニング、セミナー出演、執筆なども意欲的に手がける。全国からの講演依頼も多数。2005年から仙台の専門学校で、非常勤講師としてWeb制作講義を担当。基礎から覚える、深く理解できる。』(共著、同)『基礎から覚える、深く理解できる。Webデザインの新しい教科書』(同)。(監修)「Jimdo」(ジンドゥー)でのホームページの作成方法と運用方法を解説した書籍。Jimdoデザインブック』(2014年10月発売)の改訂版となり、2016年11月に改変されたJimdoの新・管理メニューに全面対応した内容です。基本を、10日間で習得するのが本書のコンセプトです。12章構成の解説の中で、Jimdoの基本操作とホームページの作成、デザインとコンテンツ(内容)のレベルアップ、そしてSEOやリスティング広告を含む宣伝・集客の基本を解説しています。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。