Articles on: Editor

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.


Updated on: 23/05/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!