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.