Skip to main content

Pop Up 03

Usage example​

image_1

This is an example of using the Pop Up 03 template. You can easily recreate it by preparing an image and changing the setting items.

How to set up​

  1. Set up the Pop Up 03 template in advance (/set-up/pop-up-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/behavior​

  • Popup width: 347px
  • Popup rounded corners: 0px
  • Popup background color: #FFB200
  • Popup shadow: no shadow
  • padding inside popup: 0px
  • padding between content elements: 3px

content: text​

  • heading text: blank
  • body text: blank

content: image 1​

  • Image 1 URL: Enter the URL of the image

Content: Button 1​

  • Destination URL: Enter the destination URL
  • Button text: "Register as a new member"
  • Button font size: 17px
  • Button rounded corners: 15px
  • Button background color: #F19401

Content: Button 2​

  • Destination URL: Enter the destination URL for the transition
  • Button text: "login"
  • Button font size: 17px
  • Button rounded corners: 15px
  • Button background color: #999999

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