Overview

The Unified Content Editor is your all-in-one solution for creating In-app messages. You can select the ready-to-use template or create from scratch with Editor or Custom HTML.

Netcore CE provides various In-app message campaign templates for specific marketing needs.

To create an In-app message campaign, follow these steps:

1. Select any position under the Content section when you create your campaign.

2. Select the required option to create the content for your campaign.

Unified Content Editor

This feature allows you to create and save custom campaigns for later use.

As you proceed, you see three options on the left pane of the DIY window:

3. Layout

Layout

It helps you arrange basic elements, such as text, images, or buttons, in a visually appealing way. Refer to the table below for the various layouts for your message.

You can drag and drop any layout on the canvas. The right pane has two sections: General and Style, each offering different options.

Refer to the table below to learn more about General options.

General Options	Description	Elements Available
Padding	Adjust the spacing within the template.	Heading, Paragraph, Image, Divider, Spacer, and Social.
Alignment	Align the selected element within the template.	Heading, Paragraph, Image, and Button.
Opacity	Control the transparency within the template.	Heading, Paragraph, Image, Divider, Spacer, Button, and Social.
Thickness	Adjust the thickness of the selected element within the template.	Spacer, Image, Divider, and Button

Refer to the table below to know more about Style options.

Style Options	Descriptions	Available for
Background	Allows you to set background colour or image.	Heading, Paragraph, Image, and Social
Gradient Picker	Allows you to create gradual changes of colour within the template using the Gradient Type and Gradient Direction.Gradient type: It refers to the specific manner in which colors transition within a gradient. Radial: Radiates outward from a center point in a circular pattern. Linear: Transitions in a straight line (horizontal, vertical, or diagonal). Repeat Radial: Repeats the radial pattern across the element. Repeat Linear: Repeats the linear pattern along the specified direction. Gradient Direction: Select the direction for the gradient effect, including top, right, center, bottom, or left.	Heading, Paragraph, and Image
Border	Allows you adjust border thickness, style, colour, and corner radius with Border Settings. Border Thickness: Adjust the width of the border. Border Style: Choose from Solid, Dash, or Dotted for different border appearances. Solid: Creates a continuous, solid line for the border. Dash: Generates a border with a series of short dashes. Dotted: Produces a border made up of evenly spaced dots. Border Radius: Determine the curvature of the border's corners. Border Colour: Select the colour of the border.	Heading, Paragraph, Image, Divider, and Button
Shadow	Allows you adjust shadow blur, opacity, X-axis, Y-axis, and shadow colour with Shadow Properties.	Heading, Paragraph, Image, and Divider

4. Basic Elements

Basic Elements

You can start your template with basic elements like text, image, divider, spacer, and so on.

Refer to the table below to know the description of basic elements.

Section	Elements	Descriptions
Basic Elements	Heading	Select this option to add a heading to your template.
	Paragraph	Select this option to add a message to your template.
	Image	Select this option to insert an image into your template. Customize your template's visuals with these image editing tools. Add Image: Insert an image into your template. Image Size: Adjust the size of the inserted image. Link Image to URL: Make the image clickable by adding a URL, directing users to a specific page when they click on it. Open Redirect URL in: Choose whether the linked URL opens in a new or similar tab. Personalize Image: Customize the image with personalized content.
	Divider	Select this option to separate content sections in your template.
	Spacer	Select this option to add a spacer to your template.
	Button	Select this option to integrate a button into your template. Configure Button: Customize the behavior and appearance of the button element. On Click: Specify what action the button will perform when clicked. Redirect to another page or Close the message. Regarding the Close button, here are the settings: Button Type: Decide whether an icon or text should represent the close button. Delay: Specify when the close button will appear on the message, ranging from 1 to 5 seconds after the message is displayed. Placement: Select whether the close button should appear in the message's right or left corner. Action: Choose how the message should close—either by clicking outside of it or by pressing the Esc key.

5. Forms

Forms

🚧

Coming Soon

This feature will be available soon.

6. Form Elements

Form Elements

🚧

Coming Soon

This feature will be available very soon.

7. Widgets

🚧

Coming Soon

This feature will be available very soon.

8. When your message is ready using your desired elements and settings, click the Live Preview button to see how it will appear on the app.
9. Click the Next button to send your message.

📘

Button close

Now you can edit the X or Close icon in-app by adjusting the colour, style and button type in the body section of Basic elements.

Refer here to Schedule and Save your message campaign.