Authentication Template

General Tips

  • Always click save to preview the experience
  • Name Components, Campaign, and Wrappers to keep better track of each section
  • Components not nested in the exclusive components will be displayed for all experiences

“Authenticated”“Not Authenticated”

Pixel Guide

  • For optimal results, set all visual asset width to 1080 px and use flexible ranges of height
  • To showcase image edge to edge of the screen, set both margin and padding to 0px


Additional Support

How to create compound components 

Verification with Interstitial GIF 

Allows for only the verification message to initially display and disappear post-verification to show the rest of the experience

Set Up for the Verification Status GIF

  1. [Wrapper] Add Event and set up options as followed

2. [Wrapper] Nest 2 Exclusive and 1 delay inside the Event

3. Set up the first Exclusive as the “Authenticated” experience

3.1. [Component] Nest image into Exclusive

3.2. Set up image [component]

4. Set up the second Exclusive as the “Not Authenticated” experience 

     4.1. [Component] Nest image into Exclusive 

    
     4.2. Set up image [component]

5. Set up Delay as followed (note: the number should represent the # of seconds that the content last) 

     5.1. [Component] Nest action inside Delay 

 

     5.2. Set up the action as followed 

  

Set Up for the Experience Body

  1. [Wrapper] Add Event and set up options as followed

2. [Wrapper] Nest 2 Exclusive and 1 section inside the Event

(note: any content placed outside of the exclusive wrappers will be displayed for both, authenticated or not authenticated, experience)

3. [Wrapper] For “Authenticated” experience, set options as followed

     3.1. Utilize the preloaded components or nest new components and wrappers to set up the experience for verified products

   


How to set up an image [component]

How to set up an accordion [wrapper]

How to set up a gallery [wrapper]

How to set up a download button [component]

How to set up a horizontal line [wrapper]

4. [Wrapper] For “Not Authenticated” experience, set options as followed

     4.1. Utilize the preloaded components or nest new components and wrappers to set up the experience for verified products

   

How to set up an image [component]

How to set up an button [component]


Verification without Interstitial 

Allow for the verification message to be displayed with the rest of the experience

Set Up for the Verification

  1. [Wrapper] Add 2 Exclusives
2. [Wrapper] For “Authenticated” experience, set options as followed

3. [Wrapper] For “Not Authenticated” experience, set options as followed

4. [Component] Nest image to each Exclusive and upload assets accordingly

5. Set up image [component]


Exclusive Content Based on NFC Verification

Authenticated

  1. [Wrapper] For “Authenticated” experience, set options as followed

2. Utilize the preloaded components or nest new components and wrappers to set up the experience for verified products

How to set up an image [component]

How to set up an accordion [wrapper]

How to set up a gallery [wrapper]

How to set up a download button [component]

How to set up a horizontal line [wrapper]

Not Authenticated

  1. [Wrapper] For “Not Authenticated” experience, set options as followed

2. Utilize the preloaded components or nest new components and wrappers to set up the experience for verified products

How to set up an image [component]

How to set up an button [component]