---
title: "ウェブテンプレートを使ってウェブ体験のためのコンテンツを作成する"
slug: "create-content-for-a-web-experience-using-a-web-template"
abstract: "ウェブテンプレートを使ってウェブ体験のためのコンテンツを作成する方法について詳しく説明しています。"
---
# ウェブテンプレートを使ってウェブ体験のためのコンテンツを作成する

Sitecore Personalizeは、ウェブ体験のバリアントを作成するためのいくつかのテンプレートを提供しています。これらのテンプレートを使う必要はありませんが、コードをほとんど使わずに素早く始めるのに役立ちます。

ウェブテンプレートを使ってウェブ体験用のコンテンツを作成する方法:

1.  **エクスペリエンス**タイルで「**バリアントを作成**」をクリックします。
    
2.  テンプレート **選択** ペインで、組織に合わせてカスタマイズしたテンプレートリストから使いたい **ウェブテンプレート** をクリックしてください。ほとんどのウェブテンプレートは、ビジネスユーザーが正しいペインに入力できるフィールドを表示するように設定されています。
    
    > !注一部のウェブテンプレートは開発者向けに設計されています。このタイプのウェブテンプレートを選択した場合、[HTML](https://doc.sitecore.com/personalize/ja/users/sitecore-personalize/introduction-to-experiences/introduction-to-web-experiences-in-sitecore-personalize/create-a-web-experience/use-html-in-a-web-experience.html "Use HTML in a web experience")、[CSS](https://doc.sitecore.com/personalize/ja/users/sitecore-personalize/introduction-to-experiences/introduction-to-web-experiences-in-sitecore-personalize/create-a-web-experience/use-css-in-a-web-experience.html "Use CSS in a web experience")、[またはJavaScript](https://doc.sitecore.com/personalize/ja/users/sitecore-personalize/introduction-to-experiences/introduction-to-web-experiences-in-sitecore-personalize/create-a-web-experience/use-javascript-in-a-web-experience.html "Use JavaScript in a web experience")の設定用のタブが表示されます。また、これらのタブを開くには **「詳細編集** 」をクリックしても構いません。
    
3.  該当する場合は、ペインのフィールドのいずれかまたはすべてを記入してください。一部のウェブテンプレートは、フィールドを入力する際に体験の画像や内容を表示するように設計されています。
    
    ![ ](https://doc.sitecore.com/api/markdown-image/personalize/ja/users/sitecore-personalize/images/pers_webtemp.png)
    
4.  **「保存**」をクリックします。
    
5.  ![back.png](https://doc.sitecore.com/api/markdown-image/personalize/ja/users/sitecore-personalize/images/back.png)をクリックしてウィンドウを閉じます。
    

> !注一部のウェブテンプレートは、ゲストが特定の行動を取った瞬間を記録するためにJavaScriptで設定されています。例えば、ウェブテンプレートを追加すると、ゲストがニュースレターに登録するためにメールアドレスを提出するよう促すポップアップウィンドウが表示されます。ウェブテンプレートはゲストがカスタムイベントを通じてメールアドレスを送信したかどうかを記録できます。