Block Page Customizer
The Block Page Customizer lets you control the appearance and content of the page shown to blocked visitors. This feature is available on all plans, including Free.
Access it from Block Page in your dashboard.
Page Layout
The editor is split into two columns:
- Left side — All customization controls organized in four sections.
- Right side — A sticky live preview that updates in real time as you make changes.
Customization Options
Design
| Field | Type | Default | Description |
|---|---|---|---|
| Background color | Color picker | #eaeaea | Background color of the entire block page. |
| Font | Dropdown | Use theme font | Font family for all text on the block page. Choose from 26 options including system fonts, or use your store’s theme font. |
Available font options: Use theme font, Helvetica, Tahoma, Trebuchet MS, Times New Roman, Georgia, Garamond, Courier New, Arial, Verdana, Calibri, Futura, Gill Sans, Impact, Baskerville, Palatino, Lucida Sans, Cambria, Rockwell, Franklin Gothic, Comic Sans MS, Optima, Century Gothic, Bookman Old Style, Avant Garde, Didot.
Text
| Field | Type | Default | Description |
|---|---|---|---|
| Header | Text input | ”Oops! Restricted area” | The main heading shown to blocked visitors. |
| Subtitle | Text input | ”It seems like you don’t have the necessary permissions to access this content.” | Supporting text below the header. |
| Header color | Color picker | #000000 | Color of the header text. |
| Subtitle color | Color picker | #000000 | Color of the subtitle text. |
| Header size | Range slider (5-30px) | 17px | Font size of the header. |
| Subtitle size | Range slider (5-30px) | 14px | Font size of the subtitle. |
Button
| Field | Type | Default | Description |
|---|---|---|---|
| Text size | Range slider (5-30px) | 14px | Font size of the button text. |
| Corner radius | Range slider (0-35px) | 4px | Roundness of the button corners. |
| Text | Text input | ”Return” | The label shown on the button. |
| Link | Text input | Empty | URL the button links to. If left empty, no button is shown. The field placeholder shows your store domain. |
| Text color | Color picker | #ffffff | Color of the button text. |
| Background color | Color picker | #000000 | Background color of the button. |
The Link field validates the URL on blur. If the URL is incomplete (e.g., example.com), it is automatically completed to https://example.com. An error appears if the format is invalid.
Spacing
| Field | Type | Default | Description |
|---|---|---|---|
| Header bottom | Range slider (0-50px) | 10px | Space below the header text. |
| Subtitle bottom | Range slider (0-50px) | 20px | Space below the subtitle text. |
Live Preview
The right side of the page shows a real-time preview of your block page. Every change you make to text, colors, fonts, sizes, and spacing is reflected immediately in the preview.
Preview on Storefront
A preview button (eye icon) appears at the top right of the page. Clicking it opens your block page at the URL:
https://yourstore.com/kedra-unauthorized-previewThis lets you see exactly how the block page looks on your live storefront.
Saving
A Save bar appears at the top of the page when you have unsaved changes, with Save and Discard buttons.
- Save — Validates the button link (if provided), saves all settings, and shows a “Block page updated” confirmation.
- Discard — Reverts all changes to the last saved state.
- If you try to navigate away with unsaved changes, a confirmation dialog appears.
How the Block Page Works on the Storefront
When a visitor is blocked by any rule (country, IP, VPN, bot, ASN, or referrer), the block page is rendered as a full-screen overlay that covers the entire page:
- All existing page content is removed.
- A fixed-position overlay fills the entire viewport.
- The overlay displays your customized header, subtitle, and button (if a link is set).
- The visitor cannot scroll, interact with, or see any store content behind the overlay.
If a specific blocker has a redirect URL configured, the visitor is redirected to that URL instead of seeing the block page.
Default Block Page
If you have not customized the block page, blocked visitors see a default page with:
- Background: Light gray
- Header: “Oops! Restricted Area”
- Subtitle: “It seems like you don’t have the necessary permissions to access this content.”
- Button: Not shown (no link configured by default)
- Font: Browser default
- Colors: Black text on light gray background
Next Steps
- How Blocking Works — Understand when and how the block page is triggered.
- Location Blocker — Configure redirect URLs per blocker.