Sitecore Send で作成をしたフォームを Web サイトに埋め込む方法は非常に簡単です。今回はこの手順を紹介します。

前提条件

すでに Moosend / Sitecore Send と利用したい Website を接続する手順が完了している状況とします。メニューで Web サイトを選択すると、以下のようなっている形です。

メーリングリストの作成

購読フォームで受け取るメーリングリストを作成してください。今回は名前とメールアドレスの２つの項目を入力できる、標準のリストのまま進めます。

フォームを作成する

購読フォームを作成するためには、マーケティングツールのサブメニューにある購読フォームをクリックしてください。

購読フォームを作成するボタンをクリックをしてください。購読フォームに関しては３つのタイプが用意されており、ポップアップ、インライン、フローティングバーの３つのタイプがあります。今回は、インラインを選択します。

インラインフォームの作成として、名前をつけてください。この名前は管理用として利用するものとなりますので、わかりやすい名前を付けてください。

続いてデザインを作成する画面となりますが、エディターのボタンをクリックして編集ツールを立ち上げてください。立ち上げると以下のように、いくつかのテンプレートが表示されます。

今回は、以下のテンプレートを選択しました。

購読フォームの文字、マーケティングリストの指定と購読の際に必要な項目を設定して、フォームは以下のような形で仕上がりました。

デザインを完了させたあと、表示設定の画面となります。

上記のページのコードは、Web サイトに記載する必要があります。これは次のステップで利用します。

続いてどこに表示をするのかを指定する形となりますが、すでに実施している Web サイトの接続で連携しているドメインをここでは指定します。

最後に設定の内容に問題ないかを確認して、右下にある公開ボタンをクリックすると、購読フォームが有効になります。

タグを Web サイトに埋め込む

続いて、インラインフォームを作成している途中に表示されたコードを Web サイトに埋め込みます。今回は ニュースレター のページを作成して、コードを埋め込んだ形です。コードを入れただけですが、すでに JavaScript が有効になっているため、以下のようにフォームが表示されました。

まとめ

すでに Sitecore Send / moosend とサイトとして接続されていることが前提となりますが、このような形でサイトにフォームを埋め込むことができました。ポップアップ、フローティングに関しては後日別の記事で紹介します。