この記事には、フォームビルダーおよび使用方法についてご紹介します。この要素を使用できる前提条件は、フォームビルダーアプリがShopifyストアにインストールされていることです。
フォームビルダーをインストールします。
PageFlyをインストールします。
フォームビルダー – Globoによるお問い合わせフォーム
フォームビルダーを用いてShopifyお問い合わせフォーム、カスタムフォームを作成し、フォームをどこでも埋め込むことができます。お問い合わせフォームをCMSページ、商品ページ、コレクションページ、カートページ、ホームページに簡単に表示することができます。
この要素がライブビューのみに機能します。Shopifyストアテーマにてこのアプリをオンにできます。
ステップ1:ストアにアクセスして、テーマを開きます。
ステップ2:カスタマイズをクリックして、テーマ設定で埋め込みアプリをクリックしてGloboフォームビルダーを有効にします。
フォームビルダーでフォームを作成する方法
ステップ1:ストアのアプリ管理でフォームビルダーアプリにアクセスします。
ステップ2:メニューバーでフォームをクリックしてテンプレートからフォームを選択します。また、自分のフォームを新規作成することもできます。
ステップ3:フォームを保存すると、ショートコードが表示されます。このコードをコピーしてPageFlyページエディタに使用します。
フォームビルダー要素のアクセス方法
ステップ1:左側のツールバーで第三者要素追加をクリックして、第三者要素編集ボタンをクリックします。
ステップ2:インテグレーションポップアップページにて、検索バーに「Form builder 」を入力して検索します。
ステップ3:ドロップダウンメニューでフォームビルダー要素をクリックしてページエディタにドラッグ&ドロップします。
ステップ4:一般タブのGloboフォーム埋め込みコードでコピーしたコードを貼り付けます。
公開後にライブビューでフォームを確認できます。
スタイリングタブの構成
スタイリングタブでGloboお問い合わせフォーム要素のスタイリングをカスタマイズすることができます。
スタイリングタブに関する詳細な情報は、こちらをご参照ください。