add – Bannernow Tutorials https://bannernow.com/tutorials Bannernow Tutorials Thu, 20 Feb 2025 21:57:02 +0000 en-US hourly 1 https://wordpress.org/?v=6.7.2 https://bannernow.com/tutorials/wp-content/uploads/favicon-bn-32x32.png add – Bannernow Tutorials https://bannernow.com/tutorials 32 32 Video Element (In-Display) https://bannernow.com/tutorials/videos/ Thu, 15 Feb 2018 14:03:50 +0000 http://help.bannernow.com.www629.your-server.de/?p=303
  • From the Dashboard click Library in the top menu.
  • Select Video category and click Upload Video.
  • You will be required to submit at least one video format (Mp4, Ogg, Webm), and the fallback image (1), which will be used in case client’s browser doesn’t support video, or the internet connection is very slow.

    We, however, recommend uploading your video in all 3 formats, to make sure that every browser will play the video efficiently.

    All video files and the fallback image should be optimized prior to uploading to Bannernow.

    After you’ve filled up the form, click on Upload button.

    You can see your video in the gallery once uploaded.

    In order to use videos within your banner, follow these steps:

    1.  In the editor, click on Add Video button.

     2. Find your video in the gallery. Click on it to add it on stage.

    Once the video item is added on stage, the left-side panel will now display a few video options.

    Player Controls option – this adds the play/pause timeline controls on the video player.

    Muted – when selected, the chosen video will play no sounds. Should be enabled by default! Otherwise modern browsers will not autoplay your video.

    Autoplay – when selected, the video will start playing automatically when displayed on the banner. *Mute should be enabled for autoplay.

    Loop – when selected, the video will keep playing in the loop.

     Playback options – refers to which point/second in the timeline the video should start or stop playing.

    ]]>
    add - Bannernow Tutorials nonadult
    Text Element https://bannernow.com/tutorials/add-text/ Tue, 13 Feb 2018 20:48:49 +0000 http://help.bannernow.com.www629.your-server.de/?p=216 Text is a critical component of a creative. The color, size and width, all convey a message to the viewer of a display ad.

    In this quick tutorial, we’ll cover the basics of using the Text tool, as well as advanced features.

    We can access the Text tool by clicking the “Plus” button.

    BannerNow comes pre-loaded with beautiful fonts so you can start designing quickly. Pick your favorite style. You can use this text as it is or customize it any way you need.

    To edit an existing text element, double-click inside the text box.

    At the top of the Properties panel is an alignment section that you can use to align text relative to the canvas.

    Below, there is the transform section, where you can set the position: the X, the Y positions, Width, Height and Rotation.

    Next, there are the Hover and Down tabs for changing the text style for mouse hover and down events.

    Then, we have the Feed text connection button. It is now disabled because our creative is not connected to any feed yet. Dynamic creatives using a feed allow you to display multiple texts, as well as conduct A / B testing.

    Other useful function is the drop down menu where you can select a new font. You can also type in this field to search. Let’s search for Roboto font. Below select a font style: bold, medium, regular, etc. Also, change size by pressing down/up arrow and color inside the color picker.

    Above we have additional upload option. You’ll simply need a .ttf or a .otf file. After the upload, let’s type in the name of the new font to search and as you can see, it is already ready to go.

    You can also change the font style, or the style of specific characters. For example, apply bold, italic or strikethrough, and if you want to reset all these changes, just click “Clear style” button.

    Advanced settings includes:

    Spacing – we can change the amount of space between characters;

    Line Height – to change the amount of space between each line of your text;

    Padding – is the space between the content and the border of our text box;

    Skew – is when twist it vertically or horizontally;

    Opacity – adds transparency to the text element;

    RTL – means right to left text direction.

    Now, let’s adjust the alignment to determine where the text should be placed within the text box. Our options are: left, center, right, top, middle, bottom.

    Next, by default we have a Fixed text container, where the text will be automatically scaled to fit the container. For example, if we input more text, it will scale down inside the container.

    But, we can change this behavior by setting the text alignment to Fixed Width, Dynamic Height. This allows the height of the text box to grow along with your text.

    Another option is Dynamic Width and Height. Now, if I will type more text, the container will resize.

    These features are super useful when preparing for the translation or for the dynamic feeded ad.

    For example, I can place the text container fit to the bottom right corner, set the dynamic width and height, align it from right within the text box, vertical alignment set to bottom.

    Now, if I translate this creative into a different language or connect the dynamic feed, the text will automatically scale to the left and top.

    Next, let’s set a background color for the text container. It can be solid, linear or radial gradient.

    We can add a stoke by editing the fill stroke, text box shadow, border size and also border radius to create nice round corners.

    Also, you can set the hyperlink for the text element. The hyperlink should be always and absolute URL with the “https://…” . If your creative will be connected to a feed, you will also be able to connect the hyperlink to the feed data.

    Another feature is the visibility mode. It’s usually used when you have a feeded text. For example, you can create 2 texts and display the first one only when there is the feed data; and the second one when there is no feed data as a fallback.

    The ID can be used when interacting with this element via banner API.

    Finally, you can save your text style as a preset, so the next time when you will add a new text, you will be able to use one of your saved text styles.

    ]]>
    add - Bannernow Tutorials nonadult
    Shape Element https://bannernow.com/tutorials/add-shape/ Tue, 13 Feb 2018 20:48:35 +0000 http://help.bannernow.com.www629.your-server.de/?p=212 The Shape element allows you to add a shape on stage. The shape is square by default, however, you can apply other forms to it, such as a rectangle or circle ( which is controlled by the border-radius property).

    Click the Shape button and add a new shape element on stage.

    Use the Shape Properties menu to customize the style of the shape: change its color, size, opacity, borders, etc…

    ]]>
    add - Bannernow Tutorials nonadult
    Button Element https://bannernow.com/tutorials/add-button/ Tue, 13 Feb 2018 19:45:50 +0000 http://help.bannernow.com.www629.your-server.de/?p=195 Button. BannerNow provides a library of custom button styles. You can choose your preferred button design from a […]]]> Add Call-to-action button

    In order to enhance user engagement, BannerNow banners support Button elements meant for Call to Actions. These indicate a clickable element, prompting users to interact with your banner content.

    Let’s build a clickable creative! First press Add > Button.

    BannerNow provides a library of custom button styles. You can choose your preferred button design from a variety of options.

    Now it’s time to personalize the button.

    Double-click to edit the text inside the button. Properties panel is similar to text element, but it offers two shadow options: text shadow and button shadow.

    Also, you can set the hyperlink for the button element. The hyperlink should be always and absolute URL with the “https://…” . If your creative will be connected to a feed, you will also be able to connect the hyperlink to the feed data.

    To save a button style, simply go to Properties panel and click “Save as Preset“. When you add a button, you will have access to a gallery of pre-made designs as well as your own presets.

    ]]>
    add - Bannernow Tutorials nonadult