RTB block format builder
The format builder allows you to create RTB blocks that are tailored to fit your website. Control the size of the block, the number of ads, the elements in ads, and their design.
Creating a format
To create a format, go to the list of RTB blocks (Format builder tab. Click Add format.) and open the
- Step 1. General settings
- In the window that opens, enter a name for the format. Think about the number of ads to put in the block and how to position them, and lay out the ad grid. Click Continue creating.
- Step 2. Split ads into zones
- Ad elements can be positioned from top to bottom, one under the other. Zoning is a tool that splits an ad into areas. This allows you to arrange the elements in several columns, for instance.
- To add zones, click inside the ad. In the menu on the right, select Split horizontally or Split vertically. This will add a border to the ad that you can drag and drop. Each resulting area can also be split. To do this, click inside the area and work in the menu on the right.
- Zoning can only be applied to an ad that does not have any elements yet. To cancel the split, click Clear all. This will reset all your settings.
- Step 3. Ad elements
- The list of elements is on the left. To add an item, drag it from the list to the ad.
- First add the required elements, then add the optional ones. If one of the required elements is missing, you will not be able to save the format.
- Customize the appearance of the elements. To go to settings, click the element. Use the arrows to place items inside the ad.
- You can configure the appearance of different types of warnings in different ways (Normal, Medicine, Supplements). Click on the warning and choose the type you want to configure from the menu on the right.
- The ad size is limited, so not all elements will fit. Before you proceed to the next step, make sure that all the required elements fit inside the ad.
- Step 4. Design of ads and blocks
- Customize the ad design: size, background color, border color and thickness, and margins. To do this, click and work in the menu on the right. The maximum width and height of an ad is 600 pixels, and the minimum is 150 pixels.
- To change the margins, color, and border thickness for the area inside the ad (without a warning), click inside this area.
- Configure the block's design: select the background color and border, and set margins. To go to the settings, click below the lower edge of the block so that the entire block is highlighted in yellow.
See how ads will look with your design. To do this, select the Actual data option, and different ads will appear in the block.
Click Create format. Now you can use the created format when you are adding RTB blocks. All your created formats will appear in the My formats list.
This section discusses settings in the Ad Builder that will make your ad block more attractive.
- Split ads into zones
- After making a split, go to the settings for one of the zones. Set the outline thickness to 0 pixels. Repeat the same with the other zone. The dividing lines will not be visible this way, but the ad will remain divided into areas.
- Overlay elements
- You can overlay elements, such as placing a button on top of an image. To do this, first place the button under the image. In the button settings, specify a negative upper margin, and work with the Background color and On hover parameters. Make the button transparent. To do this, adjust the A value for the background color. This way the button will look better on top of the image, and when the user hovers over it, the button will be highlighted.
- Line up elements
- Elements are placed under each other in an ad. This is because they have the Entire line option enabled by default. This means that each element is allocated its own line, even if it doesn't use all the space. Option In the line will help you place multiple items in one line instead of one under the other. For example, you can combine a city and a URL, a header, and an 18+ badge.
- This option is available for all elements except the image and button.
- Special background for images
- The size of images is specified in the settings. The maximum width and height of an image is 300 pixels, and the minimum is 95 pixels. If the image in the ad is larger than specified, scroll bars are added to it. Scrolling is activated when the user hovers over the image.
- If the image is smaller, it will remain the same size. This may break the structure, especially if you applied other elements to the image. To avoid this, use the Special background option. A frame is added to the images to reach the size that you specified. The frame color is automatically selected to look like the background of the image itself.
- Absolute positioning
- Use absolute positioning for the 18+ badge. This way you can place it on the image regardless of the position of the other elements.