Squarespaceにアナウンスバーを追加する方法

Squarespaceのウェブサイトにアナウンスバーを追加すると、今後のイベントやお得な情報、セールについて訪問者に知らせる場所を設けることができます。このシンプルなアドオンを使えば、クリック数を増やし、売上を伸ばし、閲覧体験を妨げることなく訪問者に情報を届けられます。 

アナウンスバーは、期間限定セールの宣伝や、発売したばかりの商品の告知に活用できます。また、送料無料のお知らせや、オーディエンスへのクーポンコードの共有にも最適です。よく設計されたバナーは緊急感を生み出し、コンバージョンを促進し、直帰率を下げます。 

ウェブサイトにアナウンスバーを追加したいですか？Squarespaceには、特定のプランで利用できる組み込み機能をはじめ、いくつかの実現方法があります。ただし、ネイティブのオプションはカスタマイズ性や長さにあまり対応していないため、多くの場合は他のオプションの方が好ましいかもしれません。ありがたいことに、「Squarespace 固定バナーの追加」といったフレーズをオンラインで検索して時間を無駄にする必要はもうありません。

本ガイドでは、Squarespaceにアナウンスバーウィジェットのアドオンを埋め込む方法を解説します。従来のオプションに加え、より簡単でコスト効率の高い代替手段についても詳しくご紹介します。 

Watch on youtube

How to Add an Announcement Bar to Squarespace

オプション1：プレミアムなSquarespaceマーケティング拡張機能をインストールする

カスタムアナウンスバーを追加する際、Squarespaceのユーザーは通常、サードパーティのマーケティングアグリゲーターアプリを利用します。一般的な選択肢としては、Hello Bar、Elfsight、SmartBarなどがあり、いずれも高度なマーケティング機能を備えています。ほとんどのプラットフォームは、同様のセットアップ手順に従います。

ステップ1：プラットフォームを選ぶ

お好みのマーケティングプラットフォームでアカウントを作成し、キャンペーンに合ったアナウンスバーのテンプレートを選びましょう。前述のプラットフォームは、選択肢を調べるうえで良い出発点となります。各プラットフォームが提供する機能を比較し、支払う費用に見合った十分な価値が得られるか確認しましょう。 

ステップ2：バナーを設定する

プロモーションテキストやCTAボタンを追加して、バナーをカスタマイズしましょう。カウントダウンタイマー、カラー、ブランディングなど、その他の要素も追加できます。ほとんどのプラットフォームでは、バナーをウェブサイト上のどこに、いつ表示するかを設定できます。バナーの見せ方をカスタマイズして、ブランドに合うように調整しましょう。  

ステップ3：サイトに埋め込む

生成された埋め込みコードをコピーし、提供元のインストール手順に従ってSquarespaceのウェブサイトに追加します。多くのサードパーティ提供元は強力なマーケティングツールを提供していますが、その分ソフトウェアのコストが増加します。 

一部の提供元は制限付きの無料プランを用意していますが、より高度な機能を利用するには料金を支払う必要があります。たとえば、Elfsightの無料プランではポップアップの表示回数が200回に制限され、Hello Barの無料プランでは5,000回に制限されます。どちらのプラットフォームも、無料プランではポップアップにウォーターマークが追加されます。複数のウィジェットを追加すると、ソフトウェアのコストが上昇し、マーケティング予算を圧迫します。 

オプション2：無料でカスタマイズ可能なアナウンスバーウィジェットを追加する（推奨）

無料のhello bar風Squarespaceウィジェットの方が優れた選択肢です。月額サブスクリプションを追加することなく高度な機能を利用したい場合は、Jotformアナウンスバーウィジェットをご利用ください。当社のホスト型ソリューションでは、使いやすいビジュアルエディタを通じてプロフェッショナルなアナウンスバーを作成し、Squarespaceのウェブサイトに埋め込むことができます。  

Squarespaceのプロモバナーの代替手段を追加する手順を、ステップごとに解説します。 

ステップ1：ウィジェットを開き、要素を選ぶ

Jotformアナウンスバーウィジェットを開き、バナーを作成します。プロモーションメッセージとCTAボタンを追加しましょう。当社のウィジェットでは、カウントダウンタイマーやクーポンコードなど、その他の要素も追加できます。次回のキャンペーンやセールに向けて、ウィジェットの各要素を簡単に戻って調整することができます。 

ステップ2：好みに合わせて設定する

ウェブサイトに合わせて外観をカスタマイズしましょう。カラー、フォント、ボタンスタイルなどの要素を調整できます。バナーはアドオンのように見えるのではなく、ウェブサイトにシームレスに溶け込んでいると感じられるべきです。Jotformなら、その一体感のある見た目を簡単に実現できます。

ステップ3：コードをサイトにコピーする

ウェブサイトで無料で試すボタンをクリックし、生成されたコードをコピーします。

それをSquarespaceのコードブロックに貼り付けます。変更を公開すれば、アナウンスバーが表示されます。手順はこれだけです。 

Jotformを使えば、ソフトウェアの継続的な費用を追加することなく、アナウンスバーをより細かくコントロールできます。目を引くプロモーションを作成し、カウントダウンタイマーを表示して、サイト訪問者に今すぐ行動を起こすよう促せます。Squarespaceでカスタムコードブロックを利用するには、Core、Business、またはCommerceのいずれかのプランが必要です。適切なプランを用意すれば、Jotformのウェブサイトウィジェットを手間なく追加できます。

スマートでサーバーレスなウィジェットでSquarespaceサイトを強化する

アナウンスバーは、Squarespaceのウェブサイトを改善する方法のひとつにすぎません。適切なウィジェットを追加することで、エンゲージメントを高め、コンバージョンを向上させるとともに、訪問者がサイト内をより簡単に移動できるようサポートできます。ウィジェットは、費用面でもデータ面でも低コストなので、サイトの速度を落とすことなく主要な機能を追加できます。 

Jotformのウェブサイトウィジェットには、Squarespaceユーザーに役立つ数多くのツールが含まれています。

• リードの獲得
• 商品のプロモーション
• カスタマーエクスペリエンスの向上

サーバー環境の外で動作し、ウェブサイトにシームレスに統合できる軽量なウィジェットを埋め込めるのに、複数のプレミアムアプリに料金を支払って予算を浪費する必要はありません。 

目的に応じて、次のようなウィジェットを追加しましょう。

• ウェブサイトを離れることなくリードを獲得できるお問い合わせウィジェット
• 緊急感を生み出し、ユーザーに今すぐ行動するよう促すカウントダウンウィジェット
• ニュースレターへの登録を促すポップアップウィジェット
• 顧客の意見を収集するフィードバックウィジェット
• スケジュール管理を簡素化する予約受付ウィジェット
• 最新のコンテンツを紹介するソーシャルフィードウィジェット

目標の達成をサポートし、自分のやり方でオーディエンスとつながれるウィジェットを選びましょう。Jotformのウェブサイトウィジェットは、エンゲージメントを高め、ウェブサイトの管理を簡素化します。 

ウェブサイトの作り方をまだ学んでいる段階でも、柔軟なウィジェットを追加すれば、サイト全体を作り直したり高価なソフトウェアを購入したりすることなく、機能を簡単に向上させることができます。 

不要なサブスクリプションは、マーケティング予算を台無しにします。Jotformのアナウンスバーウィジェットなら、ネイティブツールの制約や多くのサードパーティプラットフォームのコストに縛られることなく、魅力的でコンバージョン率の高いプロモーションバナーを作成できます。最適なJotformとSquarespaceの連携があなたに何をもたらせるか、ぜひお確かめください。