お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Forms

埋め込みフォームのスタイルを設定する方法

更新日時 2月 13, 2017

最初に、フォームからHubSpotの既定のスタイル設定を削除します。そのためには、[コンタクト数]>[フォーム]を選択し、スタイルを削除するフォームの名前をクリックします。[エンベッド]タブを選択し、[HubSpotのデフォルトスタイルを削除]チェックボックスをオンにします。そして、[エンベッドコードをコピー ]ボタンをクリックし、コピーしたコードを外部サイトに貼り付けます。

User-added image
User-added image

コピーしたコードを外部サイトに埋め込んでHubSpotフォームの既定のスタイル設定を削除したら、外部サイトのCSSファイルでフォームのスタイルを設定します。HubSpotフォームで利用可能なセレクターについては、こちらの記事(英語)を参照してください

また、埋め込みコードを直接編集することでフォームを高度にカスタマイズできます(英語の参考記事はこちら)。ただし、HubSpotフォームの埋め込みコードは最終的なHTMLマークアップのレンダリングにJavaScriptを使用しているので、埋め込みコードの編集にはJavaScriptの知識が必要になります。(英語の参考記事はこちら)。