> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# A complete guide: Customize your blocking page

## Overview

The blocking page is what a visitor sees when a Blockify rule stops them from entering your store. Every store starts with the default template, and you can change its template, wording, colours, background and logo so the page matches your brand. Everything is set on **Settings > Blocking template**: the **Loading page effect** card, and the editor you open with **Edit template**.

## What you'll learn

* [Part 1: Open the editor and choose a template](#2-part-1-open-the-editor-and-choose-a-template)
* [Part 2: Edit the template fields](#2-part-2-edit-the-template-fields)
* [Part 3: Remove the Blockify brandmark](#2-part-3-remove-the-blockify-brandmark)
* [Part 4: Add Custom CSS](#2-part-4-add-custom-css)
* [Part 5: Set the Loading page effect](#2-part-5-set-the-loading-page-effect)
* [Part 6: Preview and save](#2-part-6-preview-and-save)
* [Request a custom blocking page](#2-request-a-custom-blocking-page)
* [Who can use this feature?](#2-who-can-use-this-feature)

## Part 1: Open the editor and choose a template

Step 1: In the Blockify admin, go to **Settings > Blocking template**. The card shows the template your store is using right now.

Step 2: Click **Edit template** to open the **Blocking page** editor.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/imgv302pvf29340e4-8079-47f1-99_fu6i7v.png)

Step 3: The editor has three tabs on the left, **Template**, **Style** and **Custom CSS**, and a live preview on the right. In the **Template** tab, click the template you want; the preview changes right away. Each template has its own layout, so pick the layout first and change the wording and colours afterwards.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/20250909-164457_tcoivs.png)

| Tip: None of the templates fit your brand? Use the **Request customization** banner under the template list and our team will build one for you. See [Request a custom blocking page](#2-request-a-custom-blocking-page).

## Part 2: Edit the template fields

The **Style** tab on the left of the editor has every field of the template you picked. Change a field and the preview on the right changes with it.

| Field | What it changes | Notes |
|---|---|---|
| **Title** | The heading of the blocking page | Up to 64 characters; its **Color** picker sits next to the **Text** box |
| **Description** | The message under the heading | Up to 256 characters; basic HTML is allowed, see Part 2 tip |
| **Super text** | The short line of text the template shows above the title | Leave it empty if the template does not need it |
| **Background** | The page background | Choose **Background Color**, **Background Gradient** or **Background Image** |
| **Logo (optional)** | Your logo on the page | JPG, JPEG or PNG, up to 2 MB |

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_61j0j2.png)

| Tip: You can add line breaks, bold text and links to the **Description** with a few simple HTML tags (short codes such as `<b>` for bold). See [Customize your blocking page with HTML](https://help.omegatheme.com/en/article/customize-your-blocking-page-with-html-b5k87l/) for the supported tags.

| Note: Blockify keeps your changes as a draft until you click **Save** (Part 6). If you leave the editor without saving, you lose them.

## Part 3: Remove the Blockify brandmark

The default page shows a small Blockify brandmark. To hide it, hover over the brandmark in the preview and click **Click to remove brandmark**. The brandmark comes back on its own if you later move to a lower plan that does not include this option.

## Part 4: Add Custom CSS

Use **Custom CSS** when the fields in the **Style** tab are not enough, for example to change fonts, spacing or where something sits on the page. CSS is the code that controls how a web page looks; you only need it for changes the **Style** tab cannot make.

Step 1: In the editor, open the **Custom CSS** tab next to the **Style** tab.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/20250910-093828_ip21be.png)

Step 2: The box already has the CSS for each part of the template, such as the **Title**, **Description** and **Logo**. Change the values for the part you want to change, or add new lines at the end of the box.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/53d2628e-747a-4e37-ac30-5e762b_ab8cgl.jpeg)

Step 3: Click **Save**.

| Important: What you set in the **Style** tab wins over **Custom CSS**. If you want your CSS to win, add `!important` after the value, for example `color: #ff6b35 !important;`.

![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1rrnrsk.png)

## Part 5: Set the Loading page effect

**Loading page effect** decides whether the blocking page covers your whole store like a curtain (the "overlay effect") or sits on top of a store that still works. It is a separate card at the top of **Settings > Blocking template**, above the template preview, not inside the editor.

Step 1: Go to **Settings > Blocking template**.

Step 2: In the **Loading page effect** card ("Turn off if you don't want the overlay effect."), switch the toggle on or off. The badge next to the title shows **On** or **Off**.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/a-complete-guide-customize-you_1pr9pp0.png)

| Setting | What the blocked visitor sees | Best for |
|---|---|---|
| Overlay effect **on** (default) | The blocking page covers the store. The visitor cannot click or read anything behind it, and blocked bots cannot read your store's content either. | Protecting content you do not want copied; keeping unwanted bots away from your pages |
| Overlay effect **off** | The store loads fully in the background and still works; the blocking page appears on top of it. Bots can still read the page content. | Letting search engines read your pages (good for SEO, your ranking in Google); letting visitors see and use the store while blocked |

Overlay on:

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/20250908-110116_211ua8.png)

Overlay off:

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/20250908-110301_oz86rf.png)

## Part 6: Preview and save

There is no separate preview step: the panel on the right of the editor always shows the page as a blocked visitor will see it, including your HTML and Custom CSS, and changes as you type.

Step 1: As soon as you change something, the **Unsaved changes** bar appears at the top of the screen. Click **Save** to make the changes live, or **Discard** to throw away every unsaved change and go back to the last saved version.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/a-complete-guide-customize-you_burpmc.png)

Step 2: To check the live page, open your store from an IP address or country you have blocked, or create a short-term block rule for your own IP address and remove it afterwards.

## Request a custom blocking page

If none of the templates match your brand, you can ask the Blockify team to build one for you, free of charge. You describe what you need in a short form inside the app, Blockify sends it to our support chat, and we reply in the same chat.

Step 1: Find the **Request customization** banner. It appears in **Settings > Blocking template** below the template preview card, and in the **Blocking page** editor below the template list on the left. The **Dismiss** (×) button closes it; if you closed it, open the editor again with **Edit template** to find it.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_7lqa90.png)

Step 2: Click **Request customization**. The **Request template customization** form opens.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_adx7lx.png)

Step 3: Fill in the form:

| Field | Required | What to enter |
|---|---|---|
| **What would you like changed?** | No | Tick one or more: **Logo or image**, **Colors**, **Text and wording**, **Layout**, **Something else** |
| **Describe what you need** | Yes | Up to 1,500 characters. Name exact colours, wording or layout changes, e.g. "use our brand orange #FF6B35 for the button and put our logo above the heading" |
| **Reference link (optional)** | No | A page whose look you want us to match, or a screenshot link. The form takes a link, not a file; send your logo file in the chat once the request is sent |
| **How soon do you need it? (optional)** | No | **Within 1 hour**, **Today**, **Within a week**, **Before an upcoming campaign** or **No rush** |

The **Sent with your request** block at the bottom of the form lists the store details Blockify adds to the message for you: **Store**, **Template in use**, **Plan** and **Admin language**. You do not need to type any of it.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/a-complete-guide-customize-you_8qqj33.png)

Step 4: Click **Send request**. The form closes and the support chat window opens with your request already sent. Our support team replies in the same conversation, usually within 1 business day; share references or clarify details there until the page is ready.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_9r1rn2.png)

| Tip: If the chat is not working, the form says so and sends the request to our support email instead; you can also click **Copy request** to paste it elsewhere. We may then ask for your logo file.

## Who can use this feature?

Editing the template fields and **Custom CSS** are available on the **Premium** plan and above. The Blockify brandmark only shows on the **Free** plan. **Request customization** is available on all plans, at no extra cost.

## FAQs

1. **My changes do not show on the live blocking page.**

Make sure you clicked **Save** in the editor; Blockify keeps your changes as a draft until then. If the page still looks old, your browser may be showing a saved copy: open the page in a private (incognito) window.

2. **Can I use a different blocking page for Block rules and Redirect rules?**

No. Redirect rules send the visitor to the web address you set in the rule and never show the blocking page. Block rules all use the one template you saved here.

3. **Why does my CSS change have no effect?**

The same setting is also in the **Style** tab, which wins. Add `!important` to the CSS value, or change the value in the **Style** tab instead.

4. **Can I add a contact link to the page?**

Yes. Put a link in the **Description** with a simple HTML tag, for example `<a href="mailto:support@yourstore.com">contact us</a>`. See [Customize your blocking page with HTML](https://help.omegatheme.com/en/article/customize-your-blocking-page-with-html-b5k87l/).

5. **Does the blocking page affect my SEO?**

Good bots such as Googlebot (Google's search bot) are never blocked, so they never see the page. For other bots, turning the overlay effect off keeps your store content readable behind the blocking page.

6. **Is the custom blocking page really free?**

Yes. Send the request with a clear description or an example and the team builds it at no extra cost.