Shopify要素–検索フォーム

Content

この記事には、検索フォーム要素および使用方法についてご紹介します。

検索フォーム要素について

検索フォーム要素は、顧客がストアのものを検索しやすいように設計されており、コンバージョン率を高める要素です。検索は、顧客がストアを閲覧する時、特に販売対象に多くのアイテムが含まれる場合に、よく行う基本的な操作の1つです。

PageFlyページビルダーで検索フォームをどのページにも追加することができます。こちらでPageFlyを無料でインストールすることができます。

ステップ1：要素カタログでShopify要素追加機能である3つ目のアイコンをクリックします。

ステップ2：ドロップダウンメニューで検索フォーム要素をクリックします。

ステップ3：対象の要素をページエディタにドラッグ＆ドロップして使用します。

検索フォーム要素には3つのバリエーションが含まれていますが、お客様が時間を節約できるように、新規のバリエーションを追加していきます。

サイドバーメニューだけではなく検索機能を使用することで要素も見つけられます。

検索フォーム要素には、アピアランスを微調整して最高のコンバージョン率を取得できる多くのパラメータがあります。

レイアウントで要素を選択して含まれるパラメータを確認できます。

この要素に固有のパラメータは一般タブおよびスタイリングタブに入ります

一般タブの構成
商品のみを検索する：検索範囲を商品のみとするように有効/無効にします。
入力フィールド：入力フィールドのプレースホルダを設定します。
検索フォームボタン：検索ボタンに次のタイプから選択します。それは「アイコンのみ」、「テキストのみ」、「テキストとアイコン」です。

属性パラメータ、可視性パラメータ、アニメーションパラメータに関する詳細情報はこちらをご覧ください。

スタイリングタブでフォーム、検索フォーム入力、検索フォームボタンにスタイリングを別々に設定することができます。

スタイリングタブに関する詳細な情報については、こちらをご参照ください。