更新日時 2020年 10月 19日
HubSpotのCTA（Call-To-Action）詳細オプションを使用すると、ウェブサイトのテーマに合わせて、簡単にCTAボタンを細かくカスタマイズ設定することができます。
注：カスタムスタイルはカスタムボタンのみに適用され、画像ボタンには適用されません。
- HubSpotアカウントにて、［マーケティング］ > ［リードの獲得］ > ［CTA］の順に進みます。
- 既存のCTAの上にカーソルを置いて、[アクション]ドロップダウンメニューをクリックし、[編集]を選択します。右上の[CTAを作成]をクリックします。
-
スライドインパネルで[詳細オプション]をクリックします。
- カスタムCSSスタイルをCTAに適用するには、次の2つの方法があります。
- CTAにカスタムクラスを追加する場合、カスタムCSSクラスフィールドはカスタムクラス入力をサポートします。これが役に立つのは、複数のウェブサイトページにまたがって使用されているCTAで、フォントファミリー、サイズ、パディング、マージンといった類似のデザイン特性のセットを共有する必要がある場合です。カスタムCSSクラスを使用する場合、HubSpotのページのメインスタイルとして適用されるCSSスタイルシートにそのクラスが含まれていて、スタイルが設定されている必要あります。
- 編集中のCTAにカスタムスタイルを適用する場合は、カスタムCSSフィールドで、CTAに固有のインラインスタイルを適用することができます。変更したいCTAの要素がある場合は、変更を保存する前にここに新しいスタイルの宣言を追加します。
- 右下の[次へ]をクリックして、CTAの作成や編集を終了します。