2024年に魅力的なShopify Coming Soonページを作成する方法

最近、売れ筋の製品に関する興味深いブログ記事が注目を集めました。オンラインで販売する新製品を探している場合は、「近日発売」ページの必要性を認識しておく必要があると思います。

ブランド認知度を高めるために、公式ショップのオープンを待つ必要はありません。実際にはもっと早く行うことができ、それは新しいビジネスを立ち上げるときに必要な最初のステップです。

このブログ記事では、 Shopify の近日公開ページの利点、デフォルトの近日公開ページ (Shopify パスワード ページとも呼ばれます) の制限について説明し、PageFly アプリ (認定 Shopify パートナー) を使用して近日公開ページをカスタマイズする方法を学びます。

Shopify Coming Soon ページとは何ですか?

オンラインの世界から離れて、オフラインの世界に移りましょう。新しいビジネスが店舗を立ち上げ始めるとき、店舗が以下の画像のように表示されることがよくあります。

下の例では、ベトナムのハノイにある Vincom ショッピング センターに Zara ブランドが店舗を建設していることがわかります。店舗は現在建設中で、最初の顧客を迎えるために積極的に店舗の準備を進めています。

画像出典: hoahoctro.vn

画像では、「hrcareer.vn@map.co.id」というCTAを配置し、店舗への人材募集を行っていることがわかります。メッセージはシンプルですが的確です。

eコマースの世界では、Shopify の工事中ページは、まだ公開準備が整っていないウェブサイト、ビジネス、または製品のプレースホルダーとして機能する一時的なウェブページです。これは、オンラインプレゼンスの待合室のようなものです。

Shopify Coming Soon ページを編集するには?

コンテンツメッセージを編集するには、オンラインストアに移動して「設定」にアクセスします。テキストメッセージを挿入するフィールドがあります。ここでは、近日公開ページのレイアウトを構成するための定義済み設定はありません。代わりに、テーマの設定にアクセスする必要があります。

次に、ページ レイアウトを調整してページを少しカスタマイズしてみましょう。この例では、 Debut Shopify テーマを使用しました。設定を見つけるには、オンライン ストア - テーマにアクセスし、[カスタマイズ] ボタンをクリックします。

Shopify テーマで「パスワード ページ」を選択し、近日公開ページのレイアウトを編集します。デフォルトでは、ヘッダー、コンテンツ、フッター領域が表示されます。これらの設定はこのテーマに付属しており、他の Shopify テーマに切り替えると異なる場合があります。

コンテンツ部分には、見出し、ニュースレターのプレースホルダー テキスト、ニュースレター ボタン テキストの 3 つだけが含まれます。このページを編集するための設定はこれ以上ありません。

「ヘッダー」セクションでロゴを自分の見た目に置き換えたい場合があります。背景色を編集したい場合は、「テーマ設定」を選択してください。

他の要素を編集するオプションもあります。使用している Shopify テーマに関連する設定はストアにあることに注意してください。

訪問者が Shopify の近日公開ランディング ページからメール アドレスを入力すると、サンキュー メッセージが表示されます。これは非常に便利なユーザー フローです。このようにして、すべての「リード」のメール アドレスを収集し、ショップがオープンしたときに通知することができます。

購読者の連絡先がどこに保存されるのか疑問に思うかもしれません。すべてのメール リストは、 Shopify の顧客設定で確認できます。

したがって、ストアを立ち上げる準備ができたら、そのページからリストをエクスポートし、Mailchimp、GetResponse などの電子メール サービスを使用して電子メール キャンペーンを送信します。

ただし、このチュートリアルは上級レベルのユーザー向けに作成されており、その場合、公式の Shopify サポートではカバーされないことに注意してください。

上記の情報からわかるように、ページ設定は非常に基本的なもので、レイアウトは非常にシンプルです。画像、ビデオ、その他のコンテンツを追加して、異なるレイアウトを構築したい場合はどうすればよいでしょうか。

「近日公開」ページを販売ランディング ページとして作成し、最初の顧客バッジを獲得することもできます。私たちの場合、パラメータの設定と必要な追加コーディングだけで、これを迅速に実行することはできません。

解決策は 、マーケットプレイスのShopifyアプリを使用することです。キーワードクエリ「ページビルダー」を使用するだけで、マーケットプレイスで入手可能でShopifyチームによって承認された多くのソリューションが見つかります。

次のセクションでは、Shopify ランディング ページ ビルダーである PageFly を使用して、Shopify の近日公開ページを編集する方法を説明します。

Shopifyの工事中ページの利点

実際に近日公開ページの詳細を掘り下げる前に、なぜそのページが必要なのか、そしてそのページからどのようなメリットが得られるのかを自問してください。それは、将来の顧客のユーザー エクスペリエンスから始まります。

店舗オーナーとして、街中で店舗に適した場所を見つけ、そこに店舗を建設するという日常的なケースを考えてみましょう。通常、グランドオープンを大衆に知らせる大きなバナーを掲げます。これがグランドオープン前のブランド認知というメリットの 1 つです。

次に、Shopify の近日公開ページがオンラインになると、Google ボットによってインデックスされます。この場合、顧客が Shopify ストアを見つけて簡単にアクセスするためのもう 1 つのファンネルを取得できます。そのため、近日公開ページを作成するときは、本物のページ タイトル、説明、およびユーザー フレンドリーな URL を記述することを忘れないでください。これが 2 つ目の利点です。

3 つ目のメリットは、近日公開ページをリードの連絡先を収集するページとして使用することです。連絡先は、電子メール アドレス、電話番号、名前などです。Mailchimp、GetResponse、Mad Mimi などのサービスに接続するだけで、近日公開ページの Shopify と電子メール自動化マーケティング システムのデータを自動的に同期できます。

さて、近日公開ページを作成することで得られる 3 つの主なメリットについて説明しました。それでは、セットアップの基本に進みましょう。

>>> 製品ランディングページの例からさらに多くのアイデアを得る

PageFly を使用して Shopify で近日公開ページを作成する方法は?

ここで、PageFly アプリを使用して、近日公開のランディング ページを構築してみます。ページの [取得] ボタンを押すと、マーケットプレイスからすぐに直接インストールできます。Shopify ストアにログインして、アプリのインストールを開始していることを確認してください。

PageFly アプリで新しいページを作成する場合、定義済みのランディング ページ テンプレートを選択するか、最初から作成するかを選択できます。以下の PageFly クイック ツアー ビデオでは、PageFly の概要と、近日公開ページに加えて PageFly で作成できるページの種類について説明します。

PageFly を使用すると、PageFly のドラッグ アンド ドロップ ワークフローを使用して、近日公開ページ (パスワード ページとも呼ばれます) を簡単に作成できるようになりました。Shopify ストアと PageFly アプリ間の仕組みを理解するには、この 2 分間の短いビデオ チュートリアルをご覧ください。

PageFly Shopify アプリには、 Shopify の構築中ページ テンプレートが多数用意されているため、簡単に独自のページの構築をすぐに開始できます。

上記の情報過多により、eコマースビジネスをすぐに開始できると私は信じています。そして、最初に行うべき正しいことは、eコマースストアの近日公開ページを作成することです。

Shopify 近日公開ページの例

オンライン ストア用の Shopify 近日公開ページを作成するためのさらなるインスピレーションを提供するために、さまざまなビジネス分野からいくつかの例を選択しました。一部の例は実際の店舗からのものです。

通常、このページには、見出し、サブ見出し、テキスト段落、リードを収集するための連絡フォーム、ソーシャル アイコン、およびコントラストの背景が含まれます。

最後の 2 つの例でお気づきかもしれませんが、近日公開ページにはカウントダウンが表示されています。カウントダウン要素は、Shopify の近日公開ページでのコンバージョン率の最適化に重要な役割を果たします。

私たちの場合、「コンバージョン」とは、ページ上の「リードメール」を意味します。開封プロセスを制御できる場合、早期導入者を獲得する最善の方法は、カウントダウンをテーブルに置くことです。

効果的なメールキャプチャランディングページでリードを獲得する方法の詳細については、次のチュートリアルをご覧ください。

さらに読む:

• Shopifyストアのパフォーマンスを測定する方法
• 最も収益の高いShopifyストアを見つける方法とそこから学ぶこと
• カスタマイズされた商品ページで買い物客をコンバージョンさせる方法