Jumpstart

Jumpstartは、クラウドファンディングを次の段階に上げるための専用として作られていますが、1から10個の商品を販売するのにも適しています。ホームページでは、ビデオと特集のセクションを表示します。

Jumpstartを使用したオンラインストアの例

テーマエディタ

テーマエディタを使用して、テーマをカスタマイズします。テーマエディタのツールバーは、セクションテーマ設定に分かれています。

セクションとテーマ設定を表示するテーマエディタのツールバー

セクションを使用して、ストアの各種ページのコンテンツとレイアウトを変更できます。テーマ設定を使用して、ストアのフォントと色をカスタマイズし、ソーシャルメディアのリンクやチェックアウトの設定を変更することができます。

セクションは、オンラインストアの各ページのレイアウトを決定するカスタマイズ可能なコンテンツブロックです。

  • ホームセクションでは、スライドショーやメールマガジン登録といった機能が含まれており、追加、再配置、削除することができます。ホームページには最大25個のセクションを追加できます。

  • 各ページタイプには、独自のセクションが含まれています。たとえば、商品ページセクションで、オンラインストアの各商品ページのレイアウトを決定します。

  • ページセクションは常に、オンラインストアの特定の場所にあります。カスタマイズ可能ですが、再配置および削除することはできません。

  • 各テーマには、ヘッダーやフッターなどの固定セクションが含まれており、オンラインストアの各ページに表示されます。

独自のセクションの選択、およびビジネスに適したカスタマイズ方法を詳しく知ることができます。

Jumpstartには、以下の静的セクションが含まれます。

  • ヘッダー
  • フッター
  • 商品ページ
  • コレクションページ
  • コレクションリストのページ
  • 記事ページ
  • カートページ

動的セクション

動的セクションを追加並べ替え、あるいは削除して、ホームページのレイアウトをカスタマイズすることができます。各テーマには、選択可能な固有の動的セクションがあります。

Jumpstartには、以下の動的セクションが含まれます。

  • ブログ記事
  • 特集コレクション
  • テキスト付き画像
  • テキストオーバーレイ付き画像
  • ロゴリスト
  • スライドショー
  • おすすめ商品
  • ニュースレター
  • キャンペーントラッカー
  • マップ
  • よくある質問
  • リッチテキスト
  • アイコン付きテキスト列
  • ビデオ

ヘッダー

Jumpstartでは、暗い背景に対して反転したロゴをアップロードしてヘッダーに表示することができます。また、Jumpstartは商品の [今すぐ購入] ボタンを特色としており、あなたが選んだ特集商品を購入するようお客様に促します。

ヘッダーセクションのロゴ画像は200ピクセル幅にしてください。

ヘッダーセクションをカスタマイズするには、以下の操作を実行します。

  1. [セクション] をクリックします。

  2. [ヘッダー] をクリックします。

  3. 次のとおり、ロゴおよび反転した (明るい色の) ロゴをヘッダーに追加します。

    1. ロゴセクションで [画像を選択する] をクリックし、次のいずれかの操作を行います。 - 管理画面にアップロード済みの画像を選択するには、 [ライブラリー] タブをクリックします。
    2. ローカルコンピュータから画像を選択するには、 [ライブラリー] タブをクリックし、次に [プラス] ボタンをクリックします。
    3. 反転したロゴを追加するには、 [反転したロゴ] をチェックします。
    4. 反転したロゴの領域で [画像を選択する] をクリックし、次のいずれかの操作を行います。 - 管理画面にアップロード済みの画像を選択するには、 [ライブラリー] タブをクリックします。
    5. ローカルコンピュータから画像を選択するには、 [ライブラリー] タブをクリックし、次に [プラス] ボタンをクリックします。
    6. カスタムロゴの幅 (ピクセル単位) フィールドにロゴの幅を入力します。
  1. ナビゲーションのメニューオプションを設定します。

    1. ナビゲーションセクションで、ストアのヘッダーに表示するナビゲーションメニューを [メニュー] のドロップダウンリストから選択します。
    2. [メニュースタイル] のドロップダウンリストから、クラシックメニューまたはドロワースタイルのメニューを選択します。
    3. クラシックメニューのカラーリストから、メニューテキストを明るくするか暗くするかを選択します。
  1. [今すぐ購入] ボタンの商品を選択します。

    1. 「今すぐ購入ボタン」のための商品のフィールドをクリックします。
    2. 商品名の入力を開始するか、ドロップダウンリストから商品名を選択します。
  2. 保存をクリック

フッター

フッターセクションでは、ストアの各ページの下部に表示されるコンテンツを編集できます。以下の機能をフッターに追加できます。

  • あなたのロゴ
  • ニュースレターのサインアップ
  • メニュー
  • 支払いアイコン

ストア名、メニュー、著作権のテキスト、支払いアイコンを表示するウェブサイトのフッターセクション。

フッターセクションをカスタマイズするには:

  1. Jumpstart を検索して、[カスタマイズ] をクリックします。

  2. [セクション] をクリックします。

  3. [フッター] をクリックします。

  4. [画像を選択する] をクリックして、フッターにロゴを追加します。コンピューターから画像をアップロードするには、[アップロード] をクリックします。Burstからフリーストック画像を使用するには、[無料画像] をクリックします。ロゴ画像を使用しない場合、代わりにストア名が表示されます。

  5. [ロゴの幅をカスタムする] スライダーでロゴの幅を調整します。ロゴの幅を調整しても画像が歪むことはありません。

  6. フッターにニュースレターのサインアップを追加するには、次の手順を実行します。

    1. [ニュースレターを表示する] にチェックを入れます。
    2. ニュースレターの小見出しフィールドにニュースレターのサインアップの小見出しを入力します。デフォルトのテキストは、「プロモーション、新商品、セールについて、あなたの受信箱に直接知らせる。」です。
  7. メニューエリアからフッターメニューをカスタマイズします。デフォルトのメニューを編集するには、[メニューを編集] をクリックします。別のメニューに変更するには、[変更] をクリックし、既存のメニューを選択するか、[メニューを作成する] をクリックします。

  8. [支払いアイコンを表示する] にチェックを入れることで、フッターに支払いアイコン (マスターカードやPayPalなど) を追加します。

  9. 保存をクリック

商品ページ

商品ページセクションでは、動的チェックアウトボタンとソーシャル共有アイコンを追加したり削除したりできます。

商品ページの設定を編集するには、以下の手順を実行します。

  1. トップバーのドロップダウンメニューから [商品ページ] を選択します。

  2. [セクション] をクリックします。

  3. [商品ページ] をクリックします。

  4. 動的チェックアウトボタンを表示するには、[動的チェックアウトボタンを表示する] をオンにします。

  5. 各種ソーシャル共有アイコンを表示するには、[商品の共有を有効にする] にチェックを入れます。

  6. 保存をクリック

コレクションページ

コレクションページに表示される商品画像の列と行の数を選択します。商品画像はページに合わせてサイズ変更されます。

  1. テーマエディタのプレビューで、コレクションページを開きます。

  2. [セクション] タブをクリックします。

  3. [コレクションページ] をクリックします。

  4. 表示する行と列の数を選択します。

  5. 保存をクリック

カートページ

お客様がカートに商品を追加すると、すぐにカートページに入ります。Jumpstartには、「買い物を続ける」ボタンやカートドロワーがありません。Jumpstartは単一の商品を販売するためのものなので、お客様が購入を決めたあとショッピングを続ける必要がないからです。

Jumpstartを使用すると、お客様が注文に関する指示を送信するためのカートメモを有効にすることができます。

「販売者への特別な指示」のメモフィールドを表示するカートページ

  1. テーマエディタのプレビューで、カートページに商品を追加します。

  2. [セクション] タブをクリックします。

  3. [カートページ] をクリックします。

  4. [注文メモを有効にする] にチェックを入れます。

  5. 保存をクリック

テキスト付き画像

Jumpstartには、顧客に対してカスタムメッセージ付きの画像を表示するためのテキスト付き画像セクションがあります。

  1. [セクション] タブをクリックします。

  2. [テキスト付き画像] をクリックします。

  3. アラインメントリストから、画像をテキストの左にするか右にするかを選択します。

  4. 画像を追加するには、画像エリアで [画像を選択する] をクリックしてから、次のいずれかの操作を行います。

- 管理画面にアップロード済みの画像を選択するには、 [ライブラリー] タブをクリックします。 - Shopifyのバーストストック画像コレクションからストック画像を選択するには、 [無料の画像] タブをクリックします。ここから検索語を入力するか、画像カテゴリーを閲覧できます。 - ローカルコンピュータから画像を選択するには、 [ライブラリー] タブをクリックし、次に [プラス] ボタンをクリックします。

  1. 画像に添付するテキストを追加するには、次のようにします。

    1. 表示する見出しテキストを見出しフィールドに入力します。
    2. 見出しの下に表示するテキストをテキストフィールドに入力します。
    3. ボタンラベルフィールドに、ボタンに表示するテキストを入力します。
    4. ボタンリンクフィールドにURLへのリンクを貼り付けるか、またはフィールドをクリックしてストアからのページを選択します。
  2. 保存をクリック

スライドショー

Jumpstartのスライドショー画像は最大1200ピクセル幅ですので、少なくとも1200ピクセル幅の画像、またはShopifyのアップロードの上限までの画像を使用することをおすすめします。

  1. [セクション] タブをクリックします。

  2. [スライドショー] をクリックします。

  3. [スライド] をクリックします。

  4. 画像セクションで [画像を選択する] をクリックし、次のいずれかの操作を行います。

- 管理画面にアップロード済みの画像を選択するには、 [ライブラリー] タブをクリックします。 - Shopifyのバーストストック画像コレクションからストック画像を選択するには、 [無料の画像] タブをクリックします。ここから検索語を入力するか、画像カテゴリーを閲覧できます。 - ローカルコンピュータから画像を選択するには、 [ライブラリー] タブをクリックし、次に [プラス] ボタンをクリックします。

  1. [リンクURL] フィールドで、次のいずれかの操作を行います。

- スライドショー画像をストアのページにリンクするには、[リンクURL] フィールドをクリックし、オプションのリストからページを選択します。 - スライドショー画像を外部URLにリンクするには、[リンクURL] フィールドにURLアドレスを入力します。

  1. スライドショーへのスライドの追加が終了するまで、手順3~5を繰り返します。

  2. 保存をクリック

おすすめ商品

Jumpstartのおすすめ商品セクションには、商品の説明が表示されません。商品説明は商品ページにのみ表示されます。これは、ホームページの他の多くのセクションも、商品について説明し特徴づけるためのものだからです。おすすめ商品セクションは、お客様が商品を購入するためにクリックする「行動を促す」ものと考えてください。

  1. [セクション] タブをクリックします。

  2. [おすすめ商品] をクリックします。

  3. [商品] フィールドをクリックして、ストア内の商品のアルファベット順のリストから選択するか、商品名を入力します。

  4. 保存をクリック

ニュースレター

ホームページにニュースレターのサインアップを追加することができます。これにより、メールマーケティングキャンペーンのお客様のメールアドレスを収集できます。メールマーケティングについて詳しくは、Shopifyブログをご覧ください。

ウェブサイトにあるニュースレターのセクション。お客様がメールアドレスを入力するフィールドと「購読」と書かれたボタンがあります。

ホームページにニュースレターのサインアップを追加するには、次のとおりにします。

  1. Jumpstart を検索して、[カスタマイズ] をクリックします。

  2. [セクション] をクリックします。

  3. [セクションを追加] > [ニュースレター] をクリックします。

  4. [見出し] フィールドに、ニュースレターのサインアップの見出しを入力します。デフォルトの見出しは「最新に保つ」です。

  5. 見出しフィールドにニュースレターのサインアップの小見出しを入力します。デフォルトのテキストは、「プロモーション、新商品、セールについて、あなたの受信箱に直接知らせる。」です。

  6. 保存をクリック

キャンペーントラッカー

Jumpstartには、資金調達サイトにリンクして、資金調達目標にどれほど近いかを示すユニークなキャンペーントラッカーセクションが含まれています。

資金調達キャンペーンの名前と資金調達の統計情報を示すキャンペーントラッカーセクション

  1. [セクション] タブをクリックします。

  2. [キャンペーントラッカー] をクリックします。

  3. [タイトル] フィールドに、キャンペーンのタイトルを入力します。

  4. [字幕] フィールドに、字幕を入力します。字幕を表示しない場合は、このフィールドを空白のままにします。

  5. [統計スタイル] リストから、小さなテキストの円グラフを表示するか、大きなテキストの棒グラフを表示するかを選択します。

  6. 背景画像セクションで [画像を選択する] をクリックし、次のいずれかの操作を行います。

- 管理画面にアップロード済みの画像を選択するには、 [ライブラリー] タブをクリックします。 - Shopifyのバーストストック画像コレクションからストック画像を選択するには、 [無料の画像] タブをクリックします。ここから検索語を入力するか、画像カテゴリーを閲覧できます。 - ローカルコンピュータから画像を選択するには、 [ライブラリー] タブをクリックし、次に [プラス] ボタンをクリックします。

  1. キャンペーンの詳細セクションに、次のキャンペーン統計情報を入力します。

    1. [資金調達の割合] フィールドに、調達した資金調達目標の合計の割合を入力します。
    2. [資金調達額] フィールドに、調達した金額を入力します。
    3. [バッカー数] フィールドに、キャンペーンに貢献したバッカーの数を入力します。
    4. [プロジェクトのURL] フィールドに、資金調達のウェブサイトのURLを入力します。
  2. 保存をクリック

よくある質問

ホームページに「よくあるご質問 (FAQ)」のリストを追加することができます。このセクションを使用して、(もしあれば) 資金調達キャンペーンに関する情報を提供したり、商品や配送ポリシーおよび返品ポリシーに関する質問に回答したりすることができます。

  1. [セクション] タブをクリックします。

  2. [よくある質問] をクリックします。

  3. [ヘッダー] フィールドに、FAQセクションのタイトルを入力します。デフォルトでは、このテキストは「FAQ」です。

  4. 質問を追加するには、次の手順を実行します。

    1. コンテンツセクションで [FAQ] セクションをクリックして展開します。
    2. [見出し] フィールドに質問を入力します。
    3. [テキスト] フィールドに、回答を入力します。
  5. FAQセクションのすべての質問を追加するまで、手順4を繰り返します。

  6. 保存をクリック

アイコン付きテキスト列

アイコン付きテキスト列のセクションでは、役立つテキストを関連するアイコンでグループ化できます。たとえば、ブランドをどのように区別するか説明し、お客様の声を伝え、ストアでのお買い物がどのくらい簡単かを強調することができます。

お買い物がどのくらい簡単かを説明するテキストの3つの列

何百にも上るFont Awesome 4.7.0のアイコンから選んでください。アイコンを表示するには、アイコン名をアイコン名フィールドに入力します。アイコンが自動的に表示されます。

アイコンセクションを含むテキスト列を追加するには、次のようにします。

  1. [セクション] タブをクリックします。

  2. [アイコン付きテキスト列] をクリックします。

  3. 見出しフィールドに、テキスト列の上に表示するタイトルを入力します。

  4. 次のようにアイコン付きテキスト列を追加します。

    1. 特徴を説明するをクリックします。
    2. アイコン名フィールドに、表示するアイコンの名前を入力します。たとえば、「cutlery」や「shopping-cart」などです。
    3. タイトルフィールドに、テキスト列のタイトルを入力します。
    4. テキストフィールドに、テキストの本文を入力します。
    5. コンテナーの幅ドロップダウンリストから、テキスト列の幅を選択します。
  5. テキスト列の追加が終了するまで、手順4を繰り返します。

  6. 保存をクリック

ビデオ

YouTubeまたはVimeoでホストされているビデオをホームページに追加できます。ビデオはお客様を引き込み、ビジネスへの関心を高めることができます。

ホームページにビデオを追加するには、次のとおりにします。

  1. Jumpstart を検索して、[カスタマイズ] をクリックします。

  2. [セクション] をクリックします。

  3. [セクションを追加] > [ビデオ] をクリックします。

  4. 見出しフィールドに、ビデオの見出しを入力します。

  5. ビデオリンクフィールドに、ビデオの共有リンクを入力します。

    YouTubeの共有リンクは次のようになります。https://youtu.be/OTJXAUZY9t0このYouTubeヘルプの記事では、YouTubeビデオの共有リンクをコピーする方法を学ぶことができます。

    Vimeoの共有リンクは次のようになります。https://vimeo.com/281332510このVimeoヘルプセンターの記事では、Vimeoビデオの共有リンクをコピーする方法を学ぶことができます。

  6. [文字の色] ドロップダウンメニューから [ダーク] または [ライト] を選択して、見出しのテキストと再生ボタンの色を設定します。

  7. [画像を選択する] をクリックして、ビデオに表紙画像を追加します。コンピューターから画像をアップロードするには、[アップロード] をクリックします。Burstから無料のストック画像を使用するには、[無料の画像] をクリックします。

    表紙画像の推奨サイズは1920 x 840ピクセルです。

  8. 保存をクリック

テーマ設定。テーマ設定を使用して、オンラインストアの色と文字体裁をカスタマイズすることができます。ソーシャルメディアアカウントへのリンクを設定したり、カートの設定を編集したり、ファビコンを追加することもできます。

Jumpstartには、以下のテーマ設定が含まれています。

  • 文字体裁
  • SNS
  • ファビコン
  • チェックアウト

オンラインストアのさまざまな部分のカラーを選択できます。

色の設定をカスタマイズする

  1. *の隣にある *[カスタマイズする] をクリックします。

  2. [テーマ設定] をクリックします。

  3. [カラー] をクリックします。

  4. コンテンツのタイプごとに、カラー見本をクリックしてカラーピッカーを使用します。

    テーマエディタのカラーピッカー

- 最近選択されたエリアには、あなたが最近テーマで選択したカラーが表示されます。 - 現在使用されているエリアには、あなたがテーマの別の部分で現在使用しているカラーが表示されます。

カラーを透明に設定するには、[なし] をクリックします。

  1. 保存をクリック

文字体裁

オンラインストアのテキストのフォントスタイルとサイズを設定できます。

文字体裁の設定をカスタマイズする

  1. *の隣にある *[カスタマイズする] をクリックします。

  2. [テーマ設定] をクリックします。

  3. [文字体裁] をクリックします。

  4. テキストのタイプごとに、[変更] をクリックしてフォントピッカーを使用します。

    フォントピッカーの「変更」ボタン

  5. 検索フィールドを使用するか、[さらに読み込む] をクリックしてフォントを検索します。

    利用可能なフォントをすべて表示するには、「Shopifyのフォントライブラリー」を確認してください。

  6. 使用するフォントの名前をクリックします。

  7. フォントを太字や斜体などの別のスタイルに変更するには、[標準] をクリックします。次に、使用するスタイルをクリックし、[選択] をクリックします。

    フォントピッカーで使用可能なフォントウェイトの選択

  8. 保存をクリック

ファビコン

オンラインストアをブランド化するのに役立つお気に入りのアイコンまたは「ファビコン」をアップロードして、次の場所にロゴを表示することができます。

  • ウェブブラウザーのタブ
  • ウェブブラウザーの履歴
  • デスクトップのアイコン
  • ブックマークするときのオンラインストア名の横

Jumpstartの最適なファビコン画像サイズは32 x 32ピクセルです。

  1. [テーマ設定] タブをクリックします。

  2. [ファビコン] をクリックします。

  3. ファビコン画像の領域で [画像を選択する] をクリックし、次のいずれかの操作を行います。

- 管理画面にアップロード済みの画像を選択するには、 [ライブラリー] タブをクリックします。 - ローカルコンピュータから画像を選択するには、 [ライブラリー] タブをクリックし、次に [プラス] ボタンをクリックします。

  1. 保存をクリック

SNS

商品やブログ記事用のソーシャル共有ボタン、ソーシャルメディアアカウントへのリンクを追加することができます。

ソーシャルメディアの設定をカスタマイズするには

  1. Jumpstart を検索して、[カスタマイズ] をクリックします。

  2. [テーマ設定] をクリックします。

  3. [ソーシャルメディア] をクリックします。

  4. ソーシャル共有画像をアップロードするには、ソーシャル共有画像エリアで、[画像を選択する] または [無料の画像を探す] をクリックします。

  5. ソーシャルメディアアカウントへのリンクを追加するには、ソーシャルアカウントエリアで、所定フィールドにアカウントへのリンクを入力します。https://instagram.com/shopifyhttps://twitter.com/shopify 等の完全なリンクを入力してください。

    ソーシャルメディアアカウントへのリンクは、オンラインストアのフッターに表示されます。

  6. 保存をクリック

チェックアウト

このセクションでストアのチェックアウトをカスタマイズすることができます。ストアのチェックアウトページに関する詳細については、こちらをクリックしてください。

ホームページのセクションへのリンク

お客様がストアのホームページを簡単に移動できるように、ホームページのさまざまなセクションに内部リンクを追加することができます。メニューに内部ホームページリンクを追加するには、リンクタイプをURLに設定し、以下のリンクアドレスのいずれかを宛先として使用します。

ホームページセクション リンクアドレス
画像とビデオ /#home-video
テキスト付き画像 /#home-imagebox
アイコン付きテキスト列 /#home-features
リッチテキスト /#home-page
クラウドファンディング キャンペーン /#home-kickstarter
よくあるご質問 (FAQ) /#home-faq
スライドショー /#home-slideshow
商品 /#home-product
最近のブログ記事 /#home-blog
ロゴリスト /#home-clients

Shopifyで販売を開始する準備はできていますか?

無料体験を試す