Design
After we choose the âCustom campaignâ option on the Wizard page or choose âContinue in editorâ while creating the predefined campaigns, we are getting into the editor.
Here we have several important areas we need to know about:
Campaigns name and statistics: here you can name the campaign, see the setup domain, and the relevant performance statistics (impressions, clicks, and CTR).
Design, audience, and rules - are the three sections we have. Each one has its own unique settings, that allow you to customize the campaign in the best way to suit your needs. In this article, we are going to talk about the Design section.
For more information about the Audience section - link
For more information about the Rules section - link
Canvasâ settings bar - here we also few different sections. This is the bar with the âbig settingsâ - from here we can add different elements to our campaign, set up the position, manage our canvasâ color, etc.
By clicking on the âElementsâ button youâll be able you add a lot of different kinds of elements. Using and editing most of them is a very easy and intuitive process.
The following elements are the more complicated in editing and we believe that the following articles can be useful for you:
Form
Carousel
Discount code
Ecommerce
Spinner
BG - here you can manage your canvasâ and background colors. Pay attention, that by default, when we create a new campaign the background opacity is bigger than 0. It means that when the campaign will appear, the background will disable clicking on something on the website page except the campaign. If this behavior is not fit your needs, you can reduce the opacity to 0 in the backgroundâs color settings.
By clicking on the âPositionâ button we can find settings that determine in which way our campaign will be implemented into the structure of the webpage. Weâve prepared a separate article regarding that - link.
Canvas - this is our main working area. Here weâll place our elements.
Note: weâll always try to place all elements inside the canvas. Placing elements outside the canvas can badly affect the campaign appearance on your website page.
Campaignâs size and devices - here we can change the canvasâ size and switch between two devices: desktop and mobile. Also, here we can add steps to our campaign. An additional possibility in this section is creating responsive campaigns.
Note: while creating a responsive campaign in this way, all our elements still must be between the blue lines. The responsive outside parts will be painted with the same color as the canvas.
âPublishâ button: here you can publish the campaign or schedule it. We recommend doing it only after you passed through all three sections.
Elementâs setting: when you click on any element youâve added to the campaign, a right bar will appear. Here you can customize the element as you wish.
We want to highlight that every element, except the canvas itself, can become clickable. To set up it we need to click on the element, then click on âLink optionsâ in the right bar:
Then another tab will be opened where we are asked to select where we want to transfer our customer to:
Please, pay attention, that if we select an option that requires a phone number, the number should be in international format e.g. +972********* for Israel.
Another interesting setting we can see here is the âOn clickâ option:
It allows us to do two things:
set up what will be copied to the userâs clipboard.
Customize the elements\campaignâs behavior with a custom code. If you are familiar with coding or you have someone who is in your team - you can create this code by yourself and make your campaign as much unique as it is possible.
Also, from this bar, you can make your campaign accessible (Click in this link to read more):
Elementâs visibility per device: we use the âconnecting elementsâ system, which means that every element you add you your campaign, will appear in both devices. If you wish to prepare a different design for each device, you can choose which element will be shown on which device, click on this link to read more.
Here we have several important areas we need to know about:
Campaigns name and statistics: here you can name the campaign, see the setup domain, and the relevant performance statistics (impressions, clicks, and CTR).
Design, audience, and rules - are the three sections we have. Each one has its own unique settings, that allow you to customize the campaign in the best way to suit your needs. In this article, we are going to talk about the Design section.
For more information about the Audience section - link
For more information about the Rules section - link
Canvasâ settings bar - here we also few different sections. This is the bar with the âbig settingsâ - from here we can add different elements to our campaign, set up the position, manage our canvasâ color, etc.
By clicking on the âElementsâ button youâll be able you add a lot of different kinds of elements. Using and editing most of them is a very easy and intuitive process.
The following elements are the more complicated in editing and we believe that the following articles can be useful for you:
Form
Carousel
Discount code
Ecommerce
Spinner
BG - here you can manage your canvasâ and background colors. Pay attention, that by default, when we create a new campaign the background opacity is bigger than 0. It means that when the campaign will appear, the background will disable clicking on something on the website page except the campaign. If this behavior is not fit your needs, you can reduce the opacity to 0 in the backgroundâs color settings.
By clicking on the âPositionâ button we can find settings that determine in which way our campaign will be implemented into the structure of the webpage. Weâve prepared a separate article regarding that - link.
Canvas - this is our main working area. Here weâll place our elements.
Note: weâll always try to place all elements inside the canvas. Placing elements outside the canvas can badly affect the campaign appearance on your website page.
Campaignâs size and devices - here we can change the canvasâ size and switch between two devices: desktop and mobile. Also, here we can add steps to our campaign. An additional possibility in this section is creating responsive campaigns.
Note: while creating a responsive campaign in this way, all our elements still must be between the blue lines. The responsive outside parts will be painted with the same color as the canvas.
âPublishâ button: here you can publish the campaign or schedule it. We recommend doing it only after you passed through all three sections.
Elementâs setting: when you click on any element youâve added to the campaign, a right bar will appear. Here you can customize the element as you wish.
We want to highlight that every element, except the canvas itself, can become clickable. To set up it we need to click on the element, then click on âLink optionsâ in the right bar:
Then another tab will be opened where we are asked to select where we want to transfer our customer to:
Please, pay attention, that if we select an option that requires a phone number, the number should be in international format e.g. +972********* for Israel.
Another interesting setting we can see here is the âOn clickâ option:
It allows us to do two things:
set up what will be copied to the userâs clipboard.
Customize the elements\campaignâs behavior with a custom code. If you are familiar with coding or you have someone who is in your team - you can create this code by yourself and make your campaign as much unique as it is possible.
Also, from this bar, you can make your campaign accessible (Click in this link to read more):
Elementâs visibility per device: we use the âconnecting elementsâ system, which means that every element you add you your campaign, will appear in both devices. If you wish to prepare a different design for each device, you can choose which element will be shown on which device, click on this link to read more.
Updated on: 25/06/2024
Thank you!