Skip to main content

Sequential Popup

Usage example​

image_1

This is a usage example of the Sequential Popup template. You can easily recreate it by preparing an image and changing the setting items.

How to set​

  1. Set up the Sequential Popup template in advance (/set-up/sequential-popup).
  2. Prepare an image to use. You can set the number of pop-ups up to 3 and prepare as many images as you want. This time, we will prepare two images. Crop the prepared image, considering the margin inside the popup and the margin between the 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​

  • Width of popup: 488px
  • Rounded corners of popup: 18px
  • Background color of popup: #FFFF00
  • X button color of popup: #000000
  • popup shadow: no shadow
  • margin inside popup: 18px
  • margin between content elements: 0px

Common for buttons​

  • button font size: 22px
  • button Rounded corners: 16px

Forward button​

  • Forward button border color: #000000
  • Forward button background color: #000000

Done button​

  • Done button border color: #000000
  • Done Button Background Color: #000000
  • Show Back Button: Unchecked

Content Text​

  • 1st Popup Heading Text: Blank
  • 1st Popup Body Text: Blank
  • 1st pop-up image URL: Enter the image URL
  • 2nd pop-up header text: Blank
  • 2nd pop-up body text: Blank
  • 2nd pop-up image URL: Enter the destination URL

Contents button​

  • 1st pop-up forward button: Set to bold
  • 2nd pop-up Done button: Set to bold

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