正しい方法でeコマースウェブサイトを構築する方法

次のような高度なビルダーの助けを借りて、eコマースWebサイトを立ち上げます Shopify.

オールバーズからグッドフェア、アマゾンからターゲットまで、 eコマースストア 中小企業の生活様式に発展すると同時に、あなたや私のような常連の消費者にもインスタントショッピングの機会を提供しています。 製品を発明したり、創造的な新しいビジネスアイデアを開始したいという熱烈な願望は、 シャークタンク そして私たちの注目を争うオンライン広告の弾幕。 製品のアイデアがある場合、またはドロップシッパー、B2B販売者、マーケットプレイスマネージャー、またはその中間になりたい場合は、 eコマースウェブサイト.

私たちは皆、オンラインストアを構築する目標を知っています。それは、ビジネスオーナーになってお金を稼ぐことです。

に入る良い時期です 電子商取引ビジネス また、過去数十年にわたってオンライン販売が一貫して増加している様子を見ると、すべてのオンライン業界に新しいメンバーの余地があることがわかります。

販売予測-eコマースWebサイトの構築方法

さて、大きな質問: eコマースサイトをどのように構築しますか?

開発やマーケティングの学位が必要ですか、それともビジネスの学位が必要ですか?

これらすべての質問に難しいノー。

トレーニングを受けることは害にはなりませんが、私たちのガイドは、コーディングなしで、高度な知識なしで、重要な資本なしで、ゼロからオンラインストアを構築する方法を説明することを目的としています。

eコマースWebサイトの構築方法:必要なもの

オンラインストア構築プロセスを完了するための「正しい」方法はありません。 ただし、サイトの構築を促進するために、いくつかのトリックとツールをお勧めします。 また、次の要素から始めることをお勧めします。

  • ウェブサイトホスティング –これには、月額で支払うSaaS(サービスとしてのソフトウェア)製品が付属している場合があります。 Shopify (全文を読む Shopify レビュー) ウィックス (私たちを読む ウィックスレビュー)、または BigCommerce (全文を読む BigCommerce レビュー)。 その他のサービス(など) WooCommerce およびMagento)セルフホスティングが必要です。 したがって、あなたは 別のホスティングアカウント そのサーバーにWebサイトファイルを追加します。 SaaSソリューションよりも少し複雑ですが、サイトの制御を強化し、コストを抑えることができます。
  • サイトビルダー –繰り返しますが、次のようなソリューション Shopify は、ホスティングとサイトビルダーをXNUMXか月分のパッケージで提供しています。 WooCommerceなどのプラットフォーム用のサードパーティのページビルダーもあります。 基本的に、サイトビルダーはドラッグアンドドロップデザイナーとして機能し、コーディングの知識の必要性を排除し、サイトの起動と管理の能力をスピードアップします。
  • ドメイン名 –ストアのオンラインビジネス名。 ドメイン名は、ホスティングプロバイダーまたはeコマースプラットフォームから購入できます。 これらは通常、年間約10ドルの費用がかかります。 数百ドルまたは数千ドルで購入することは避けてください。 ドメイン名は間違いなく重要ですが、それがあなたのビジネスを成功させたり壊したりすることはありません。
  • ウェブサイトのテーマ –新しいサイトのデザイナーを雇わない限り、テンプレート(またはテーマ)は、ストアを目立たせるために必要なデザインを提供します。 それはeコマースプラットフォームに依存しますが、テーマについて考え始めるのに適した価格は約50ドルから200ドルです。 Webデザイナーがゼロから構築することを検討するずっと前に、テーマから始めることをお勧めします。 そうは言っても、デザイナーは通常、高度なカスタマイズのためにテーマを調整するのを手伝います。 全体として、Webサイトのテーマにより、サイト、ショッピングカート、およびチェックアウトがきれいに見えます。
  • プラグインまたは拡張機能 –プラグインまたは拡張機能は、サイトの機能を拡張するため、開発者が通常とは異なる統合要求を行うために外出して料金を支払う必要がありません。 最も eコマースプラットフォーム ソーシャルメディアからマーケティング戦略、経理から出荷までの製品カテゴリのプラグインまたはアドオンディレクトリを提供します。
  • 潜在的なWeb開発者 – eコマースプラットフォームでデザインの変更を理解できない場合は、Web開発者とデザイナーが役立ちます。 また、特別な価格計算機やソーシャルメディアの統合が必要な場合など、開発者がWebサイト上に独自のツールを作成することもできます。 最後に、開発者とデザイナーは、次のようなeコマースプラットフォームを選択した場合でも、完全なWebサイト構築サービスを提供します。 Shopify。 彼らは単純なウェブサイトを巨大なものに変え、初心者よりもプラットフォームについて多くの知識を持っています。
  • eコマースコミュニティ –次のようなブログをフォローする ecommerce-Platforms.com フォーラム、Facebookグループ、Redditスレッドにサインアップしてください。 人々はインターネット上で常にeコマースについて話し、何を販売するか、どのようにマーケティング計画を進めるか、そしていつさまざまな製品を販売するかについてのアイデアを与えます。

eコマースウェブサイトの構築方法

eコマースWebサイトの構築方法を学ぶ最初のステップは、適切なプラットフォームを見つけることです。

SaaS(サービスとしてのソフトウェア)ソリューションからセルフホストプラットフォームまで、いくつかのオプションがあります。 目標は、オンライン販売者として何が必要か、どのタイプのウェブサイトを運営するかを理解することです。 たとえば、新しい発明の販売には、高速ホスティングと適切なマーケティングプラグインを備えたシンプルなウェブサイトのみが必要です。 ただし、何千もの製品を販売する場合は、大きなカタログのプラットフォームとテーマが必要になります。

また、B2BまたはB2Cショップを作成するかどうかを決定する必要があります。 ドロップシップ製品を購入しますか、それともメーカーから調達して自分で発送しますか? 市場管理や迅速な発送のために特定の機能が必要ですか? これらはすべてあなたの選択に影響を与えます。

幸いなことに、これらの状況の大部分をカバーする最高のeコマースプラットフォームをコンパイルしました。 私たちは使用に焦点を当てます Shopify オンラインストアを構築することですが、他にも多くのオプションがあることを認識することが重要です。

eコマースプラットフォームを選択

定期的に推奨するeコマースプラットフォームのリストを次に示します。 ホスティングからeコマースWebサイトビルダーまですべてを月額料金で受け取るパッケージサービスを提供しているものもあります。 その他には、セルフホスティングが含まれ、より開発者向けのインターフェースを備えた高度なサイト構築ツールがあります。

お気に入りのeコマースプラットフォームについて簡単に説明しますが、詳細については、 市場でトップのeコマースプラットフォーム.

  • Shopify –月額料金を支払い、eコマースツールのスイート全体にアクセスできるサービスプラットフォームとしての万能ソフトウェア。 それは手頃な価格で、初心者にとって簡単で、高度に拡張可能です。 通常、お勧めします Shopify eコマースのウェブサイトを構築する方法を学ぶときに始めるのに最適な場所として。
  • WooCommerce – WordPressWebサイトを完全に機能するオンラインストアに変えるセルフホストのeコマースプラグイン。 WordPressとWooCommerceはどちらも無料ですが、ホスティング、ドメイン、開発などにサインアップする必要がある場合は費用が発生します。 多くの初心者や上級ユーザーは、スケーラビリティと使いやすさからWooCommerceを利用していますが、学習曲線はより急です。 Shopify および BigCommerce.
  • BigCommerce - に似ている Shopify つまり、月額料金を設定するためのeコマースツールの組み合わせを提供します。 BigCommerce 通常、少し混乱します Shopify、しかしそれははるかに多くの組み込み機能を含んでいるからです。 Shopify 必要最低限​​のeコマース機能と、必要なときにアプリを追加することがすべてです。 BigCommerce 必要な機能のほとんどを提供し、多くのアプリ要件を排除します。
  • 爆発 –繰り返しになりますが、Volusionは、オンラインページビルダーを使用してWebサイトを構築する月次サービスソフトウェアを提供します。 それほど人気はありませんが、テーマとドロップシッピングプログラムが気に入っています。
  • ビッグカルテル –月額料金がかなり低く、アーティストやクリエイティブが商品を販売するのに役立つツールを備えた、より安価なeコマースプラットフォームサービス。
  • Ecwid –これはWooCommerceとの組み合わせのようなものです Shopify。 次のようなサービスのメリットにアクセスできます Shopify しかし、WordPressの強力なコンテンツ管理システムを利用できます。
  • 3dcart –シンプルで手頃な価格の代替品 BigCommerce および Shopify。 汎用性は高くありませんが、小規模な店舗では3dcartを楽しんでいくらか節約できます。

アカウントにサインアップ

eコマースプラットフォームでの決済が完了したので、その会社のWebサイトにアクセスしてアカウントを設定します。

このチュートリアルでは、 Shopify.

したがって、 Shopify ホームページ 始めるために。

メールアドレスを入力して、[無料試用を開始]ボタンをクリックします。 すでにアカウントをお持ちの場合は、ログインボタンに進んでください。

でeコマースウェブサイトを構築する方法 Shopify

メールアドレスを入力してパスワードを作成します。 店名を作る。 まだ決定していない場合は、後で変更できます。

その後、[Create Your Store]ボタンをクリックします。

サインアップ-eコマースウェブサイトを構築する方法

この手順はそれほど重要ではありませんが、役立ちます Shopify そのユーザーを理解して。 「すでに販売していますか?」などの質問に記入してください。 と「あなたの現在の収入は何ですか?」 共有したくない場合は、[スキップ]ボタンをクリックしてください。 それ以外の場合は、[次へ]ボタンをクリックします。

ここから、重要な店舗の詳細を確認し始めます。

この情報は、 Shopify アカウント。 一部は、新しい顧客に明らかにされ、店舗のレシートなどに含まれます。

オンラインビジネスと、名前、住所、都市、電話などの個人情報を入力します。

Enter My Storeボタンをクリックして次に進みます。

今あなたは Shopify ダッシュボード。 長年にわたって、 Shopify はダッシュボードを整理し、重要なボタンとステップバイステップの説明のみを表示するように統合しました。

左側にはメインメニューがあります。 ここでは、次のようなタブが表示されます。

  • オーダー 顧客から入ってくるものです。
  • 私たちのプロダクト あなたがあなたの店で作り、販売すること。
  • 導入企業 とその連絡先情報。
  • アナリティクス、販売やサイト訪問者など。
  • マーケティング ソーシャルメディアやメールマーケティングなどのツール。
  • 割引 顧客に販売を与えるため。
  • アプリ サイトの機能を拡張するため。
  • 販売チャネル –現在、オンラインストアが唯一のチャネルですが、Facebook、Amazon、Etsy、eBay、Pinterestなどのオプションを追加できます。

ダッシュボード-eコマースWebサイトの構築方法

ページの中央に向かって、オンラインプレゼンスを完了するためのステップバイステップガイドを見つけます。

最初に注意することは、製品を追加することです。 必要な数の製品を追加できることは明らかですが、ここではXNUMXつのプロセスについて説明します。 これは、eコマースWebサイトの構築方法を学ぶときに不可欠です。

最初の製品を追加する

「製品の追加」ボタンをクリックします。

製品作成ページには、アイテムのタイトル、説明、価格など、より詳細な情報が含まれています。

タイトルと説明を追加して、製品の作成を開始します。 これらはサイトのフロントエンドに表示され、顧客が何を探しているのかを確実に把握できます。 説明的で、タイトルと説明の両方に十分な時間を費やすことが最善です。

これらは検索エンジンで登場するので、検索エンジン最適化戦術を使用することもお勧めします。

説明-eコマースウェブサイトを構築する方法

次に進むと、「メディア」セクションで、新製品を示す画像とビデオをアップロードするように求められます。

売り上げを増やすには、いくつかの高解像度の写真と潜在的なビデオを用意することが重要です。

[メディアの追加]ボタンをクリックして、コンピューターからアップロードします。

ページの右側には、組織モジュールが含まれています。 ラベルを作成して製品を整理および管理し、将来どこに行くのかを簡単に把握できるようにします。 これらは、製品が適切なコレクションやページに自動的に表示されるようにするためにも重要です。

シャツなどの商品タイプを設定します。

ベンダーを入力します。 それがあなたの会社でない場合は、サプライヤーの名前を記入することを検討してください。

XNUMXつまたは複数のコレクションを作成して、将来の組織のために製品を追加します。 人気のある製品をホームページコレクションに配置し、将来さらに多くのコレクションを生成することをお勧めします。 これらは通常、アイテムを追跡する方法です。

タグはオプションですが、商品を見つけて整理するときにも役立ちます。

Product Availabilityの下のManageリンクをクリックします。

チャネルの管理-eコマースウェブサイトの作成方法

これにより、販売チャネルのリストが表示されます。 各製品には独自の販売チャネルがあるため、すべてのアイテムにチャネルを割り当てる必要があります。 今後はさらに販売チャネルを追加する予定ですが、現時点では、[オンラインストア]オプションがオンになっていることを確認してください。

サイトが成長するにつれ、Facebookで一部の製品を販売し、オンラインストアでは販売しないこともできます。 企業は、特に新しいチャネルをテストしているときに、販売チャネルを切り替えるさまざまな理由があります。

製品ページを下にスクロールして、価格設定モジュールを表示します。

アイテムの価格と比較可能な価格を入力します。

アイテムあたりのコストを入力して、マージンを確認することもできます。 ほとんどの場合、[この商品の課税]チェックボックスをオンにします。

在庫エリアでは、在庫管理ユニットやバーコードなどの詳細を要求します。 あなたが持っているアイテムの数量を記入することもできます。

[配送]セクションで、実際の商品かどうかを確認してから、重量、税関情報、バリエーションを入力します。

配送-eコマースウェブサイトの作成方法

バリアントは、サイズ、色、デザインなど、各製品の代替バージョンです。 すべてのバリエーションを入力し、それぞれの価格もマークすることが重要です。

製品作成ページの一番下には、検索エンジンのリストのプレビューがあります。 すべての情報が正確であり、Google検索での表示方法が適切かどうかを確認してください。 調整するには、タイトルと説明フィールドを編集します。 Edit The Website SEOへのリンクもあります。

[保存]ボタンをクリックして、その製品を完成させ、Webサイトに公開します。

オンラインストアの外観をカスタマイズする

eコマースWebサイトの構築方法を学習する際の次の業務は、ストアのカスタマイズです。 ダッシュボードの[ホーム]セクションに移動し、提供されるステップバイステップのXNUMX番目のタブをクリックします Shopify.

[テーマのカスタマイズ]ボタンを選択します。

このページには、現在のデフォルトのテーマと、他のテーマを検索して公開するためのオプションが表示されます。 ページの一番下までスクロールして、他のテンプレートを探します。 通常、Debutテーマはデフォルトでインストールされますが、他のテーマも使用できます。

テーマページ-eコマースウェブサイトの作成方法

XNUMXつのオプションから選択します。無料のテーマを探索するか、テーマストアにアクセスします。 見た目がよく、機能も多いプレミアムテーマを購入することをお勧めします。 ただし、小規模なストアまたはテストストアは、無料のテーマで問題ありません。

最も好きなテーマを選択してください。

テーマをテーマライブラリに追加します。

テーマを追加-eコマースウェブサイトを構築する方法

テーマの追加には少し時間がかかる場合があります。 ダッシュボードに表示されたら、[アクション]> [公開]をクリックして、現在のテーマを置き換えます。

最後に、ポップアップモジュールの[公開]ボタンをクリックします。

[現在のテーマ]で、選択したテンプレートを使用する準備ができていることを確認します。

色、デザイン、ロゴ、製品配置などの要素を変更するには、[カスタマイズ]ボタンをクリックします。

カスタマイズボタン-eコマースウェブサイトの作成方法

Shopify テーマ デザインは「セクション」と呼ばれるアイテムで管理されます。

セクションは、ページデザイナの左側にあります。 この特定のテーマでは、セクションにはヘッダー、スライドショー、コレクションリストなどのラベルが付けられています。

以前の製品がホームページのデザイナーに表示されていることも確認できます。 ホームページコレクションに追加したからです。

セクションについては、ドラッグアンドドロップで移動することは方程式の一部にすぎません。 それぞれをクリックして、特定の設定を確認することもできます。

セクションを含むeコマースウェブサイトを構築する方法

たとえば、[ヘッダー]セクションを選択すると、ロゴ、メニュー、およびヘッダーの他の要素の設定が表示されます。

[画像を選択]ボタンをクリックして、ロゴを追加します。

何千もの設定が Shopify デザイナー。 これらは、設計時に何から始めるかを示す単なる例です。

ご覧のとおり、追加したロゴの背景は白ですが、ヘッダーの背景は黒です。 それを変えましょう。

[テーマ設定]タブに移動し、[色]をクリックします。

ロゴの変更-eコマースウェブサイトの作成方法

ヘッダーの背景の下で、白いロゴに一致するように背景を調整できます。

他の設定をテストするためにセクションを自由に選択してください。

次に、[スライドショー]セクションをクリックします。 この領域では、スライドショーの画像をXNUMXつまたはXNUMXつ以上追加できます。

複数のスライドセクションが表示されます。 最初のものをクリックします。

[画像を選択]ボタンをクリックして、コンピュータから写真をアップロードします。 別の方法として、 Shopify ロイヤリティを支払う必要なしに無料の画像を探索するためのリンクを提供します。

画像を選択-eコマースウェブサイトの構築方法

画像を追加した後、ライブプレビューのスライダーが変わりました。 それはほとんどの方法です Shopify ページビルダー機能–変更を加えてから、公開する前に確認します。 ストアで新しい要素をアクティブ化する場合は、[保存]ボタンをクリックします。

全体として、ページビルダーに戻ってセクションと設定をいじることをお勧めします。 下のGIFは、XNUMXつのセクションを上から下に移動すると、プレビューで即座に結果が表示される例を示しています。 デザイナーは、だれでも学ぶことができる流動的なソリューションです。

eコマースストアにドメインを追加する

サイトの設計には、どれだけの量を投入するかに応じて、数時間または数週間かかる場合があります。 決して見逃してはならないエリアです。そのため、店舗の見栄えを良くできないと感じた場合は、専門家の助けを借りることをお勧めします。

デザインが形になったら、ドメインを追加して、潜在的な顧客があなたの店を見つけられるようにする必要があります。

ダッシュボードに戻り、[ドメインの追加]タブをクリックします。

クリックする別の[ドメインを追加]ボタンもあります。

ドメインを追加するには、XNUMXつのオプションを使用できます。 XNUMXつ目は、既に所有しているドメインに接続することです。 XNUMXつ目は、別のホストからドメインを移管するためのものです。 XNUMXつ目は、ドメインの購入を求めています Shopify.

自分に最も適したプロセスを選択してください。

ドメインを購入する必要がある場合は、希望のドメイン名を入力して、それが売りに出されているかどうかを確認します。

そうでない場合は、再試行してください。

手頃な価格のドメインが見つかったら、[購入]ボタンをクリックします。

ドメインの購入-eコマースウェブサイトの構築方法

ドメインの移管については、以下の手順を実行することを強くお勧めします Shopify。 転送を機能させるには、多くの場合、ホストまたはドメインプロバイダーに確認する必要があります。 全体的に、何をしているのかわからない場合は、カスタマーサポートに相談することをお勧めします。

オンラインストアの支払いシステムを設定する

eコマースストアを作成する最後の重要な部分は、支払い方法です。

Shopify は、数百もの人気のある支払いオプションをサポートしています。 したがって、PayPal、Stripe、Authorize.net、およびその他の多くを通じて支払いを処理できます。

しかしながら、 Shopify を選ぶ人のための率を引き下げます Shopify 支払い処理業者。 あなたは取引手数料を払わず、あなたの店が成長するにつれてあなたのクレジットカードレートを下げる機会があります。

支払い方法の詳細と設定については、ダッシュボードのホームページに戻ってください。

[お支払いの設定]タブをクリックし、[設定の表示]ボタンをクリックします。

このページを下にスクロールすると、いくつかの支払いゲートウェイオプションが表示されます。 支払いゲートウェイを調べて、どちらが適切かを判断してください。 たとえば、一部の企業は、場所や販売されているものに応じて、代替ゲートウェイからより良いレートを受け取ります。 それはすべてあなたのeコマースビジネスに依存します。

一般に、 Shopify 支払い メソッドは、ほとんどのマーチャントにとって効率的で手頃な価格であることが証明されるはずです。

リンクすること Shopify お支払いは、「アカウント設定の完了」ボタンに移動します。

支払いプロバイダー-eコマースWebサイトの構築方法

長いようですが、以下のほとんどのフィールドに入力する方法を知っている必要があります。 全体的に、それはあなたのビジネスの種類、詳細(住所など)、個人の詳細(名前や生年月日など)、製品の詳細、および顧客の請求明細に表示されるものの製品の説明を求めています。

銀行情報-eコマースウェブサイトの構築方法

請求の最後の部分では、銀行情報を要求します。 誰もがこのセクションが正確であることを確認したいと思っていると思います。

ルーティング番号とアカウント番号を入力します。 また、売上のバランスを自動的に取り、毎月の支払いに向けるオプションもあります Shopify 法案。

ルーティング情報-eコマースWebサイトの構築方法

eコマースウェブサイトの構築方法に関する質問はありますか?

オンラインストアフロントを立ち上げるには、規律と献身が必要ですが、デザインスキルの不足や、オンラインで製品を販売したことがないという事実について心配する理由はありません。 のようなソリューション Shopify および BigCommerce および WooCommerce すべての現在の合理化されたプラットフォームは、製品の設計、マーケティング、およびリストの機能を統合します。

すべてを閲覧することをお勧めします Shopify、特にテーマストアやアプリストアでは、調整する新しいボタン、色、詳細設定が常にあるようです。 で、もし Shopify あなたのためにそれを完全にカットしません、次のような選択肢のXNUMXつを考えてください Bigcommerce、Volusion、またはWooCommerce。 それぞれに利点があり、あるインターフェースを他のインターフェースよりも楽しむだけであることに気付く場合があります。 ヘック、私はからのテーマに熱心です Shopify および Bigcommerceなので、それが私がそれらに引き寄せられる傾向がある主な理由です。 ただし、Volusionのデザインの方がはるかに優れていると思うかもしれません。 それはすべて主観的です。

eコマースWebサイトの構築方法についてさらに質問がある場合、または店舗を作っている他の人に提案をしたい場合は、下のコメントセクションにコメントを入力してください。

注目の画像クレジット:robuart /DepositPhotos

ジョー・ウォーニモント

Joe Warnimontは、他の作家の生産性を高め、作品を売り込むのに役立つツールとリソースを作成するフリーランスのライターです。