The creative section is where you define the look and feel of the personalization unit. In this article, we will discuss all the options to create a campaign or offer.
Step 1: Choose the URL you want to lead your visitors.
If you want to track clicks on Trendemon units in other platforms (like Google Analytics for example), then you can add utm parameters to your destination URL to indicate that the visitor reached this page by clicking on a Trendemon unit.
Once you add the URL, hit the 'auto-populate' button and the title and image of the page will be added. If you don't want to add automatically the image and title you can add/edit the image and the titles in the customize section as described in 'step 4'.
Step 2: Choose the layout. There are 5 different layouts you can choose.
Lightbox - This will be displayed in the middle of the screen as a layover.
Slider - The campaign will be presented from the side of the page. You can choose if it will be presented from the left or right, and also the height.
Powerbar - The campaign will be displayed as a sticky bar at the top or bottom of the page
Embedded - The campaign will be embedded in the page. Note that to display the embedded unit you will need to add a <div> which you will get in the 'publish' tab.
Full-screen pop-up - The entire screen will be covered with the unit
Step 3: Once you chose the layout, you can choose the style. Each style has a different image size and a place to add the copy. You can see the recommended proportion of the image size in the placeholder. In the example below, the 'slider' layout was picked with this style. If you want to see how it will look on a full page, hit the preview button.
Step 4: Once the layout and style are set, you can customize the unit by updating the design of different elements like: updating the text (of title, sub-title and button), updating font size, changing the colors (of text, background color and button color), customize the layout of the close button and more. You can also update other attributes by changing the CSS of the unit.
There are some differences when creating a form or survey unit but the basics are the same.