Skip to main content

Banner 01

Usage example​

image_1

This is a usage example of the Banner 01 template. It can be reproduced simply by preparing an image and changing the setting items.

How to set up​

  1. Please set up the Banner 01 template in advance (/set-up/banner-01).

  2. Prepare an image to use.

    *Crop the images you prepare considering the margins inside the popup and the margins between content elements. With this setting, the image below will be trimmed when it blinks.

image_1

  1. Follow the steps in How to set up to open the campaign creation screen and change the setting items on the left side of the screen.

image_1

  1. Change the setting items. (Only changes from the template are listed)

Display position/behavior​

  • Display position: Bottom

Appearance​

  • Background color of banner: #393939
  • X button color of banner: #FFFFFF
  • Border color of banner: #EEEEEE
  • Border thickness of banner: 5px

Content: Image​

  • Image URL: Enter the URL of the image
  • Image width: 280px

Content: Text​

  • Headline text: "Live shopping delivery will be held!"
  • Heading font size: 18px
  • Heading text color: #FFFFFF
  • Body text: "Delivery starts at 20:00 on 1/7! Click here for details!"
  • Body font size: 17px
  • Body text color: #FFFFFF

Content: Link destination​

  • Link URL: Please enter the destination URL

Fine adjustment If you want to do this, you need to adjust the source code at the bottom of the template creation screen.