smartLP

smartLPでウェブサイトを制作する前に知っておくべきこと

smartLPの基本とレイアウト構築の流れ

smartLPではノーコードエディター上でページを作成することができます。

エディターの基本機能とWebサイト公開までの操作の流れ

smartLP サポート

エディター

キャンバスの拡大・縮小

デバイスごとに編集する

デザイン済みのセクションを追加する

編集中のページのプレビュー

エレメントを並び替える

エレメントを削除する

レイヤーパネルでページの要素一覧を確認する

エレメントをコピー＆ペーストする

基本操作

エレメントを追加する

エレメントのスタイルを編集する

エレメントの表示・非表示を制御する

エレメントの背景を設定する

ページの背景を設定する

レスポンシブ対応されたテンプレートをセクション単位で使用できます

セクションテンプレートを使用する

エレメントのポジション（相対/絶対/固定）のコントロール

最大幅と最小幅の違いを理解しよう

エレメントの最小幅（高さ）と最大幅（高さ）

smartLPではライトボックスを作成することができます

ライトボックスでメニューを作成する

ボックス同士を重ねて入れ子構造を作る

エレメントの親子構造（入れ子構造）

余白（マージン・パディング）を設定する

ネガティブマージンの設定

エレメントのはみだしをコントロールする

エレメントの枠線・輪郭を設定する

エレメントのサイズと単位

エレメントに丸角を設定する

エレメントの透明度を設定する

エレメントにシャドウを設定する

アニメーションを使ってオシャレなWEBサイトを作ろう

エレメントにアニメーションを設定する

ホバー時のスタイルをデザインする

エレメントの自由なレイアウト構築

エレメントの配置を設定する

コンポーネント作成によるデザイン共通化

レイアウト＆デザイン

画像をスムーズに表示させよう

画像をプリロードさせる

画像エレメントの画像を差し替える

画像の挿入スタイル（cover/contain）の切り替え

画像に代替テキストを設定する

画像にフィルターを重ねる

画像をアップロードする

背景に動画のあるボックスを追加する

ページに動画を追加する

画像・動画

テキストを配置する

テキストを編集する

テキストのタイポグラフィを設定する

テキストのフォントを変更する

外部リンクと内部リンクの設定方法

テキストにリンクを設定する

テキストの色を変更する

テキストの改行位置を最適化する

テキスト

インプット要素でフォームを作成する

フォームにインプット要素を追加する

セレクトボックスでプルダウンメニューを作成

フォームにセレクトボックスを追加する

複数選択可能なチェックボックス

フォームにチェックボックスを追加する

１項目のみ選択可能なラジオボタン

フォームにラジオボタンを追加する

フォームから送信された顧客データの確認方法

フォームからの送信データを確認する

入力規則を設定してフォーム上でのエラーを防げます。

インプット要素の入力規則を設定する

フォームのエラー表示のスタイルを設定する

ページにフォームを設置することで問い合わせを管理することができるようになります

フォームを作成する

フォーム送信時にメール通知を受け取る

フォーム送信時に自動返信メールを送信する

フォームフィールド

画像や動画などのコンテンツをスライドを使って表示できます。

カルーセルパーツを作成する

カルーセルアイテムにボックス要素を追加する

カルーセルアイテムに画像要素を追加する

カルーセルアイテムに動画要素を追加する

カルーセル

SEO設定はWEBサイトにとって重要です。ページを公開する前に必ず設定しましょう。

SEO設定を行う

デフォルトフォントをページ全体に一括で指定できます。

ページ全体にデフォルトフォントを適用する

WEBサイトのシンボルとして使われる画像ファイル

ファビコンを設定する

オリジナルのWEBサイトを制作したい方には、Professonalプラン・Enterpriseプランがおすすめです！

公開ページでsmartLPのバナーを非表示にする

SEO対策にはページ毎にメタ情報を設定する必要があります。ページを公開する前に必ず設定するようにしましょう。

ページのメタ情報を設定する

smartLPではWEBフォントを追加して利用することができます。

フォントを追加する

ページ全体に適用されるスタイルを設定することができます。

ページ全体のスタイルを設定する

smartLPで作成したページのコンバージョンを計測したり、ページ最適化を行うには、コンバージョンゴールを設定する必要があります。

コンバージョンゴールを設定する

外部コンバージョンを計測する

トラッキング名を設定する

URLパラメータを引き継いでページ遷移する

カスタムコードを埋め込む

ページ設定

フローティングボタンは、次に取るべきアクションをユーザーに伝え、ゴールまで導く役割を担います。

フローティングボタンを作成したい

ナビゲーションメニューを作成したい

固定ヘッダーでサイト内の回遊を促進できます。

固定ヘッダーを作成したい

キャンバス上にGoogleフォームを埋め込む方法、編集方法を解説

Googleフォームを埋め込む

キャンバス上にGoogleスライドを埋め込む方法、編集方法を解説

Googleスライドを埋め込む

キャンバス上にGoogleカレンダーを埋め込む方法、編集方法を解説

Googleカレンダーを埋め込む

キャンバス上にGoogleMapを埋め込む方法、編集方法を解説

Googleマップを埋め込む

ユースケース

Intercom のサポートやコミュニティのエキスパートに質問し、答えてもらいましょう。