Popup link
The Popup Link block allows you to create a clickable element that opens a modal window (popup) or a side drawer instead of navigating to a new URL. The content inside the popup is built using nested blocks.
General settings
Inherit Color Scheme
A checkbox that, when enabled (Default), uses the color scheme from the parent section for the link element.
Colors
Only visible when Inherit Color Scheme is disabled.
Allows you to manually select a specific Color Scheme for the link element.
Button Type
Defines the visual style of the clickable element:
Primary (Solid button),
Outline (Bordered button)
Link (Default—simple hyperlink text).
Text
The label or text content displayed for the link/button (Default is "Learn more").Font Size
Font Size
Sets the size of the link text:
Small
Base (Default)
Large.
Icon Type
Selects the graphical element displayed next to the text:
None,
Arrow (Default)
Image (Allows custom upload).
Image
Only visible when Icon Type is Image.
Upload a custom image or logo to use as the icon.
Icon Size
Sets the size of the icon/image element, measured in pixels (px) (Range: 0px to 50px).
Gap
Sets the horizontal space between the link text and the icon/image, measured in pixels (px) (Range: 0px to 50px).
Popup style
Inherit Color Scheme
A checkbox that, when enabled (Default), uses the color scheme from the parent section for the popup/drawer container.
Colors
Only visible when Inherit Color Scheme is disabled.
Allows you to manually select a specific Color Scheme for the popup/drawer container.
Popup Type
Defines the container style when activated: Popup (Modal window) or Drawer (Side panel).
Popup Width
Sets the maximum width of the popup/drawer container, measured in pixels (px) (Range: 300px to 1600px).
Corner Radius
Controls the rounding of the popup/drawer corners. Options include:
Inherit (Default — adopts the Theme settings radius)
None
Custom
Custom Radius
Only visible when Corner Radius is Custom.
Sets the custom corner radius for the popup container, measured in pixels (px) (Range: 0px to 50px).
Spacing
These settings control the external spacing (padding) applied directly above and below this specific block.
Top
Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px).
Bottom
Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px).
Last updated