5.0 Adding a Component Content Instruction

Adding a Component Content Instruction

👥 User Journey

User Journey - Adding a Content Instruction

📘 Steps

1️⃣ Click the pencil icon on the Component

2️⃣ Within the code, place the cursor where a Content Instruction is required

3️⃣ Click the Content Instruction button

4️⃣ Select the Content Instruction type

5️⃣ Picklist only - Click to expand Config section, to change the selector

6️⃣ Click the Confirm

7️⃣ Click Save

:note: Notes

Notice the Content Instruction widget uses the name of the Content type fields and is not editable in the Component Editor screen

A Content Instruction can only be added to a Component if a Content type has been selected

Component Instructions can be one of the following types:

Media Item
Number (integer)
Number (real)
Picklist
Rich Text
Text
True/False

Warnings

Deleting a Content Instruction unlinks the Content Entry field, which can result in page changes when the Task is completed.

The Component cannot be saved if there are errors in the Component Editor, such as with missing content instruction config or syntax

💻 Examples

Example of an SEO Component using Content instruction – a Head Component:

HTML

<title>@SEO.Title</title>
<meta name="description" content="@SEO.Description">
<meta name="keywords" content="@SEO.Keywords">
<meta property="og:title" content="@SEO.Title">
<meta property="og:description" content="@SEO.Description">
<meta property="og:image" content="@SEO.SEO_Image.url">

5.0 Excerpts: User Journey References