Using sample templates to create content
Use the HCL Digital Experience Content Composer tool to create content that is displayed in an eSpot in the headless React Store.
Using sample templates to create content
To create content using sample templates, complete the following steps:
- Go to the HCL Digital Experience Content Composer tool.
- Click Create > Content.
- Add the Name for the content.
- For Select Site Area, select the location to save the content.
- For Select Template, select the template that you want to use to create the content. The sample templates are Marketing Content Template and Marketing Video Sample Template.
When you select a template, more fields are displayed based on the template selected. Complete all the fields.
Elements in sample templates
The following elements are used in the Marketing Content Template and Marketing Video Sample Template.
Element | Description |
---|---|
Image | Select and upload an image from DAM (Digital Asset Management). You can also upload renditions for desktop, tablet, and smartphones. |
Image Usage | Use as background image or foreground image. |
Image Alternate Url | Custom URL path for the image. |
Text | Text to be displayed. |
Text Element Width | Select the width for the text element. |
Text Alignment | Set the text alignment. |
Text Element Padding (Desktop) | Set the padding for the text element (Desktop). |
Text Element Padding (Tablet) | Set the padding for the text element (Tablet). |
Text Element Padding (Mobile) | Set the padding for the text element (Mobile). |
Button Link | Add the button link. |
Button Text Display | The text for the button. |
Button Appearance | Set or change the appearance of the button. |
Height (Desktop) | Set the height (Desktop). |
Height (Tablet) | Set the height (Tablet). |
Height (Mobile) | Set the height (Mobile). |
Element Alignment | Set the alignment for the element. |
Border Radius | Set the border radius. |
Drop Shadow | Set the drop shadow. |
Layout Direction | Set the layout direction. |
Ml Translation | Add the multi-lingual translations. |
Element | Description |
---|---|
Video | Select and upload the video from DAM. |
Video Alternate Url | Add the alternate custom URL path for the video. |
Video Poster | Add a video poster image from DAM. |
Video Poster Alternate Url | Add the custom URL path for the video poster. |
Video Usage | Set to use video as background or foreground video. |
Video Autoplay | Enable or disable video autoplay. |
Video Controls | Enable or disable video controls. |
Video Volume | Mute or unmute default video volume. |