CDP 365 User Guide
  • Release Notes
    • 2023
      • January 2023 Release Note
    • 2022
      • January 2022 Release Note
      • February 2022 Release Note
      • March 2022 Release Note
      • April 2022 Release Note
      • May 2022 Release Note
      • June 2022 Release Note
      • July 2022 Release Note
      • Aug 2022 Release Note
      • Sept 2022 Release Note
      • Oct 2022 Release Note
      • Nov 2022 Release Note
      • Dec 2022 Release Note
  • Media Template
    • Set up the algorithm for your template
  • Quick start guide
    • Set up Event Tracking code to track events into CDP
    • How to send mail from email upload?
    • How to create a "Trello Card" using CDP 365
    • How to create "Custom Attributes" with Input via UI feature
    • How to display template on website using CDP 365
    • How to display the Inline template on the website using CDP 365
    • Initialize customer after submitting form
    • How to create a "Destination Channel" in "Dataflows"?
    • Set up "Dataflows" to push data to CDP
    • Set up Dataflow using Google sheet Data Source to update Customer data on CDP
    • How to create "Attribute" for "Customer"/"Visitors"?
    • How to create a new segment?
    • How to create "Customer Journey"?
    • How to check campaign reports?
    • How to create "Report" with “Journey performance” data source?
    • How to create a new "Data sources"?
    • How to create "Data Source" connected with the" Business object" of CDP
    • How to create a Segment Data Source
    • How to create a Google Sheet Data Source
    • How to create "Promotion"/"Coupon"?
    • How to send "Zalo Notification Service" using CDP 365
    • Set up a "Segment" containing emails to be excluded before sending mail
    • How to send "SMS Yondu" using CDP 365
    • How to Send "Viber Yondu" using CDP 365
    • How to Send email using "SendGrid" in CDP 365
    • How to push notification using "Onesignal (App Push)" in CDP 365
    • The performance metrics of the journey
    • How to create a new "Ad Zone"
    • How to Send email using "Amazon SES" in CDP 365
    • How to define zone in website for improve web personalize performance
    • How to push notification "Firebase Cloud Messaging" using CDP 365
    • How to Send SMS using "Telerivet SMS" in CDP 365
    • How to Send SMS using "Klasik SMS" in CDP 365
    • Using "Segment" Data source in Dataflows
    • Set up "Dataflows" to push data to "Google" and "Facebook" Audiences
    • How to send message using "Messenger" in CDP
    • How to push notification "Firebase Cloud Messaging" for Shopify
Powered by GitBook
On this page
  • Media template is an application used to design banner ads displayed on customers' websites
  • Design Template

Media Template

PreviousDec 2022 Release NoteNextSet up the algorithm for your template

Last updated 2 years ago

Media template is an application used to design banner ads displayed on customers' websites

  1. Log into the CDP system, after logging in click the menu in the left corner of the screen

  2. Select the menu as follows: MEDIA TEMPLATE -> Media template

3. After clicking on Media template, the UI is displayed as below

4. Select Blank Template to create a new template

After clicking on Blank Template, then it will show all types for users to choose

After selecting the type, the page design will be displayed as below

SETTING

Click on an empty space outside the page design to set up the general configuration for the media template.

Settings includes 2 parts: Basic and Advanced, Corresponding to each type, there will be different settings

BLOCK

Click the Home button to open the Block panel

Block then 2 types:

Standard: Includes the available blocks of the system. Users can drag and drop into the page design to design media according to their needs (Columns,Text, Image, Button, Optin Fields, Yes/No, Countdown, Video, Coupon Wheel, Spacer, Divider, Icons, HTML)

Saved Blocks: Includes user-created and saved blocks.

COLUMN

Dragging and dropping the COLUMN icon from the block list to the page design will display the interface as shown below.

By default, it will display a 1-column type and display the Setting panel.

  1. Click to drag and drop to change the position of the column

  2. Clicking will display the Settings panel

3. Clicking will duplicate the column and all the contents inside the column. The duplicate column will display below the original column.

4. Clicking will remove the column.

Similar to setting, each block has content and advanced

TEXT

Drag and drop the TEXT icon from the block list into the column to display the interface as shown below.

Default Text: Your Special Bonus Offer // Has Been Unlocked!

There are some actions you could do with the Text block, to do so, hover to the block and choose the action you want.

1,2,4,5 same function as Column

3. Click to save the block. Clicking will display a pop up Save block as shown below if the block has not been saved before.

If the block has been saved, a pop up will appear as shown below

Similar to setting, each block has content and advanced

IMAGE

Drag in the IMAGE icon from the block list to the column to display the Image Selection Popup

Select "Use" to display the image on page design or icon "Remove" to remove the image from the gallery

Select Image from computer: Used to upload images from the client's computer.

After selecting "Use", show image on page design

When hover, display options similar to Text

Similar to setting, each block has content and advanced

BUTTON

Dragging in the BUTTON icon from the block list into the column will display the interface as shown below.

When hover, display options similar to Text

Similar to setting, each block has content and advanced

OPTIN FIELDS

Dragging the OPTIN FIELDS icon from the block list to the column will display the interface as shown below.

Hover in the newly added block will display the actions as shown below similar to Text

Similar to setting, each block has content and advanced

Note: each page has only 1 optin field

YES/NO

Dragging the YES/NO icon from the block list to the column will display the interface as shown below.

Hovering over the newly added block will display actions as shown below similar to Text

Similar to setting, each block has content and advanced

COUNTDOWN

Dragging the COUNTDOWN icon from the block list to the column will display the interface as shown below.

Hovering over the newly added block will display actions as shown below similar to Text

Similar to setting, each block has content and advanced

VIDEO

Dragging the VIDEO icon from the block list to the column will display the interface as shown below.

Hovering over the newly added block will display actions as shown below similar to Text

Similar to setting, each block has content and advanced

COUPON WHEEL

Dragging the COUPON WHEEL icon from the block list to the column will display the interface as shown below.

Hovering over the newly added block will display actions as shown below similar to Text

Similar to setting, each block has content and advanced

Note: only fullscreen and gamified type have block coupon wheel

SPACER

Dragging the SPACER icon from the block list to the column will display the interface as shown below.

Hovering over the newly added block will display actions as shown below similar to Text

Similar to setting, each block has content and advanced

DIVIDER

Dragging the DIVIDER icon from the block list to the column will display the interface as shown below.

Hovering over the newly added block will display actions as shown below similar to Text

Similar to setting, each block has content and advanced

ICONS

Dragging the ICONS icon from the block list to the column will display the Icon Selection pop up as shown below.

Clicking on an icon will display the interface as shown below.

Hovering over the newly added block will display actions as shown below similar to Text

Similar to setting, each block has content and advanced

HTML

Dragging the HTML icon from the block list to the column will display the interface as shown below.

Hovering over the newly added block will display actions as shown below similar to Text

Similar to setting, each block has content and advanced

Design Template