細かくデザインできる
カスタムCSS
カスタムCSSとは？
カスタムCSSは、Lステップの回答フォームのデザインをカスタマイズするための機能です。CSSとは「Cascading Style Sheets」の略で、Webページの見た目を指定するものです。カスタムCSSを使用することで、回答フォームの色やレイアウト、装飾を自由に変更できます。
３つの特徴
-
簡単カスタマイズ
基本的な色変更や画像挿入は、コーディング知識がなくても簡単に行えます。
-
高度なデザイン変更
CSSコードを使用することで、フォームの見た目を大幅に変更することが可能です。
-
柔軟な表現
テキスト、画像、レイアウトなど、さまざまな要素をカスタマイズして独自の表現が可能です。
カスタムCSSを取り入れるメリット
-
導入前
アンケートがシンプルすぎて魅力に欠ける 長文が読みづらい 重要なポイントが伝わりにくい -
導入後
視覚的に魅力的なフォームで回答率アップ 見出しや画像でメリハリをつけ、読みやすさ向上 強調したい部分を目立たせ、訴求ポイントを効果的に伝達 ブランドイメージに合わせたデザインで差別化
カスタムCSSの活用事例
-
インフルエンサー
インパクトのある画像と文字の強調で、目を引くフォームを実現。
-
スポーツジム
メリハリのあるデザインで、クールな印象を演出。
-
美容サロン
ゴージャスな雰囲気と細部までこだわった装飾で、ブランドイメージを表現。
-
税理士事務所
会話形式の表示やイラストを活用し、分かりやすく親しみやすいデザインを実現。
設定も簡単
-
CSSを使いたい回答フォームを開き、下部の「カラー/デザイン設定」をクリックします。
-
その下にある「カスタムCSSを使用」にチェックを入れます。
-
CSSコードを入力する枠が表示されるので、ここへCSSコードを入力します。
詳しい設定方法については、マニュアルや各種サポートをご用意しておりますので、ご安心ください。
各種サポートはこちらからご覧いただけます。
よくあるご質問
- Q. カスタムCSSを使わなくても装飾はできますか？
はい、カスタムデザイン機能で基本的な色変更や画像挿入が可能です。
- Q. CSSの知識がなくてもカスタマイズできますか？
基本的なカスタマイズは知識がなくても可能ですが、より高度なデザイン変更にはCSS知識が必要です。
- Q. カスタムCSSに関する詳しいサポートはありますか？
Lステップのサポートでは、CSSに関する質問に完全に答えきれない可能性があります。ご了承ください。
- Q. フォーム送信後、自動でトーク画面に戻る設定はできますか？
はい、「オプション」の「サンクスページURL」にLINEフォローリンクを設定することで可能です。