You can add components in the email that is being created. The components we provide are as follows:
Text
You can add components in text format. On text format you are able to do settings:
Content : set the text color, font type, font size and line height.
Background & Spacing : set the color background, padding and margin.
Links : set the coloring and underline of links.
Image
You can add components in image format. On image format you are able to do settings as follows:
Content
Source : upload image
Edge to edge : setting of image-size. If you upload image with small size and the edge-to-edge is located on "Yes" setting, then the image will be full-sized from left to right. If the setting sets on "No", then the image will match on its original size.
Align : setting on image position (center, left, right)
Background & Spacing : set the background color, padding and margin.
Links : direct the image direction.
Web : direct to some web, you are simply just entering the URL of your website destination.
Mailto : direct to response to the message sent. User should type email address, subject and the body.
Note: If the recipient uses Outlook email, the image in the form of a gif that is added, currently cannot be displayed in desktop and mobile views.
Button
You are able to add component formed in button to direct to other links. Inside the button, you are able to do setting as follows:
Content
Title : setting on text color, size and type of the font on the button.
Button : setting on title button, radius, background color, width and height.
Border : setting on border size and color.
Align : setting on button position.
Background & Spacing : set the background color, padding and margin.
Links : direct the image direction.
Web : direct to some web, you are simply just entering the URL of your website destination.
Mailto : direct to response to the message sent. User should type email address, subject and the body.
Download
You are able to add component formed in download button, that could use to download on some file. Inside the download button, you are able to do setting as follows:
Select File : to select file that you intend to upload for email recipient.
Content
Title : setting on text color, size and type of the font on the download button.
Download Button : setting on title download button, radius, background color, width and line height.
Border : setting on border size and color.
Align : setting on button position.
Background & Spacing : set the background color, padding and margin.
Image Text
You are able to add component formed in image and text in one component.
Image Text Button
You are able to add component formed in image, text and button in one component.
Social Media
You are able to add component formed social media button (a button that will direct you to your social media account). Just copy your social media profile's URL and paste on it.
Content
You are able to generate content from a web, just simply copy and paste the link of the content. You can do some settings on Content as follows:
Content : It will generate the content with copy and paste the content's URL you desired. Set "Yes" on Load Javascript if you want to process javascript script. Set as "No" if you don't want to process javascript script.
Style contents : set the content location
Show Image : to show the image (content)
Show Description : to show the content's description
Image
Source : to upload image upload gambar
Align : set image position
Title : title writing, setting of title color, font type, font size and line height on content title.
Description : setting on font color, font type, font size and line height on content description.
Background & Spacing : setting on color background, padding and margin.
Catalog
You can generate catalog from a web, as easy as copy and paste the link on the content. Catalogs can you used to add product content in email. In the catalog you can make arrangements like:
Content : generate catalog with copy and paste that you desired in web URL. Load javascript "Yes", if you want to process javascript script. Load javascript "No", if you do not want to process javascript script.
Style contents : layout product settings
Image : displayed image product
Product Name : displayed name product
Price : displayed price product
Rating : displayed product rating
Description : displayed description product
Button : displayed product button
Image
Source : upload image
Align : image layout settings
Product Name : to write the title, and settings on the color, type, text size and line height of the content line.
Price : pricing, and settings on the color, type, text size and line height of the content title.
Rating : rating writing, and rating icon settings.
Description : setting on the color, type, text size and line height of the content description.
Button : setting of product button.
Background & Spacing : setting the color background, padding and margins.
Separator
You can add a separator component. In the separator you can do the settings include:
Content
Color : change the separator color
Size : size of separator thickness
Length % : length separator size
Style : change the separator style
Code
You can add a snippet of html code into your email. But to embed html like youtube, twitter, instagram does not allow added to the email because of the limitations on the email client.
Video
You can generate video content from a web, as easy as copy and paste the link on the content. You can do some settings in the Video as follows:
Content : generate video content with copy and paste the web URL. Load javascript "Yes", if you want to process javascript script. Load javascript "No", if you do not want to process javascript script.
Style contents : content layout settings.
Image : show the image.
Caption : create a title or description text for the displayed video.
Image
Source : upload the image.
Align : image layout settings.
Caption : create title or description of the video, and to setting on the color, type, text size and height line on title.
Background & Spacing : setting the color background, padding and margins.
Links : contains the URL of the displayed video.
Please note: For now the supported video links in the video component are Youtube and Google Drive.
Table
Content
Column : the number of columns in the table.
Row : the number of rows in the table.
Border : setting the color of the lines on the table.
Background : setting the background color and header in the table
Text Formatting : setting on color, font type, font size and line height.
Background and Spacing : setting the color background, padding and margins.
Links : setting the color and underline on the link.
Voucher
Code
Type : setting the type of code whether static, dynamic or import.
Code : determine the code that will be used on the voucher.
Code Length : determine the length of code.
Text : setting color, font type, and font size in the text code.
Text Box : setting the text box on the voucher, including background color, width, height, border color, border width, radius.
Background : setting background type and color.
Discount : setting the amount of discount, and also determines the text to be displayed, the color, type font, font size, and line height.
Expired Date : determine the validity of the voucher, you can also determine the text to be displayed, the color, type and font size, and the line height.
Button
Enable : setting the button whether to display or not.
Content : setting the displayed text and style on the button. Style on the button such as color, font type, font size, radius, background color, height dan width.
Border : setting border on the button, such as color and size.
Link : direct the voucher direction.
Chart
Content
Type : can set bar chart, line and pie type.
Label : labeling the chart.
Data Group
Name : sets the item name on the chart.
Value : gives the value of each chart.
Add Group : To add a data group.
Prepare Chart Data : customize chart contents such as names, labels, values and groups.
Background : setting background type and color.
Note: If the recipient uses Outlook email, the chart component added at this time cannot be displayed in the desktop view.
Barcode
You can generate barcode content. In Barcodes you can make settings including:
Content
Color : you can customize the color on the barcode.
Background : customize the background on the barcode.
Data : input data to generate a barcode.
Width (%) : make barcode size based on percentage.
Align : change the position of the barcode like center, left and right
Generate : to generate data into a barcode.
Background : color settings and padding.
QR Code
You can generate content in the form of a QR Code. In the QR Code you can make arrangements including:
Content
Color : you can customize colors at QR code.
Background : customize the background at QR code.
URL : copy or write the url to generate QR code.
Width (%) : create QR code size based on percentage.
Align : change the position of QRCode like center, left and right
Generate : to generate data into QR code.
Background : color settings and padding.
Time Countdown
You can do generate content in the form of Time Countdown. On countdowns you can make arrangements including:
Content
Exp Date : applies countdown settings.
Width (%) : make countdown size based on percentage.
Type : choose solid coundown type or outline.
Color : choose the colors used black, blue, red and green.
Title : you can do yes or no to display the title
Title name : gives the name of the title.
Style : determine where the title can be Top / Bottom.
Font type : specifies the writing font for the title.
Color : choose the writing color for the title.
Background : color settings and padding.
Note: If the recipient uses Outlook email, the Time Countdown component added, currently cannot be displayed in the desktop view.
Header
You can add a header containing the url to your email content.
Content
Style : to change the position menu (center, left and right).
Image : to add an image to the header.
Source : choose select images from the MTARGET File Manager.
Link Image : use an image based on the url link.
Menu color : customize the color on the menu.
Title : creates a menu title in the header.
Url : add url link in the header menu.