hubspot

【HubSpot使い方講座】LP作成にコーディングは必要なし!?

 ランディングページはみなさんご存じだと思いますが、ユーザーが検索エンジンや広告からアクセスしてきたときに最初に表示されるページのことで「LP」とも呼ばれていますよね。

マーケティングツールの使い方第二弾として今回は「ランディングページ」作成機能について紹介します。

今日のアジェンダは

  • HubSpotのテンプレートデザインは豊富!?
  • ランディングページの作成はCMSで!
  • Tips!特定ユーザー向けに動的なコンテンツ!

※そもそもHubSpot(ハブスポット)ってどういうもの?という方は【HubSpot使い方講座】インバウンドマーケティング?「HubSpot」ってなに?を参考にしてください。


目次[非表示]

  1. 1.HubSpotのテンプレートデザインは豊富!?
  2. 2.ランディングページの作成はCMSで!
  3. 3.Tips! 特定ユーザー向けに動的なコンテンツ!


HubSpotのテンプレートデザインは豊富!?

 ランディングページ(LP)を作成する時って、デザイン面でどんなデザインにするのか迷いませんか??

HTML / CSSのコードが書ける人でも一からデザイン・構成などを考えて作り出すと結構大変ですよね。

HubSpot(ハブスポット)の「ランディングページ」作成機能ではHubSpot(ハブスポット)側が用意したテンプレートがありますので、デザイン・構成の選定に時間をかけずランディングページ(LP)のコンテンツに時間をかけるようにしましょう。

また、一度使ったテンプレートは「最近使用した」テンプレートに含まれますので、次にランディングページ(LP)を作る時にも探す手間が省けます。

有料にはなりますが、マーケットプレイスで販売しているテンプレートもありますので、無料のテンプレートではイメージが合わないということであれば有料版から探してみてくださいー


ランディングページの作成はCMSで!

 HubSpot(ハブスポット)のランディングページ(LP)作成機能ならCMS機能を持っているので、作成・修正が簡単!

しかもテキスト形式の領域はリッチテキストなので、フォント・文字サイズ・文字色 / 背景色・文字の位置など様々な書式設定も変更が可能。

画像・表・リンク・動画・ボタンなども簡単に追加ができます。

ランディングページ(LP)に必要なボタンに関しては、ボタン作成の機能(CTA)が別メニューにありますので、Photoshopでボタン画像作って、ファイルアップして・・・。などの作業は一切必要ありません。すべてHubSpot(ハブスポット)上で完結できます。

また、ブログ機能の紹介の時にも出てきましたが、ランディングページでも「最適化」の機能が使えますので、SEO対策をし忘れる・・・なってことはないと思います。

ランディングページ(LP)を公開した後に、A/Bテストをしたい!といった要望が出てくると思いますが、こちらもまったく問題ありません!

A/Bテストの設定もランディングページ(LP)を作成するのと同様にCMSを使って設定するだけ!何をA/Bテストしたらいいのかわからない方向けのアドバイス機能もあります。


Tips! 特定ユーザー向けに動的なコンテンツ!

 あまり聞きなれない表現ですがHubSpot(ハブスポット)には「スマートルール」というのがあります。

簡単に言えば、ランディングページ(LP)のコンテンツを特定ユーザーに対して変更ができる。というものです。

通常であれば、一般向けのランディングページ(LP)と特定ユーザー向けのランディングページ(LP)を作り、プログラム側で分岐させるようにすると思いますが、この「スマートルール」を使えば、それも簡単。

リファーラルタイプ(流入元)やコンタクトのライフサイクルステージ(リードなのか商談顧客なのかなど)でも設定できるので、複数ページを作る手間が省けます。

顧客に合ったコンテンツを表示することができるので非常におススメです!



ECXサイト編集部
ECXサイト編集部
トランスコスモスのECX本部が運営するサービスサイト「ECX」編集部です。コーディング、WEBデザイン、SEM、UI改善などの実務経験豊富なメンバーで執筆・運営・管理をしております。

Shopify(ショッピファイ)ストア構築・制作、
運用代行についてお問い合わせ

Shopifyアプリ解説・紹介記事

ShopifyのECサイト制作ならトランスコスモス

トランスコスモスは、Shopifyを使ったECサイト制作から、調査分析・戦略立案、WEB広告(SEM)、ECサイト制作、お客様サポート、受発注、フルフィルメントまで業務設計・運用代行いたします。

トランスコスモスのEC全領域を網羅するサービス


セミナー動画視聴


EC関連サービス

数字で見るトランスコスモスの強み

数字で見るトランスコスモスの強み
お気軽にお問い合わせください

Shopify(ショッピファイ)
ECストア構築・運用代行

実績豊富なトランスコスモスへぜひご相談ください
ECソリューションをお届けするサービスサイト

トランスコスモス株式会社
CX事業統括
ECX本部

〒150-0011
東京都渋谷区東1-2-20
渋谷ファーストタワー
050-1751-7700(代表)

経済産業省が定める「DX認定事業者」
トランスコスモスは経済産業省が定める「DX認定事業者」
トランスプラス
トランスコスモスの全社的な情報を発信するオウンドメディア
cotra
コンタクト/コールセンターに携わる方への情報サイト
法人向けメタバース情報メディア
「メタバース情報局 by transcosmos」
トランスコスモス株式会社
企業サイト(コーポレートHP)
Global Digital Transformation Partner.
お客様企業のデジタル・トランスフォーメーション・パートナー。
shopify構築・制作・運用