Creating HTML Creatives for Mobile Application Spots

About HTML Creatives

You can create HTML creatives for mobile application spots. You can edit the HTML source of an HTML creative, embed content from a URL, or add an asset to the creative. You can also add a merge tag to personalize the creative with customer information such as a name, or behavioral information such as a cart total.

Note: Be aware of these limitations with HTML creatives:
  • The maximum allowed size for the HTML in creatives is 299 KB. For performance reasons, the recommendation is to not exceed 40 KB.
  • For HTML creatives, SAS Customer Intelligence 360 collects only impression-viewable events and click-through events.

    Detailed events that happen within an HTML creative (such as form submits, content changes, or click events) are not collected. To collect data from these types of events, the corresponding elements must be part of the page itself and not served as a creative.

Create Creatives

To create an HTML creative for a mobile application spot:

  1. On the navigation bar, click Content Contentthen selectCreatives.
  2. Click New Creative. 
  3. Select HTML.
  4. In the HTML editor, use any of these options to edit the content:
    • Click Undo to undo your changes.
    • Click Redo to redo your changes.
    • Click Select Image to embed content from a URL or add an asset.
    • Click Assets to add an image or an HTML asset from the asset repository.
    • Click Add Merge Tag to personalize the HTML creative for each customer by inserting merge tags or variables. For information about using merge tags and variables in creatives, including syntax details, see Use Merge Tags and Variables to Personalize Creatives.
      Note: Autocomplete does not fully support merge tags with apostrophes ('). If you search for a merge tag that contains an apostrophe, the suggestion contains only the characters that precede the apostrophe.
    TipYou can customize the editor settings by clicking Settings. These settings persist throughout the application.

    For more information about using the HTML editor to create an HTML creative, see Create HTML Creatives.

  5. Click Done.
  6. (Optional) Navigate to the Properties tab to enter a description for the creative.

    The Standard section contains basic information about the creative, such as the name, type, description, category, and code.

    • The Category field is displayed only if the properties available in the system have been assigned a category.
    • The Code field is needed to map treatments from external applications to the creative.

      When a treatment is imported or migrated to SAS Customer Intelligence 360 from an external application such as SAS Marketing Automation, the existing value for the object appears in the Code field. Depending on the code settings for your environment, the code value might be editable. This value is not required to be unique to be valid. If the value is editable, you can change it to match the code value for another item. Valid characters for codes are alphanumeric characters, multi-byte characters, numerals, underscores, hyphens, and periods. Blank spaces are not allowed in code formats.

      The code is also used as the unique identifier for a creative that is delivered by a next best action web or mobile HTML task.

    If custom properties are configured, a Custom properties section is available in which you enter or view information for your custom properties.

    For more information, see Custom Properties.

  7. Click Save, enter a name for the creative, and then click Save.
  8. If you are ready to publish the creative, navigate to the Orchestration tab and update the status:
    • Select Mark Ready to change the status from Designing to Ready.

      Items with a Ready status can be changed back to a Designing status by clicking Return to Designing. Changing this status to Designing prevents the item from being published.

    • Select Mark Ready and Publish to change the status from Designing to Active. Items with an Active status cannot be changed back to Designing.

Use Merge Tags and Variables to Personalize Creatives

About Merge Tags

You can use merge tags to personalize the text of the creative for each recipient. When you enter a merge tag in a creative, the available merge tags are retrieved from uploaded customer data and are displayed consistently across tasks. For example, a creative with a merge tag that displays a customer’s name always displays a customer name when used in a task, regardless of which task it is used in.

You can insert a variable that acts as a placeholder for the merge tag. When you create a task that includes a creative with a variable, you select the merge tag to replace the variable. This functionality enables you to use data that is specified in the task itself (not in the creative) to supply your merge tags. For example, you can use attributes that are specified for task targeting events, task triggering events, or data views.

Here are options for using merge tags:

  • You can select a merge tag or enter merge tag syntax manually.
  • You can enter a default value to use when the merge tag cannot retrieve data. For example, if the user’s identity is not known, you might replace the name with “Valued Customer”.
  • You can add as many as 10 merge tags or variables to one creative. Creatives that pre-date this restriction and contain more than 10 merge tags or variables work. However, once you update a creative, the restriction becomes active for that creative.

Insert a Merge Tag or a Variable

A creative can include both a merge tag and a variable. To insert a merge tag or a variable, you need to be in the HTML editor.

  1. Place your cursor where you want to insert the merge tag or variable.
  2. Click Add Merge Tag.
  3. To add a merge tag:
    1. Select a tag from the list.
      • Click Tree to display a hierarchical folder view of merge tags.
      • Click Expand All to expand all of the folders. Click Collapse All to collapse all of the folders.
      • Click Table to display individual merge tags in alphabetical order.
      Note: If the merge tag is not in the list, you might need to exit the HTML editor and update the information about the Properties tab. For example, you might need to set the category of the merge tag or select the custom merge tag from a list. After you update the Properties tab, save the creative and re-open the editor. To return to the editor, navigate to Contentthen selectLayout and click Edit.
      Note: Alternatively, you can manually enter the merge tag into the HTML code if you do not want to select it from the list. For information, see Enter Merge Tag Strings Manually.
    2. (Optional) In the Default Value field, enter the value to use if the merge tag cannot retrieve data. For example, if a user is not logged on to your website, SAS Customer Intelligence 360 cannot know their identity. As a result, no customer information is available to replace the merge tag. Instead, the default value is used.
      Note: If you use a creative in multiple places, you must use the same default value in every place that the creative is used. Otherwise, do not set a default value for the creative in any place where it is used.
    3. Click OK.
  4. To add a variable:
    1. Click Insert Variable from the Select in task section. The HTML code is updated with a default variable.
    2. (Optional) The variable must start and end with braces. However, you can change the variable name by editing the content within the braces. For example, you can replace
      {{variable1}}

      with

      {{cart amount}}

      or

      {{user name}}

      .

    Note: You will replace the variable with a merge tag when you create the task that includes this creative.
  5. Click OK.

    The merge tag that you inserted retrieves data from the customer table in the data hub. Each customer views personalized content.

For more information about merge tags, see Personalizing Content.

Enter Merge Tag Strings Manually

Instead of inserting a merge tag from a list, you can manually enter the merge tag string:

  1. Enter the merge tag using the correct format.
    • For merge tags that are not journey-related, use this format:
      %%<source>.<category>.<name>%%

      In the merge tag string, these are how the values are defined:

      • source represents the data source
      • category is the data group
      • name is the field name of the data item
    • If your task is part of a journey and you want to use a placeholder from the journey's data, use this format:
      %%JOURNEY.<placeholder name>%%
  2. (Optional) To specify the default value for a manually entered merge tag, insert | | after name and specify a default value within the string:
    %%<source>.<category>.<name>||<default value>%%
  3. (Optional) Override the default number formatting. By default, automatic number formatting is applied to numbers. For example, a string such as a postal code, is displayed as 25,678 instead of 25678.

    To override automatic number formatting, insert $ after the first %% instance in the string:

    %%$<source>.<category>.<name>%%

    In this example, the automatic number formatting is overridden for a postal code:

    %%$DATAHUB.customer.zip%%

Example: Use Variables and Merge Tags to Target Event Attributes

You can use any event and the event attributes to personalize tasks. For example, you can use a mobile spot task to display a personalized message to customers who add a particular product to their cart.

  1. SelectContent Contentthen selectCreatives on the navigation bar and click New Creative.
  2. Click HTML.
  3. In the HTML source, position the cursor where you want to add the variable. Click Add Merge Tag and select Insert Variable. The variable name is inserted in braces.

    The HTML text could be similar to this example:

    Hi,{{variable1}}! We hope you'll love our Super Sandals!

    You can also add the product image to the creative.

  4. Select TasksTasks on the navigation bar and click New Task to create a task.
  5. Click Mobile Spot and follow the prompts to create the task.
  6. On the Content tab, click Select Content and select the HTML creative that you added.
  7. The variable must be associated with a merge tag. On the Targeting tab, select an Add to Cart event. Add an attribute condition that the product name of Super Sandals must be met.
  8. On the Content tab, click Add Merge Tag and select “customer first name” from the Customer Data folder.

When the event, creative, and task are published, customers who add the specified product to their cart will view a personalized creative.

Example: Use Variables and Merge Tags to Target Data View Attributes

You can use merge tags and data views to target attributes such as the product names from multiple events. For example, you can use a task to display the specific product name, quantity, and SKU when one of a number of products is added to a cart.

  1. Select Event TrackingEvents on the navigation bar and click New Event.
  2. Click Add to Cart.
  3. Click Mobile App Action.
  4. On the Event Identifier tab, assign the Mobile Event Key.
  5. Save and publish the new event.
  6. Select Data Views on the navigation bar and click New Data View.
  7. On the Conditions tab, add the Add to Cart events that you have created. The common attributes for both events are listed on the Attributes tab of the data view.
  8. Save and publish the new data view.
  9. Select Creatives on the navigation bar and click New Creative.
  10. Click HTML.
  11. In the HTML source, position the cursor where you want to add the variables. For each variable, click Add Merge Tag and select Insert Variable. The variable name is inserted in braces. You can replace the name in braces with your own text.

    The HTML text could be similar to this example:

    Product: {{product name}
    <p>
    SKU: {{SKU}}
    <p>
    Quantity: {{product quantity}}
  12. Select TasksTasks on the navigation bar and click New Task to create a task.
  13. Click Mobile Spot or Mobile Spot A/B Test and follow the prompts to create the task.
  14. On the Content tab, click Select Content and select the HTML creative that you added.
  15. The variables must be associated with merge tags. On the Targeting tab, select the data view that you created.
  16. On the Content tab, click Personalize Creatives. Click Add Merge Tag for each variable and specify the Product Name, SKU, and Product Quantity attributes.

When the event, data view, creative, and task are published, the correct product information is displayed when a specific product is added to a cart.

Manage Creatives

Rename, Copy, Delete, and Edit a Creative

On the Content Contentthen selectCreatives page, you can rename, copy, delete, and open (for editing) a creative. To access the options, select the creative in the list, and then select the appropriate action.

  • To rename the creative, click Actions and select Rename.

    You can rename a creative regardless of its status. The new name is reflected in all messages and tasks that include the creative. If you rename a creative that is published, it becomes out of sync and must be republished.

    TipAfter you rename a creative that is included in an open message or task, you can click Refresh in the task to see the name change.
  • To copy a creative, select it and click Copy.
  • To open the creative for editing, click it or select the message and click Open Message.

    When you modify a creative that is used in active tasks, be aware of these guidelines:

    • If you add or modify merge tag variables (such as {{variable1}}), you can save the creative only as a new item.

      This restriction does not apply if you remove variables or modify other types of merge tags (such as tags that use demographic data).

    • When you re-publish a creative that has not modified a variable, published tasks begin to use the re-published version of the creative.
  • To delete the creative, click Delete.

    You can delete a creative that is published. You cannot delete a creative that is included in a task. When you delete a creative, the creative is removed from the creatives repository and from any messages that include the creative.

When you open a creative from inside a message, you can access the rename and edit options for the creative. On the Content Contentthen selectMessages page, open the message that contains the creative you want to rename or edit. Select the creative, click Actions, and then select the appropriate action. The changes that you make are applied to the original creative.

Change the Status

To change the status, open the creative and navigate to the Orchestration tab. Depending on the status of the creative, these are the options in the status list:

  • Mark Ready: Changes the status from Designing to Ready. This option indicates that the creative is ready to be published.
  • Return to Designing: Changes the status from Ready back to Designing.
  • Publish: Changes the status from Ready to Active. When you publish an item, you are prompted to publish any dependent items that are marked Ready.
  • Republish: Changes the status from Out of Sync back to Ready. If the content of a published item is changed and saved, that item becomes out of sync with the published version. Republish to synchronize the content. Otherwise, the item stays out of sync with the published version and the updates are not delivered.

    For more information, see Republishing Out of Sync Items.

  • End: Changes the status from Active to Completed. This option prevents the creative from being published. A creative with a Completed status cannot be included in a task. Only a creative that is not currently in use by a task can be completed. Ending an item stops any associated data collection and makes the item's content unavailable. In addition, any unsaved changes to the creative are lost.

View Usage Information

On the Orchestrationthen selectUsage tab, you can view which items use the creative and the items that the creative uses.

The ability to view dependencies between items enables you to see the items that a task depends on to work successfully. Usage information helps you identify how changes that you make to one item might affect another item.

Items That Use the Creative

The first section shows the items that use the creative. For example, if the creative is used in a task, the task is included in the list.

The Priority column displays the priority of like tasks that use the creative. Priority applies only to mobile spot, web spot, and mobile in-app message tasks because each of those task types might have two or more tasks that compete for the same resources. Other task types do not use prioritization.

For non-A/B test tasks, priority is on a scale of 1 through 5 (where 1 is the highest). The default is 3. An A/B test task has a priority of Test, which is higher than a non-A/B test task. An A/B test task always delivers its content.

You can change the priority of a non-A/B test task on the task’s Orchestrationthen selectPriority tab.

Items That the Creative Uses

The second section shows items that the creative uses.

  • Click Directly Related to list the items that the creative uses. For example, if a creative uses an asset, the asset is included in the list.
  • Click All Related to view directly related items as well as any items that those directly related items use. For a creative, the list of directly related and all related items is the same.

    The list displays items with a Designing, Ready, or Active status. Click Show Designing Status only to display only items with a Designing status.

To open an item, click the item. To view item details and to open the item, click View Item Details in the item’s row.

Note: HTML assets that are the content source for mobile spot, web spot, and email creatives are not listed.
Last updated: August 11, 2026