Skip to content

Create and edit banner template

Selecting a banner from the list of templates

There are two ways to access the template editing menu:

  1. Go to the "Templates" section in the navigation menu on the left
  2. Switch the template tab to "Website Builder" as shown in the image
  3. Choose to edit an existing banner or create a new one. All templates
  1. In the edit script page, right-click on the Website Builder Action and select "Edit"
  2. This will open an editing section for the selected Action. At the very bottom click on "Add Template".
  3. You will be redirected to the banner template selection page
  4. Choose an existing template from the list by clicking on it with the left mouse button or create a new one
  5. After selecting the banner template press the "Save" button to link the current Action to the selected template Action edit banner template Action select banner template

Web banner template configuration window

If you are creating a new banner template, or have chosen to edit an existing one, you will be redirected to the edit banner template page... so, let's get started. Edit banner template first look

The picture above shows the main sections we will be working with next:

  1. Editing template name
  2. Section with the banner settings
  3. Banner display section based on the current settings
  4. Buttons to switch between the Picture Library and the Preview Banner section

Below we will look at all of these items in more detail:

Note

You can create two types of web banners in our platform:

  1. Standard banner - where clicking on the "Go" button will redirect the user to the specified address
  2. feedback banner - exactly the same banner with one significant difference. Clicking the "Go To" button opens a window with a feedback form. Where the user can leave his contact details
  1. First select the banner positioning relative to the screen. By changing the positioning, you will be able to observe the changes on the right side of the preview. It includes an animation of the banner's appearance on the user's screen.
  2. Select the banner size in pixels that is available and suitable for you. Select banner position and size

Adding an image to the banner

  1. Click on "upload image" and select an image on your computer.
  2. If you already have the image in your library, click on the button to switch screens (in the bottom right corner) and you will be taken to the section where all available images are stored.
  3. Select the appropriate creative by left clicking on it. Then go back to the banner preview and you will see its updated state. Add banner image

Select banner type

Note

As written before, there are two banner types: "Standard" and "Feedback Banner". Switching between banner types depends on the type of fields to be filled in. If at least one fillable field is selected, the banner will work as a 'Feedback Banner'. To use the standard banner, disable all fields that you want to be filled in.

Select banner inputs

Next we'll look at the types of fields you can enter:

  1. name - used for username.
  2. Mail - field for email address.
  3. Age - used to collect information about the age of the user being registered.
  4. Phone number - used for contact phone number.

Note

Switch to full size banner view by pressing the button in the bottom right corner of the screen. As shown in the picture.

Fullsize banner preview

  1. You can choose the colour and text for the button. Colour is specified in HEX format (For example: #FFFFFFFF - white) Banner button text and color
  2. Option to change "welcome message" and possibility to set an alternative name for each of fields to be filled in

Note

Click on the "Go To" button to get to the section with the form to be filled in Banner feedback title and label

  1. You can change colour and text of feedback button Banner feedback button title and colour
  2. You can change the text of message which will be shown to user after he/she fills feedback form Banner feedback thx message
  1. You can select colour and text for the button. Colour is specified in HEX format (example: #FFFFFFFF - white) Banner button text and colour
  2. Specify the link to which the user will be redirected after interacting with the banner Banner output link
  3. If necessary, complete the UTM tag fields. They will be automatically filled in the banner link Banner link utm tags

Conclusion

You need to click the "Save" button in the top right corner of the screen. And you will see a message telling you that your template has been successfully saved. One last thing, click on icon as shown on the picture below and copy banner script to connect it to your website.

Banner script