Skip to main content

Banner 03

Usage example​

image_1

This is a usage example of the Banner 03 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 03 template in advance (/set-up/banner-03).

  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)

Appearance​

  • Background color of banner: #B30000
  • X button color of banner: #FFFFFF

Content: Image​

  • Image URL: Image URL Enter the URL
  • Image width: 204px

Content: Text​

  • Heading text: "2024 lucky bag pre-order start"
  • Heading font size: 18px
  • Heading text color: #FFFFFF
  • Body text: "Pre-orders for lucky bags in 2024 have finally started. Limited to the first 200 people!"
  • Body text color: #FFFFFF

Content: Button 1​

  • Button 1 link URL: Enter the destination URL
  • Button 1 text: "Order Now"
  • Button 1 text color: #333333
  • Button 1 rounded corners: 20px
  • Button 1 background color: #FFFFFF

If you want to make fine adjustments, It is necessary to adjust the source code under the template creation screen.