Documentation

Setup Guide

Everything you need to install, configure, and launch JetsLift apps on your Shopify store.

Step 03

Customize the widget

Now that the widget exists, make it match your brand. The customization panel controls the visual style, the messaging, and the behavior when a visitor is underage.

Age Verification Popup 1

General
Design

Header

Text
Age Verification
Color
#FFFFFF
Size

Description Text

Text
You must be 18 or older
Color
#A1A1AA
Size

Confirm Button

Text
YES, I AM 18+
Text Color
#1A1A1A
Background
#FFFFFF
Radius
8
Size

Decline Button

Text
NO, I'M UNDER 18
Text Color
#D4D4D8
Background
#27272A
Radius
8
Size

Footer

Footer Text
By continuing you agree
Color
#52525B
Size

Popup

Background
#181818
Radius
16

Other

Logo Source
Custom Logo
Image URL
https://placeholder.co/100
Width (px)
40

Visual Customization

You can refine the text and appearance of the popup content using the following fields:

  • Header: You can customize the Text, Color, and font Size to create a strong, visible title.
  • Description Text: Similar to the header, you can modify the instructional Text, its Color, and Size to ensure your messaging is clear and readable.
  • Footer: This section allows you to edit the Footer Text, its Color, and Size, which is ideal for links to privacy policies or additional compliance information.

Button & Layout Control

The popup provides detailed controls for your call-to-action elements and the window itself:

  • Confirm & Decline Buttons: Both the "Confirm" and "Decline" buttons allow for individual styling. For each button, you can configure the specific Text, Text Color, Background color, corner Radius, and button Size.
  • Popup Settings: In the Popup section, you can set the overall Background color and the corner Radius of the window to create a rounded or square-edged look.

Logo & Branding

Adding your logo helps build trust and brand recognition during the age verification process:

  • Use Logo: By checking the Use logo box, you can enable or disable branding in the popup.
  • Logo Source: You can choose between options like "Default Logo" or "Custom Logo".
  • Customization: When "Custom Logo" is selected, you can input a direct Image URL and adjust the image Width (px) to ensure your logo is perfectly sized.
Done! You can edit or duplicate widgets anytime from the dashboard.