フォームビルダー – Globoによるお問い合わせフォーム

この記事には、フォームビルダーおよび使用方法についてご紹介します。この要素を使用できる前提条件は、フォームビルダーアプリがShopifyストアにインストールされていることです。

フォームビルダーをインストールします。

PageFlyをインストールします。

フォームビルダー – Globoによるお問い合わせフォームClick to copy

フォームビルダーを用いてShopifyお問い合わせフォーム、カスタムフォームを作成し、フォームをどこでも埋め込むことができます。お問い合わせフォームをCMSページ、商品ページ、コレクションページ、カートページ、ホームページに簡単に表示することができます。

この要素がライブビューのみに機能します。Shopifyストアテーマにてこのアプリをオンにできます。 

ステップ1ストアにアクセスして、テーマを開きます。

ステップ2カスタマイズをクリックして、テーマ設定埋め込みアプリをクリックしてGloboフォームビルダーを有効にします。contactform

フォームビルダーでフォームを作成する方法Click to copy

ステップ1:ストアのアプリ管理でフォームビルダーアプリにアクセスします。

ステップ2メニューバーフォームをクリックしてテンプレートからフォームを選択します。また、自分のフォームを新規作成することもできます。

contactform

ステップ3:フォームを保存すると、ショートコードが表示されます。このコードコピーしてPageFlyページエディタに使用します。

contactform

フォームビルダー要素のアクセス方法Click to copy

ステップ1:左側のツールバーで第三者要素追加をクリックして、第三者要素編集ボタンをクリックします。

ステップ2インテグレーションポップアップページにて、検索バーに「Form builder 」を入力して検索します。

form builder by globo

ステップ3:ドロップダウンメニューでフォームビルダー要素をクリックしてページエディタにドラッグ&ドロップします。

ステップ4一般タブのGloboフォーム埋め込みコードでコピーしたコードを貼り付けます。

form builder by globo

公開後にライブビューでフォームを確認できます。

contactform

スタイリングタブの構成Click to copy

スタイリングタブでGloboお問い合わせフォーム要素のスタイリングをカスタマイズすることができます。

form builder by globo

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

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Boost Father's Day Sales: Utilize PageFly's templates to create captivating pages that drive results - Discover Now